|
第1章 课程介绍/ P7 m9 g) B' A5 X! |' r+ C
介绍什么是响应式;课程安排;学习建议
& u8 P# }2 Q( ~- A7 l5 H2 E9 N1-1 导学$ u& \; A1 T# q
1-2 课程介绍
7 S9 h2 P$ Z/ [2 B
% M. Q* m% S/ w第2章 实战利器1 a. T) H# b& j2 A
逐一讲解响应式web开发的理论,工具和方法。对响应式开发中涉及的各核心技术进行深入的分析。知识点概念/原理与示例结合,让你全面/透彻的理解和掌握响应式开发。4 q' ]9 \9 I4 n
2-1 单位像素: ^, {$ x6 g+ Y- t9 E7 e# L y
2-2 媒体查询-视口1
, W- @( ~: I) L* b0 g4 }2-3 媒体查询-视口2
6 R+ P' J7 V# ?2-4 媒体查询-媒介查询
7 n8 f" Z$ S y7 w7 l |4 z2-5 设计稿5 ]" w4 R1 h$ N% s$ n, D; E8 h
2-6 浮动
! h: C( B' R5 s9 d* b2-7 flex新科技$ z% U* g( h$ Z! o
2-8 栅格系统" N7 F- O3 G9 X6 l
2-9 分而治之&预处理工具4 @ Y/ y6 d# O$ O
2-10 JavaScript3 J- h; S* U n8 D9 F5 }
2-11 调试方法; w- P: }0 a' A( l7 N3 I; o
, ?. I; }% E6 _: o. Q2 u- o第3章 项目实战-音乐社区官网首页; S, b8 I) j- x& ^; E/ Y
从环境搭建,到页面各部分代码编写,再到模拟调试,多设备浏览,gulp插件集成。 完整实现一个音乐社区类的官网首页,把前面的知识融汇到实际项目中,通过开发、调试、问题解决等过程,加深认识,掌握响应式技术在实际工作中的应用,体验真实的开发过程。...- t/ @6 y# E% A
3-1 知己知彼
* \8 P6 w, q6 r7 w4 H. s) t" G" J3-2 实战基础搭建) \5 [+ O, p3 ~4 V" x8 B6 J( _
3-3 编写导航栏
0 h3 r5 H; g( w' t# o! q3-4 编写内容区1# h( h' y3 L! r! N/ B2 A9 U& a
3-5 编写内容区2
" _$ s9 q Z% s4 ~0 D3-6 编写内容区3% p1 {6 j" W. W' M
3-7 调试页面+ L1 e/ N! y O/ [, C O
' D9 q* ^2 B1 n8 l9 f第4章 通关福利-迎接未来标准适配方案
1 m. e- _0 _/ n介绍新近流行单位-Viewport Units(视窗相对单位) 的基本概念,通过示例演示其用法,对原工程进行改造
+ d# Q0 g% q/ h4-1 视窗相对单位8 l) Q0 j/ L2 y7 c
4-2 webpack入门1
. M& ^3 c# H2 N* M$ a8 p" L4-3 webpack入门2
. ?/ V+ h. H* {
0 n' c" w5 o4 H& K2 \$ e H$ l" u第5章 课程总结, Y- L) u; p5 P2 _% d2 \' S1 E
对响应式知识点进行回顾总结。什么是响应式,为什么不能天然响应式,达成响应式的主要手段,如何看设计稿,如何搭建工程,如何测试. m& @; ]* P- u( Q- L
5-1 课程总结
|) E! o3 t8 X( L7 f
4 \4 J$ X7 n3 s8 s6 N6 D: h, F6 r* F$ b$ L
% K( f, Q8 n7 W1 q% ?: a) f G
* I' X, _( R2 b9 j
$ ?- z/ p8 P. i8 {! V# }" C) u1 g! H0 O3 t6 {2 ~ _- D+ M( y
/ O i( T( |' Z* }4 Z
资源下载地址和密码(百度云盘): [/hide] 百度网盘信息回帖可见. `8 l8 X1 Z3 f+ |
$ B6 S' L5 x j; z: u& h, P
' E# p% S, C; u8 L# @
& l& B. m0 @* ^8 p) r* f& p& c本资源由Java自学网收集整理【www.javazx.com】 |
|