|
|
发表于 2017-2-6 21:42:17
|
显示全部楼层
第1章 前期准备9 _2 [0 r4 E+ U' c( }! E
介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则; {' x/ @, T" h& {) I" Y1 a
. B( N0 N* Z5 a$ M
第2章 如何组织项目目录结构8 [' y# q6 |; \# S
介绍了约定优于配置的思想，常见的项目目录和文件的组织方式，一些基本文件的作用等知识，为编码开始做准备。, X+ b6 `2 z9 B! b9 ^# d
8 Z1 i, [% s4 A
第3章 开始编写HTML代码
$ M- V, {/ ?) G- q3 @1 {, ]' O1 ^0 [根据设计图一步一步实现基本的HTML结构，介绍了文档类型、meta声明、IE条件表达式、html5新标签、语义化选择、大纲等知识。5 g1 C6 R2 L$ O9 y+ ~; \: J
- F& c6 y7 S% f$ b) \$ N2 W6 L第4章 如何实现PC端的样式& ~9 v5 V$ K- I! |# Y: [4 i' M5 a
一步一步实现PC端的样式，介绍了CSS Resets和Normalize，相对单位和其中的一些坑，清除浮动的几种方式，块级格式化上下文（BFC），inline-block的空白问题，CSS Sprites，盒模型计算，自动前缀（autoprefixer）等知识。+ Q; V. ?% C; K3 v
& y' s2 Q3 W7 @7 k第5章 如何实现移动端的样式3 |, [9 z+ M# ~# u
一步一步实现移动端的样式，介绍了Chrome的响应式调试工具，媒体查询中使用相对单位，CSS3选择器，CSS打印相关属性等知识。
0 Z9 z. {! g' |4 |# ^% v- U2 k6 M# A9 p% q, b) Q1 @
第6章 如何实现响应式广告及响应式图片
* P, t% `4 c, e% Z! C! |* F) P4 l一步一步实现响应式滚动广告，介绍了如何选择第三方组件，OwlCarousel2的使用等知识。介绍了响应式图片实现的几种方式，picture/srcset/size标签如何使用，svg原理和制作方式，polyfill原理，picturefill的使用，图片压缩等知识。0 g* G. w7 V! R$ G& x/ j% T
8 [7 A0 ]9 x- H第7章 Node.js简介
C7 ]# }7 {/ A! E1 G介绍了Node.js的基本知识，同步异步编程方式的区别，包管理器NPM的使用，package.json如何配置，简单httpserver的使用等知识。
" Z& R/ I8 W: v; T( K+ Q6 B$ R; B0 C8 F
第8章 如何处理兼容性及在多个设备上进行调试' [$ a5 W4 V5 C N
介绍了处理兼容性的主要技术，包含调试的方法，虚拟机的使用，CSS hacks，polyfill和shim，Modernizr，兼容性查询等知识。
4 Z x2 P* r: l
2 O; ~) h6 ]. n/ y! X" a! i第9章 如何打包发布5 N/ x; L7 @* i2 x3 q
介绍了前端自动化的概念，grunt/gulp/webpack，如何使用Gulp进行自动化打包发布等知识。
2 f0 j; e w- L) v. L
W% \& F/ E y2 Z第10章 课程扩展1 -- 选择一个趁手的IDE8 Y: I5 Q: a8 y- L2 H8 ?
选择一个趁手的IDE，WebStorm。介绍了使用框架的注意事项，Bootstrap、SemanticUI、Foundation、PureCSS等响应式框架的特点和优缺点等。/ V S6 ]9 p: ~. u
; A x1 ^' Q# M( E" }" q) h第11章 课程扩展2 -- 聊聊原型设计和切图
& M4 u d; Y1 }2 Z1 R3 E$ p3 m介绍了原型设计的概念和工具，Axure等工具的使用，如何切图，Photoshop的使用，Sketch的使用等知识。& M- [( l/ P9 p! F# Y
' B A- ~+ q2 d- g8 ?
第12章 课程大作业
! _! v2 ?1 r$ }1 `1 [% Z根据讲师所讲知识，独立做出与课程相似的响应式页面。1 [3 N7 j0 |7 J, m& U# A! T
6 I9 g! C. }7 \下载地址： |
|
发表于 2017-1-4 17:54:37
