首页 实战 响应式开发一招致胜
收藏

所向披靡的响应式开发

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

响应式开发一招致胜

难度 初级 时长 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、各种你可能忽略的前端开发流程中的细节… 虽说都不深入, 但作为夯实和提高实战的小项目还是很值了,最后再次感谢姜维老师~ 第一次评这么多啊

查看全部854条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题