码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-07-16 00:32:17      阅读:538      评论:0      收藏:0      [点我收藏+]

标签:项目实战   pack   htm   一个   lex   测试   style   解决   .com   

第1章 课程介绍
介绍什么是响应式;课程安排;学习建议
1-1 导学
1-2 课程介绍

第2章 实战利器
逐一讲解响应式web开发的理论,工具和方法。对响应式开发中涉及的各核心技术进行深入的分析。知识点概念/原理与示例结合,让你全面/透彻的理解和掌握响应式开发。
2-1 单位像素
2-2 媒体查询-视口1
2-3 媒体查询-视口2
2-4 媒体查询-媒介查询
2-5 设计稿
2-6 浮动
2-7 flex新科技
2-8 栅格系统
2-9 分而治之&预处理工具
2-10 JavaScript
2-11 调试方法

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

第4章 通关福利-迎接未来标准适配方案
介绍新近流行单位-Viewport Units(视窗相对单位) 的基本概念,通过示例演示其用法,对原工程进行改造
4-1 视窗相对单位
4-2 webpack入门1
4-3 webpack入门2

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

 

下载地址:百度网盘下载

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

标签:项目实战   pack   htm   一个   lex   测试   style   解决   .com   

原文地址:https://www.cnblogs.com/qianduangou/p/9315583.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!