|
|
发表于 2017-2-6 21:42:17
|
显示全部楼层
第1章 前期准备! w' M# t3 l2 o4 d, @+ p
介绍了课程内容、背景和案例展示、什么是响应式网站、怎样分析设计图、响应式网站设计实践原则
9 p0 ]) E2 I% t7 b. B
$ M) X& p* K/ m9 q) F第2章 如何组织项目目录结构& C9 d+ k1 q2 v( ^; o2 W
介绍了约定优于配置的思想,常见的项目目录和文件的组织方式,一些基本文件的作用等知识,为编码开始做准备。
0 l$ z) x. r' z& c6 U
* v; T% `* F* g7 T% \4 |2 _" O1 ^第3章 开始编写HTML代码7 Q4 }& L1 l) X% y( `: U" {6 y) l
根据设计图一步一步实现基本的HTML结构,介绍了文档类型、meta声明、IE条件表达式、html5新标签、语义化选择、大纲等知识。8 K# ?3 x- c, e3 j, Q! w. D) M
$ F- @0 R3 x. m ?- V第4章 如何实现PC端的样式7 x+ D3 y) b" _+ ~
一步一步实现PC端的样式,介绍了CSS Resets和Normalize,相对单位和其中的一些坑,清除浮动的几种方式,块级格式化上下文(BFC),inline-block的空白问题,CSS Sprites,盒模型计算,自动前缀(autoprefixer)等知识。
3 X- I. ^& R1 @; P( Q6 s* S4 _: o8 j/ E" r4 j& e$ s& U5 U
第5章 如何实现移动端的样式
# a5 J& Y: n' f1 j' _一步一步实现移动端的样式,介绍了Chrome的响应式调试工具,媒体查询中使用相对单位,CSS3选择器,CSS打印相关属性等知识。
+ I( I( L5 F" I& V8 p
, Q. |' n3 M9 L2 T0 r第6章 如何实现响应式广告及响应式图片+ D" \6 i R# [2 Y8 n
一步一步实现响应式滚动广告,介绍了如何选择第三方组件,OwlCarousel2的使用等知识。介绍了响应式图片实现的几种方式,picture/srcset/size标签如何使用,svg原理和制作方式,polyfill原理,picturefill的使用,图片压缩等知识。6 V# `+ ?9 H1 e, d, r' v# o
% s$ Q& T# W# j9 o第7章 Node.js简介
) c, D T+ t$ a3 K& ~介绍了Node.js的基本知识,同步异步编程方式的区别,包管理器NPM的使用,package.json如何配置,简单httpserver的使用等知识。0 w! b0 ]0 V! V$ n& ]8 M; x0 R; p
% n, G# d& ?, p. F/ n9 l( |8 ^
第8章 如何处理兼容性及在多个设备上进行调试! |' H4 M6 T0 G% X0 \' P
介绍了处理兼容性的主要技术,包含调试的方法,虚拟机的使用,CSS hacks,polyfill和shim,Modernizr,兼容性查询等知识。: X/ X, F8 d3 L# v
) }" q% ?2 T0 V0 S j; T+ _0 t( X
第9章 如何打包发布- e; S6 r* C; R) P: |9 A, T
介绍了前端自动化的概念,grunt/gulp/webpack,如何使用Gulp进行自动化打包发布等知识。
4 j. p5 _- F" R, p2 z
/ ]' N; M. l1 W第10章 课程扩展1 -- 选择一个趁手的IDE( h; U+ I3 v( ?9 x& e, c& ~
选择一个趁手的IDE,WebStorm。介绍了使用框架的注意事项,Bootstrap、SemanticUI、Foundation、PureCSS等响应式框架的特点和优缺点等。
' p6 x: J6 E! o$ d \6 M# s$ c
0 }8 l1 h) e1 u2 ? ~" H3 [4 {+ H第11章 课程扩展2 -- 聊聊原型设计和切图
7 Z* N3 u x. r- M) L1 E. A9 O介绍了原型设计的概念和工具,Axure等工具的使用,如何切图,Photoshop的使用,Sketch的使用等知识。
4 }+ I/ r; o, C! T" i0 Q5 r I! G7 @9 j8 |0 S6 Q) @6 \2 f: X
第12章 课程大作业4 w, O- W; @. \% ^8 t& z2 `# H) P
根据讲师所讲知识,独立做出与课程相似的响应式页面。- Z# `4 e$ x( o( Q" {6 Q' V
8 D1 F. C6 G) s( Q下载地址: |
|