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

课程介绍：

本课程中，讲师将从响应式的概念、原理分析、实现方法、调试工具等多角度进行讲解，让你不仅具备响应式原理知识，同时具备实现响应式页面的能力，了解工作中的一些问题，提升处理能力。

课程目录：

• 第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)