收藏

原理+实战 快速掌握响应式开发

基础概念/原理分析/调试技巧/页面实战

原理+实战 快速掌握响应式开发

难度 入门 时长 6小时 学习人数 149 综合评分 9.58
  • 第1章 课程介绍 2 节 | 13分钟

    介绍什么是响应式;课程安排;学习建议

    收起列表

    • 视频: 1-1 导学 (06:43)
    • 视频: 1-2 课程介绍 (05:20)
  • 第2章 实战利器 11 节 | 177分钟

    逐一讲解响应式web开发的理论,工具和方法。对响应式开发中涉及的各核心技术进行深入的分析。知识点概念/原理与示例结合,让你全面/透彻的理解和掌握响应式开发。

    收起列表

    • 视频: 2-1 单位像素 (12:26)
    • 视频: 2-2 媒体查询-视口1 (14:57)
    • 视频: 2-3 媒体查询-视口2 (16:26)
    • 视频: 2-4 媒体查询-媒介查询 (18:42)
    • 视频: 2-5 设计稿 (06:20)
    • 视频: 2-6 浮动 (15:01)
    • 视频: 2-7 flex新科技 (22:51)
    • 视频: 2-8 栅格系统 (18:26)
    • 视频: 2-9 分而治之&预处理工具 (17:40)
    • 视频: 2-10 JavaScript (15:07)
    • 视频: 2-11 调试方法 (18:03)
  • 第3章 项目实战-音乐社区官网首页 7 节 | 140分钟

    从环境搭建,到页面各部分代码编写,再到模拟调试,多设备浏览,gulp插件集成。 完整实现一个音乐社区类的官网首页,把前面的知识融汇到实际项目中,通过开发、调试、问题解决等过程,加深认识,掌握响应式技术在实际工作中的应用,体验真实的开发过程。...

    收起列表

    • 视频: 3-1 知己知彼 (11:22)
    • 视频: 3-2 实战基础搭建 (19:42)
    • 视频: 3-3 编写导航栏 (34:03)
    • 视频: 3-4 编写内容区1 (20:13)
    • 视频: 3-5 编写内容区2 (19:48)
    • 视频: 3-6 编写内容区3 (20:16)
    • 视频: 3-7 调试页面 (13:37)
  • 第4章 通关福利-迎接未来标准适配方案 3 节 | 38分钟

    介绍新近流行单位-Viewport Units(视窗相对单位) 的基本概念,通过示例演示其用法,对原工程进行改造

    收起列表

    • 视频: 4-1 视窗相对单位 (12:33)
    • 视频: 4-2 webpack入门1 (10:35)
    • 视频: 4-3 webpack入门2 (14:34)
  • 第5章 课程总结 1 节 | 7分钟

    对响应式知识点进行回顾总结。什么是响应式,为什么不能天然响应式,达成响应式的主要手段,如何看设计稿,如何搭建工程,如何测试

    收起列表

    • 视频: 5-1 课程总结 (06:17)
本课程已完结


讲师

Kevin酱 Web前端工程师

多年来一直从事web开发,现就职于某一线视频社区网站,任web高级开发工程师一职。有着丰富的移动端页面制作经验,擅长处理各类移动端web开发问题,讲课细致生动,希望通过自己的讲解让更多的同学找到开发的乐趣。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

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

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