论坛元老
- 威望
- 0
- 贡献
- 48
- 热心值
- 0
- 金币
- 3959
- 注册时间
- 2020-8-31
|
〖课程目录〗:
步骤01:页面制作( e6 z& o9 n/ r$ U/ J! a$ E
1.Photoshop切图
1.1.工具、面板、视图
1.2.测量、取色
1.3.切图
1.4.保存
1.5.修改、维护/ Z5 y$ R" q% @6 d
1.6.图片优化与合并7 R" m- g4 A6 Q. t6 c7 r$ ^. p! m
2.开发、调试工具
2.1.开发、调试工具
3.HTML
3.1.HTML简介' g3 x: m$ L: ]" E
3.2.标签
3.3.实体字符
4.CSS
4.1.CSS简介
4.2.选择器9 z& X, m3 Q( q2 u
4.3.文本, t* v* y" m! l" F7 f3 f
4.4.盒模型
4.5.背景
4.6.布局) h9 N9 w) p. z! q- G
4.7.变形
4.8.动画 e8 I' N p! V+ q" e
% u* O* a* b6 J. W4 S0 C, V
步骤02:JavaScript程序设计
1.基础篇
1.1.JS介绍
1.2.JS调试
1.3.基本语法5 Z' R! ^1 E& {$ ?5 [( a6 V9 u
1.4.基本类型# _ z4 H' B. D H& B p
1.5.运算符与表达式
1.6.语句
1.7.数值
1.8.字符串! _: V" F5 X6 j
1.9.对象
1.10.数组& z. g# S" n7 n
1.11.函数% ~3 n8 a. e6 T7 H6 U4 E2 p
1.12.Date0 \ i, T3 a- l7 a
1.13.RegExp5 ~; d. \& m$ N& o- y3 z
1.14.JSON; ~1 P# a, |. T7 Z, }
& J. u) U; }) h8 r4 S) H2 w
2.进阶篇8 r6 y5 }: S" _0 Y g+ I
2.1.类型进阶
2.2.函数进阶
2.3.原型
2.4.变量作用域
2.5.闭包! i7 U+ r* C- d& i8 b& }
2.6.面向对象
9 T5 U( A J @5 t! o% F
步骤03:DOM编程艺术1 m; {: K; _3 Q5 v& q
1.基础篇) ^! \' D' s9 ?, a* n
1.1.文档树
1.2.节点操作
1.3.属性操作* U, d: W( T5 ]
1.4.样式操作) X5 H; i& a R
1.5.事件) r6 k+ q: y8 w7 N% o% F
1.6.数据通信
1.7.数据存储
1.8.动画
1.9.音频、视频
1.10.canvas
1.11.BOM
1.12.表单操作# x% i$ @9 ?; G+ ], U2 H% ~- n
1.13.列表操作5 g* C- P% Z) l- }$ b& C7 j9 `7 N
2.实践篇% t! y8 ^- m( h6 d: Y
2.1.组件实践
步骤04:页面架构7 B; o* l% K: w. y6 D% H! z
1.CSS Reset6 Q" h7 J, f0 _8 G; [$ j: O
1.1.CSS Reset
3 K* k9 [4 W( H% J5 C" e$ [% e
2.布局解决方案
2.1.居中布局
2.2.多列布局& K$ a* X. u* q; Z! W
2.3.全屏布局2 e( ^# L; {- w z
3.响应式3 \, \- ^) v1 s; d: f$ |9 e1 Z
3.1.响应式8 z! i0 S# ? A% Y
4.页面优化8 V: i$ D. {0 s: b. W8 P1 Q4 F" B6 a
4.1.页面优化% \1 Q, q& t/ q$ q T! I
5.规范与模块化( V! v/ x7 A6 L( S: @2 Z7 O
5.1.规范! n; p* J* [# U& Q/ h
5.2.模块化
* w2 X2 p' b/ r2 j
步骤05:产品前端架构
1.协作流程! L4 J6 o0 _7 D0 ^. |
1.1.WEB系统
1.2.角色定义+ Z! [: }4 p P# p l
1.3.协作流程4 Y) R/ |0 {6 E6 J1 Y) J2 n' b6 G
1.4.职责说明
2.接口设计0 G& e7 A& ^5 ]! N
2.1.概述2 M2 Z+ `& T) |. N* I
2.2.接口规范) p" v$ U3 F8 ]/ ]9 T
2.3.规范应用$ z) X3 s5 v8 u* [" X
2.4.本地开发$ A- z* }: U* W7 R4 o
3.版本管理
3.1.简介1 W0 \. L1 s6 q6 s" x V5 D
3.2.分支模型
3.3.git) J& e* ]0 t& e6 K; T
4.技术选型
4.1.模块化
4.2.框架. k7 k2 y5 |4 g
5.开发实践
5.1.系统设计
5.2.系统实现
5.3.测试发布7 k8 b" l4 q/ I' ?( o" h
$ L3 h5 c4 i6 @2 ]$ h
步骤06:网易-Mini项目实战 ! M" ]' e0 A, D2 p
网易-Mini项目实战
1.项目简介4 L0 x7 F2 y4 O$ } V9 d
2.项目准备' k, R) q% ^8 b9 l4 C$ D
3.项目实战篇* y* R( Y5 f( D0 A
3.1.第一阶段% B4 O+ ~4 F- J# v
3.2.第二阶段
3.3.第三阶段
3.4.第四阶段6 I: c3 t: o% t# Q! }: S# ~
4.项目总结
5.综合考核:完整提交以上项目成果
|
|