所向披靡的响应式开发

一套代码适配多终端，前端工程师必会技能

难度初级时长 10小时学习人数 4021 综合评分 9.89

报名人数已满该课程已出新版，查看新课 >>

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

姜维

讲师

资深全栈工程师

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

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

源于互联网金融真实案例

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

响应式开发所有知识

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

对初学者非常友好

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

良心价，良心课

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

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

产品

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

响应式设计实践原则

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

响应式布局基础

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

响应式技术

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

代码优化及调试

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

打包发布

Node.js和NPM / Gulp使用

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

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

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

产品
产品原型设计
产品交互设计
设计原则和技巧
项目前期准备
如何选择一个顺手的开发环境
使用WebStorm开发编码的技巧
如何提高开发速度
如何合理组织项目的目录结构
前端开发阶段
怎样分析项目的设计稿
如何快速切图
研发过程中公司各角色如何协作
响应式网站的设计实践原则

学员专享增值服务

问答专区讲师答疑

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

整套代码开放下载

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

适合人群

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

环境参数

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

万事俱备只等你来

丢卡利翁Orz

好评

很适合刚从学校毕业出来或者非科班出身但又有远大志向的人看，课程充满了干货，单单从项目的文件配置架构到科学的选择class名及代码中的优雅写法就足够学的，更不用说后面的实际项目经验等等，从中穿插了理论让人知其然又知其所然。有了css的基础，会配合用前端框架做项目，但又没形成体系的人，这课程就是来形成体系的。堪比文艺复兴！
AileenWeb

好评

第一次付费网上学习课程，关注慕课网很久了，所以非常信任这个网站，目前在职刚接触了一些移动端网站的开发项目，现在认真听讲练习真的好太多了，老师讲的很好很细致，对于很多相关的问题也提到了很多，自己真的学到了非常多的东西，感觉物超所值呢！赞！
霪霖笙箫

好评

作为一个自认为有基础的前端小菜，这128一开始我是拒绝的。说好的十小时，不过想吸收，远不止10小时… 废话不扯了，说点感受吧，这128很值，主要是以下几方面： 1、由浅到深，从理解到“了解”响应式 2、之所以专业，是因为细节。（那些不被重视的，human robots md等） 3、响应式的浏览器调试（说真的，我之前一直用chrome还真不知道可以这么玩，再次感谢老师） 4、原型相关的一些~ （不懂产品的设计不是好的前端工程师~~） 5、各种你可能忽略的前端开发流程中的细节… 虽说都不深入，但作为夯实和提高实战的小项目还是很值了，最后再次感谢姜维老师~ 第一次评这么多啊