实战 \响应式开发一招致胜

响应式开发一招致胜

难度 初级
时长 10小时
学习人数 3188
9.8分
¥ 128.00

响应式开发一招致胜

响应式开发一招致胜
忘记设备尺寸,一套代码适配多终端,响应式开发让用户体验和开发效率完美结合

做一套多端适配的互联网金融响应式网页

源于互联网金融真实案例

以一个实际上线的互联网金融网页为案例,实际演示响应式网页的成型过程

响应式开发所有知识

包含了响应式开发所涉及到的几乎全部知识点,而且不仅限于开发,还涵盖了产品、设计、流程等方方面面,让你一次性将响应式开发学会

对初学者非常友好

讲师切实考虑到了初学者理解上的问题,每个知识点讲解都非常细致,只要你具备HTML、CSS、JavaScript基础就可以学习本课程

良心价,良心课

学习人数和课程评价就是课程质量最好的证明,课程丰富的知识内容,相比别人家的课程,相信你会感受到慕课网的情怀

移动互联网时代前端攻城狮必会技能

产品

产品原型设计 / 交互设计 / 设计技
巧和原则

响应式设计实践原则

渐进增强 or 优雅降级 / 先针对小
屏幕 or 大屏幕进行设计 / 确定支
持的浏览器 / 断点选取原则

响应式布局基础

媒体查询 / CSS3选择器 / 视口
(Viewport)/ Resets与Normalize
Rem布局网页 / 清除浮动和BFC

响应式技术

如何确定响应式断点 / 响应式滚动广
告 / 响应式图片

代码优化及调试

处理兼容性的技术 / 多个设备上同
步调试

打包发布

Node.js和NPM / Gulp使用

体验响应式开发在公司里的真实工作流程和方式

  • 1 项目需求分析
  • 2 分析设计图
  • 3 组织项目目录结构
  • 4 代码开发
  • 5 代码优化及调试
  • 6 打包发布

不仅有技术,还有丰富的软技能

  • 产品

    产品原型设计
    产品交互设计
    设计原则和技巧

  • 项目前期准备

    如何选择一个顺手的开发环境
    使用WebStorm开发编码的技巧
    如何提高开发速度
    如何合理组织项目的目录结构

  • 前端开发阶段

    怎样分析项目的设计稿
    如何快速切图
    研发过程中公司各角色如何协作
    响应式网站的设计实践原则

线上编程工具+讲师答疑服务

云端编程环境效果即时呈现

云端编程环境,随时随地在线 Coding
代码效果即时呈现

云端存储环境数据永不丢失

所有代码、数据云端保存,永不丢失
随时调取

问答专区讲师答疑

任何关于本课程的问题都以在问答区随时提问,也
可在问答区和同学相互切磋,讲师会梳理同学们学
习中的典型问题,进行集中答疑

整套代码开放下载

课程代码完全开放给你,你可以根据所学知识,自
行修改、优化与升级代码,甚至可以直接应用在实
际工作中

适合人群

只要你具备一定自学能力,了解HTML、CSS、JS基础知识,对响应式设计和开发有兴趣,就可以学习本课程

资深全栈工程师

姜维

姜老师是一位真正的全栈工程师,有10余年互联网行业从业经验,有丰富的前后端开发、敏捷过程、项目管理经验,负责过多个产品和技术团队

在慕课网先后出品了《基于bootstrap的网页开发》、《Ajax全接触》等十余门课程,帮助众多慕课网用户突破了学习瓶颈,掌握了开发技术,甚至找到了心仪的工作,姜老师在同学们心目中享有极高的评价,这次,他凭借自己多年的实际工作经验出品了这门《响应式开发互联网金融网站》课程,将带你一次性掌握响应式开发技术!

来吧,跟随这样一位教学与实际开发经验都非常丰富的老师开启你的实战之旅吧

环境参数

  • 技术语言 Html、css3、Javascript
  • 课程所需开发系统 不限
  • 环境配置 不限
  • 开发工具 webstorm

万事俱备 只等你来

  • 福尔饺斯

    老师讲的很详细,很多地方都懂,视频我基本是跳着看,但是同样的很多小细节真的是有一种让我醍醐灌顶的感觉,评价的话,dotaer有一句话,叫:"强! 无敌!!!" 这个教程可不止适合新手啊。 那么问题来了,在加载页面的时候,在主要内容这个块里边,加载其他页面的时候应该用ifarme还是用load,还是有更好的办法呢,我一直在纠结这个问题,用ifarme对响应式来说会不会有什么影响

  • 杰宝宝0111

    我是做iOS的,想学习混合开发。虽然web开发对我来说完全是0基础,但是这门课程非常适合我。这门课几乎是从0到1讲解了开发web前端的方方面面,对我的帮助很大,让我理清了web开发的流程和步骤,可以给我今后的学习路线指引方向。我将课上讲解的demo参照讲师讲的写了下来:https://github.com/knightsj/ResponsiveWebPage。请各位提出宝贵意见~

  • 匿名用户

    超喜欢老师的讲课方式,可惜内容实用,通俗易懂,逻辑清晰,只有5颗星,我都想给10颗星了。好想老师多讲些啊!!!唯一美中不足就是,有些代码过程有些快,想学习下老师的书写及命名方式都来不及,不知道有没有源码可供0基础童鞋参考。。。我找半天没找到 T T

查看全部331条用户评价
提问
数据加载中...
意见反馈 常见问题 APP下载
官方微信