|
|
课程目录：! O$ [5 l7 f4 Z! m
阶段一 前端开发基础9 ?7 `, e9 e4 r6 D! R
1、了解常用浏览器和浏览器内核； 2、了解语义化的概念； 3、掌握 HTML 语法及使用技巧； 4、掌握 CSS 语法及使用技巧； 5、掌握 DIV CSS 布局方式； 6、掌握常见网页布局模式； 7、掌握 HTML 常用标签； 8、掌握 Photoshop 切图； 9、能够熟练使用开发人员工具进行页面调试； 10、能够完成基本的动画效果、 11、能够根据PSD文件独立进行静态页面的开发工作
5 |, b) T" U: H$ @第一章: HTML【2019版】4 C: V! s" t% A; a2 f
1-1 浏览器与浏览器内核
4 X; R& L( q5 q: v# r" u7 t1-2 HTML基本结构
6 L. D6 B* q; {: K! h1-3 HTML常用标签6 s. u y6 {7 q% M% M5 R5 [
1-4 路径和锚点定位
+ o$ i* A' U( k% V" u7 H" C; a1-5 表格和列表标签及案例
; ?; M& O6 E7 ~& [4 k, i' Q# |1-6 表单元素和综合案例. q2 Z0 Q. ]- u1 z! I
第二章: CSS【2019版】# k7 g# R( D2 w& z5 [( Q
2-1 CSS介绍和CSS样式表
8 u$ W6 t. w7 \( I; A2-2 CSS基本选择器' \ o9 C+ k1 ?* U7 @, \' r
2-3 font字体和案例
2 L2 r. R& p/ c+ _) `9 f) k& z2-4 CSS外观样式及应用案例" d" h1 o% |2 V+ z+ ~/ G. a* h
2-5 CSS复合选择器
7 S' M" y# G- c/ `3 S/ W- ^2-6 标签显示模式和案例
* b' y8 \0 C9 ~& A( ?# J& d9 [2-7 CSS背景及应用
- B/ z0 J& e5 m6 Q2-8 CSS盒模型及应用案例7 W+ \2 }; C1 V6 F; c
2-9 PS基本操作及应用案例) x) i# `2 |* U! U
2-10 CSS三大特性
# N( o1 H$ a9 j, X! p% R- F, l' m2-11 浮动及案例% L v- H( R5 C ? A/ a2 M# \
2-12 清除浮动: h/ M, x2 q) D4 ?/ _& c7 S! q& N
2-13 PS常用操作及cutterman插件使用
. `7 G* e$ H# E5 N6 _0 b2-14 学成网在线项目
+ v! ]2 ~0 ^7 \2-15 CSS四种定位及淘宝轮播图案例
! K& T) X, P/ f/ Y) ^7 t2 ^2-16 CSS精灵图及滑动门案例) C8 u2 Y: R" P: Y+ Y: w
第三章: 品优购电商项目【2019版】
: e/ B7 G% B' P$ a! P3-1 品优购项目介绍及准备工作
- o1 v' f" M0 e' y2 n! e! n3-2 品优购导航和轮播及推荐模块实现, k7 b+ c' K0 |4 v, w3 z6 i
3-3 品优购主体内容区域实现6 y0 `& g, l! n( b+ t
3-4 品优购详情页和注册页面实现
/ H' @6 J6 D* ?' z* V! o阶段二 移动Web网页开发" m$ B' x7 q2 {7 G5 {) o9 h
1、掌握 HTML5 新布局标签、多媒体标签； 2、掌握 CSS3 2D、3D 变换、动画效果； 3、了解移动端屏幕、移动端浏览器、操作系统的不同； 4、掌握常用移动端调试方法； 5、掌握常用移动端适配方法； 6、掌握 CSS 预处理器 less 的使用； 7、掌握常用移动端框架使用方法； 8、掌握常见移动端页面开发； 9、掌握响应式布局开发； 10、掌握 Bootstrap 开发响应式页面； 11、掌握适配不同终端的网页开发技术选型；" v, S. I p p9 p
第一章: H5C3进阶【2019版】
. e/ }5 O1 o3 f4 D: N" t1-1 vscode编辑器基本使用
8 p* n6 M0 L& r2 F3 n' K1-2 HTML5新增标签
" {' C6 x( D% L5 }1-3 CSS3新增选择器及案例- o ~# D8 g- Z% s
1-4 2D转换及相关案例实现
7 F' H* _& a0 Y6 B, w, T! U5 A1-5 3D转换和旋转木马案例* Q6 s- C1 U3 w% |# ^* Q3 k) p
第二章: Flex 伸缩布局【2019版】
. I/ q3 Q/ s/ s& y* D' G& D4 U2 y2-1 移动端基础知识5 `+ k* ?' \+ h8 @
2-2 移动端电商首页制作% G$ d& W- ]* O1 n: k6 X
2-3 Flex伸缩布局基础知识) v3 E3 ?- Z4 H, `
2-4 移动端携程网首页制作, r$ ]+ a; H5 a( K
第三章: 移动web开发【2019版】
8 I. z5 r+ I6 m8 u) \5 _3-1 媒体查询
0 r' g" [$ r) i& q6 m0 P1 E3-2 less介绍和使用
% l8 W# ~3 V! s9 \ r' ^, B3-3 rem适配及原理2 l. W& q! C; h' R- K! q
3-4 移动端苏宁首页制作和rem适配
2 g$ R, M. i1 O6 d/ H) N3-5 响应式开发介绍
3 u4 N7 ]/ c% x5 \, ?3-6 Bootstrap介绍和使用- k% V; ~3 z/ g) D6 e
3-7 阿里百秀响应式页面制作/ ?* _$ G; J9 I5 G5 {* }
阶段三 JavaScript网页编程
) O+ a6 a( i: B8 j8 v" G1、掌握 JavaScript 基本语法； 2、掌握常见 JavaScript 算法； 3、掌握 DOM 的各种操作； 4、熟练使用面向对象思想进行 DOM 编程； 5、掌握 JavaScript 的高级语法； 6、熟练使用 jQuery 操作 DOM； 7、熟练使用和编写 jQuery 插件； 8、掌握应对业务编程的能力； 9、掌握 JavaScript 常见兼容性方案。3 Q# l6 G( e/ {4 [7 D4 J
第一章: JavaScript 基础语法【2019版】
* h& a$ i0 Q6 o$ L$ a& [1-1 计算机基础和Javascript介绍 a3 ]) k5 n# P/ ~
1-2 Javascript变量
, [; |% p# A M; V/ ]1-3 Javascript数据类型: y& e: d0 U5 \1 O
1-4 Javascript操作符
, ]. n$ k9 |7 X6 ?% J: x& C: Y' G1-5 Javascript流程控制及案例
3 m* ?( `1 k$ T1-6 javascript循环及案例
6 d2 W/ D. i3 F. `1-7 Javascript数组和冒泡排序
1 L$ l5 ?- i" o C C: H1-8 Javascript函数及应用3 E' S$ L& f. F$ K- k- D/ M
1-9 javascript作用域及预解析
- S! ~1 C5 v1 ^3 R; A& Y( v1-10 javascript对象
% N" D6 M( n& y! ~* K1 M1-11 javascript内置对象及案例
; t# w+ i$ F4 Q# V, G1-12 javascript简单类型和复杂类型* o8 N3 t! F) G% r. m
第二章: WebAPI编程【2019版】) F$ M, l6 ]) v" }4 j
2-1 API 和 Web API
6 Q( d! q5 ?# U0 ~" d9 l- d- c4 H2-2 DOM介绍( C& a9 k+ h) A/ i
2-3 事件和样式操作及案例: H7 y2 K. f) N. `* z& S
2-4 百度换肤、表单全选案例
T& W3 V A. T/ b7 Q8 \2-5 tab栏切换案例$ z7 {) m0 u! G. e
2-6 节点操作及发布留言案例 S! U) I2 q' z& R
2-7 动态创建表格案例
* \: b3 K, o% K% `3 W# K5 T4 {0 S2-8 事件详解及案例 i$ v9 D9 r8 P2 B6 R, C! y
2-9 BOM介绍及应用* i9 U0 l, T' ]* c0 p& P" a- ]/ Z
2-10 定时器和相关案例
7 `/ u' `. a) T7 ]; `2-11 this指向和js执行机制 D: O" V/ T" E+ a2 r# @* b; h
2-12 location、navigator、history对象6 k% j; x% g B& k: g+ B
2-13 offset、client、scroll三大家族介绍及案例应用
3 q1 s" K& _2 z9 u: G2-14 缓动画的原理和封装# ~/ z2 Q& w: M1 ?9 n9 ~. m4 I1 l
2-15 网页轮播图实现$ e3 x0 I6 ^! k3 ^% _
2-16 节流阀、返回顶部及筋斗云案例! v( t, l# X$ p, Q( c2 z
2-17 移动端轮播图实现
, z. G! L7 u+ s8 ]1 c1 z7 R2-18 移动端插件使用及轮播图的实现
9 A) y3 M. @/ C: }+ `5 W; Q2-19 HTML5本地存储及记住用户名案例
- \! w4 J/ G: q第三章: jQuery 快速开发【2019版】
+ d' Q" N' h) Y3-1 jQuery介绍及常用API导读' @- X7 o$ o O
3-2 jQuery选择器及案例
! }) A8 k( i3 b! w, N3-3 jQuery链式编程及样式操作
9 r& I# I, c' g6 ?) U0 P8 ^: c2 N8 F6 H3-4 jQuery动画及王者荣耀手风琴案例
& D+ Z6 y2 P2 x" l+ r2 O3-5 jQuery实现购物车案例" [2 r* }# f4 @
3-6 jQuery实现电梯导航案例
0 n" F3 c* _8 _/ m% ?3-7 jQuery事件绑定和解绑
! I* \, d% m7 Z# m3-8 jQuery插件的使用" J8 m/ ~3 `% E3 R" f
3-9 jQuery实现todolist案例
. ?) v% Q" q' M& ]$ U第四章: JavaScript 高级【2019版】
" A9 X2 M( w; _4 y% K$ Z" U- v) p4-1 面向对形象编程介绍9 @& \0 U6 E4 p" c) U6 ?
4-2 类和对象& v! K6 W7 D) [
4-3 面向对象tab栏切换案例
9 o; U8 Y5 h" w% N- H, V1 ?4-4 构造函数和原型对象4 T9 }) C; Q! H, c- f
4-5 forEach、some、filter方法及查询商品案例$ J3 J2 }" j' H# p6 J, ~; y3 x
4-6 Object.defineProperty方法' v. c( l9 V( z/ w# K5 m: J" d; k
4-7 函数进阶0 j9 u5 ~1 Y; j
4-8 call、apply、bind的使用8 S6 [ i, U; ]4 x. J
4-9 闭包及应用+ g8 M/ D E# j' Z- z- `" s
4-10 递归及应用1 J. I, V( M! s# w4 n) z
4-11 正则表达式及应用
8 t* n, L8 I+ F6 ], C4-12 ES6中的let和const
, i5 p2 J2 K2 j3 [9 [. v4-13 ES6解构赋值
( `9 r; R) @% j+ T7 p. g8 w4-14 ES6箭头函数
8 t5 B) z/ f* P! |4-15 剩余参数和拓展运算符
7 S( j9 Z9 ^2 s/ ~) C4 t' W4-16 Array实例方法- V; d1 i0 m i" h5 ?) r# Z+ V
4-17 ES6模板字符串和set数据结构
" u! i" y4 N) `5 O; }8 M阶段四 前后端交互) J) K) q% ` c, z5 ~" K
1、能够建立客户端服务器交互模型，熟悉网络通信相关概念； 2、能够使用 Node.js 进行 Web 服务端开发； 3、掌握 JavaScript 异步编程模型； 4、掌握 JavaScript 模块化编程方式； 5、能够使用 Node.js 操作 MySQL 数据库； 6、能够理解 HTTP 协议； 7、熟悉原生 Ajax 请求流程与细节，并掌握常见跨域技巧； 8、能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能； 9、能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目； 10、能够掌握源代码管理工具的使用； 11、能够独立完成企业网站从前台到后台的基本开发工作。
: m% |4 p" J# Q( ?. o第一章: Node Gulp【2019版】4 u& o R8 F0 a7 V. B- f) |
1-1 node介绍和环境安装% F3 X! e8 `2 d8 r) j/ ^2 O, I
1-2 node模块化
: a8 P8 n1 [! `1 M2 s1-3 gulp使用0 X* p) l& ]3 H
1-4 服务器和http协议& Z+ Q2 R# h b9 S* c* G; C! q2 C
1-5 同步和异步
3 I, Y$ a7 b3 Q# |1-6 Promise0 K H1 a+ e* b; T2 |6 T
第二章: MongoDB Express【2019版】- C) Z0 c2 I' t) O0 L
2-1 MongoDB数据库和数据库的增删改查; f- I2 ^9 _* Q; i9 p6 Z. M- j
2-2 mongoose验证) X$ h5 z) e5 Y& m, J
2-3 【案例】用户信息的增删改查案例
6 v# i# b- W+ u% I( }# }5 t2-4 art-template模板引擎使用
0 k$ S+ z+ |" y' d5 l- K2-5 【案例】学生档案信息管理案例
% {2 Q" X% F0 g# O. O+ d) s$ o) \2-6 Express框架- P0 V9 A& ?1 O- ~
第三章: 黑马博客项目【2019版】, d/ o* n% q5 z
3-1 登录和注册功能6 I% f" G2 z3 I
3-2 用户列表分页功能; f$ t7 Z' H; ?0 x. T. k. a
3-3 用户信息修改功能
* {: f% A3 y/ F" V$ O3-4 文件上传和图片预览功能
& G% ~# H8 a- _3 G' e8 K: h3-5 文章添加和第三方模块实现分页功能& p8 H$ p+ V$ j; @* M Y+ I
3-6 开发环境与生产环境
m, ?* h/ W* E9 b7 _0 d3-7 博客首页数据渲染" _8 E2 g: I) N4 O5 ?' K! J
3-8 详情页和评论功能( S% i# \% X( O G d9 m
第四章: Ajax【2019版】) D( W' `1 ?5 h/ T6 [
4-1 Ajax基础知识% u1 O' ~+ a2 p2 }# M
4-2 Ajax函数封装9 n4 F; M5 _4 M9 H0 Z
4-3 【案例】文件上传和图片即时预览
$ ?5 z% C! v+ _( p4-4 同源策略
% \1 X, n8 W( x4 V$ S4-5 JSONP
3 z( ?- f% S5 t. W2 n4 I0 }3 v4-6 【案例】腾讯天气信息案例
# c5 D7 I4 g/ a5 [" a3 Q3 r2 y1 V4-7 CORS
. e/ d* J- ~& K) \5 \' s% A) V4-8 jQuery中Aajx方法的使用0 A, ~" K J) U2 Z
4-9 【案例】todo案例. V6 b# F5 A. J, v; H7 Q" z
4-10 Ajax补充内容
5 ?/ q3 ]& B4 T" G第五章: Git和GitHub【2019版】
( F( m, H4 z' Y8 {5-1 git配置和使用* a% ^+ k% R" K$ e" i1 E+ `/ b
5-2 github及多人协作开发) E: \# D' d- s$ z* L% K1 J+ |
5-3 git补充内容0 L2 N* T" l H2 J% O0 w+ u
第六章: 阿里百秀项目【2019版】7 g1 v# e+ M$ d5 a! V5 |
6-1 模版引擎基本使用
* o) k% M# _% w& c9 J& q) w+ x6-2 阿里百秀介绍和项目搭建 _2 A" N1 z' A; U+ a1 K
6-3 登录和退出功能
1 D! j3 z: q+ `4 {* \+ T, V6-4 用户信息的增删改查功能5 B! V$ g! L- k- P, `9 s. K# ?
6-5 文章信息的增删改查功能
0 l }) O: z1 W Z+ K- T6-6 评论功能01
& R4 V, g3 [9 }' g- m6-7 网站首页首页渲染
1 ~* N; h( s5 e6-8 评论功能02
: v- P* @8 ^7 m' o9 j: q# S阶段五 Vue.js项目实战开发9 ~. c! T+ Z) {! L
1、能够掌握使用Vue技术栈进行项目开发 2、能够掌握Webpack项目构建配置流程； 3、能够熟练掌握Element-UI组件库的使用 4、能够熟练掌握前后端分离开发模式； 5、能够掌握常见网站业务模块开发； 6、掌握使用echarts进行大数据可视化交互开发； 7、能够掌握Web项目的部署与发布模式；& M+ ~/ z& d1 t1 c" d
第一章: Vue基础【2019版】
0 E* S: k3 j9 f; W/ I1-1 Vue指令及案例 X H" H- H% {- v2 f' y
1-2 图书管理综合案例
0 R# y, {4 q: n0 x* o- ~% \5 ~$ [1 Y- v+ T1-3 Vue组件7 I$ X1 e4 M" ~
1-4 购物车案例
' b# E. Z! h% u% d0 S! a4 C0 ~4 f1-5 Promise" Z) h+ ^- {5 d% c0 e
1-6 Fetch4 C* M( e' L. P8 u7 Z3 `
1-7 axios2 J& k: ]2 A" [9 k3 V
1-8 基于后台接口的图书管理案例; W K1 T7 h+ y% E! K9 [/ u
1-9 vue路由% }' ]% t7 ^) f( R: X" s
1-10 路由案例
' f, U8 Q. z4 a0 V6 D" T第二章: webpack【2019版】3 q9 k/ i# \2 b9 J1 Y3 f) |0 H
2-1 前端工程化和模块化3 n* S7 P, E6 V' n' L
2-2 webpack
1 A$ d& s2 w9 S6 f; c第三章: Vue-cli3和Element-UI【2019版】 H4 n8 b. ?% U) @; H5 U
3-1 Vue-cli3（Vue脚手架）
; Y0 m% i$ N+ G9 C' M' M, @3-2 Element-UI组件库, Y3 ?/ r1 T8 q5 [0 q- v: t0 q! j
第四章: Vue电商后台管理系统【2019版】' t7 w4 K# ~7 ~( J; F
4-1 项目初始化3 ^* F% Z& M# A1 Z7 j2 l
4-2 登录和退出功能
7 v( W+ H/ p. K b4-3 主页布局和功能实现
/ T+ J7 p) ~: _, I% |9 g4-4 用户列表布局和功能实现$ t" B. K8 V( {8 u
4-5 用户添加、修改、删除功能$ c9 \ \( m- R8 z/ I& G
4-6 权限列表5 E r; K" E% [6 W, s( J; I% [( q5 s
4-7 角色列表
y/ U' i# Q" X$ _4-8 分配权限、角色: f+ Y! z) P+ G4 m+ `
4-9 商品分类
! T1 I' v& L+ J3 f$ M4-10 分类参数
$ ?) R" [ o' ]5 d m3 `+ E4-11 商品列表
2 s4 S5 I8 j8 G4-12 商品添加
9 \. q# V$ x( u3 J, j4 e4-13 订单列表* q3 z/ p/ p# n9 n9 l6 G( q
4-14 Echarts数据统计
P0 `) }/ G1 G7 x6 H. e7 @4-15 项目优化4 v; Y# b% d9 x3 w! C
4-16 项目部署上线8 g/ o' H; i0 c$ ~7 X% J& w
第五章: Vuex【2019版】
5 a0 Z) A: o1 }3 h$ A! f& ~5-1 Vuex基础
_3 P- E1 O1 B0 t& ~( O5 f5-2 基于Vuex的todos案例
`" \) c y& e- M: `2 L% @% [阶段六% z" m5 M' L$ l. {$ B1 M
1、掌握vue和wepack及相关UI框架的使用 2、掌握微信小程序的基本使用及逻辑层和视图层的传值 3、熟练使用React和ReactNative的基本使用 4、熟练使用Angular和TypeScript的基本使用1 k+ Z4 e' X& L, v8 |* v
阶段七 拓展课程4 m2 V" Y0 g4 i* F) `3 g( m
拓展课程包括： 1、微信小程序及项目 2、React和ReacNative及项目 3、Angular5及项目 4、全栈式在线教育项目9 b1 b- p6 W- d+ S
第一章: 微信小程序( D9 e' I6 o- Z' ?2 y2 d7 Z( Z
1-1 微信小程序介绍+ N4 u, @5 S, G% }% z9 a1 f! b
1-2 微信小程序应用配置介绍, A) I6 |1 a* t, B+ V! k
1-3 逻辑层与界面层分离架构
3 a [1 p& T. H" Z6 n+ p) R1-4 微信小程序组件的介绍和应用6 T7 _+ Q, { |
1-5 Music伸缩布局案例9 w: A; _, Q* T" P
1-6 页面间的跳转和传值
% w$ T9 L5 |% P6 B% t/ D/ L2 K g1-7 微信小程序TODOS案例
- m, j% F' H. T0 h: x- [1-8 微信小程序本地生活项目
( n B+ U2 [) A3 O2 c第二章: React! s6 X+ @3 O5 V: q* \2 R" {7 [& A4 N
2-1 移动App的介绍
6 X7 B, R9 F7 I4 Z5 {& m% s) G* ^# m2-2 移动App开发环境搭建
) x* h7 ?- y: q1 b! }2-3 webpack回顾及功能演示
9 t. e# y3 d$ H0 e2-4 React介绍
; v" `6 U6 C p: E% F7 o) X2-5 React核心概念
4 @" ~9 d3 B4 m# O; D2-6 JSX语法介绍和使用$ G# q# H" e0 _- D9 F- X
2-7 渲染评论列表案例+ j" _. p- ^, C0 f8 _% P
2-8 React组件介绍和使用
* S# C1 a- j" m0 B( L, E. E; ^2-9 React路由介绍和使用8 v; C: A. Z5 c6 W
2-10 React电影项目; J2 l/ t% Y2 ?7 C. `
第三章: ReactNative电影项目 ?1 |/ X" ]9 C$ Y$ ^) g
3-1 项目展示和配置' a+ m m2 m! t: J8 C
3-2 Tab栏效果
9 z U5 w3 w0 y' K3-3 首页效果4 W4 E. e8 B% e% V/ w2 `+ i
3-4 ReactNative路由配置
( C, z3 Y! w K- ~( q8 ]" R8 E3-5 电影列表和详情页效果
. o1 A1 a( |# |' Z3-6 ReactNative电影项目发布
+ s7 `& b. N7 V, \! r5 t* G6 z第四章: Angular5
B1 N6 Q \' L; w4 t4-1 Angular介绍4 V, j/ E! @1 g, R/ f; a0 ?. p% y1 _" p
4-2 TypeScript介绍和使用- i( h1 N% n6 b9 ?2 i
4-3 ToDoMVC案例
# r: M% t ? U) R4-4 Angular5通讯录项目
0 ^" t! `! v7 F$ V3 c7 z第五章: 全栈式在线教育后台管理项目5 g/ a3 O% X: S. z% ^5 z
5-1 SVN介绍和使用' Y. w- z7 b; r4 f# E4 n
5-2 git和github介绍和应用
1 k5 s& i5 Q0 {+ J- F- ?+ g5-3 ES6语法介绍和使用
3 r5 C7 V4 A( [" x, k% o6 f5-4 在线教育系统项目初始化
* Q& C s2 s C; ^) X5-5 Express中间件使用: [2 G2 r( T! V% w
5-6 Nunjucks模板引擎
9 F+ H5 X# @# t- t6 n. h5-7 nvm、nrm、yarn介绍
* R+ [* |/ s* N$ L8 r7 v9 ^& Y5-8 MongoDB和mongoose介绍和应用# x& h8 c9 Y( `3 @* c
5-9 全栈式在线教育项目业务逻辑实现2 j- g" e- H. ]1 M
3 [; n, R3 J2 E5 u/ G7 k2 R) e( A
+ B5 L, U* U: G, x
资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见2 `' L! f6 M. k8 I" J! r/ i
( Y9 k2 q. D9 \
( |4 \7 K' g8 R% E; l4 u# ]( K5 U' {/ y4 O- s2 {5 a( h
本资源由Java自学网收集整理【www.javazx.com】 |
|
发表于 2022-6-20 18:03:03
