|
|
课程目录：
& O% G8 F' s% h0 D阶段一 前端开发基础
) [# o2 M, b; ?1、了解常用浏览器和浏览器内核； 2、了解语义化的概念； 3、掌握 HTML 语法及使用技巧； 4、掌握 CSS 语法及使用技巧； 5、掌握 DIV CSS 布局方式； 6、掌握常见网页布局模式； 7、掌握 HTML 常用标签； 8、掌握 Photoshop 切图； 9、能够熟练使用开发人员工具进行页面调试； 10、能够完成基本的动画效果、 11、能够根据PSD文件独立进行静态页面的开发工作
9 S1 `0 k# d$ N8 F第一章: HTML【2019版】
5 P% c g; [" j3 x1 k% [/ S7 C D1-1 浏览器与浏览器内核. a+ i: W, t# h% T- r
1-2 HTML基本结构
( K+ j( Q' E( X; g0 i1 I1-3 HTML常用标签- W4 C) n/ F* @5 R7 S+ A
1-4 路径和锚点定位7 g! G1 \9 @$ V
1-5 表格和列表标签及案例2 }% L9 J, A$ B2 w5 d! x8 a, o& H" H
1-6 表单元素和综合案例
4 ?8 F9 T$ h" m' `) M第二章: CSS【2019版】' s& ^3 o2 E, a
2-1 CSS介绍和CSS样式表
% W- g+ R+ @. g; {( j2-2 CSS基本选择器- ?+ e% z+ e7 z2 a4 L) O
2-3 font字体和案例7 t' A) B- L2 G3 i
2-4 CSS外观样式及应用案例* i+ o9 o" u3 o- F, h5 X& i
2-5 CSS复合选择器8 A$ w; Q- K) D
2-6 标签显示模式和案例4 A4 p3 B8 C- f& Z. l: c* W
2-7 CSS背景及应用
6 }* D, G! W$ ]7 X; ~# L2-8 CSS盒模型及应用案例# y) }: k- X4 ^; m3 @
2-9 PS基本操作及应用案例
( p/ L/ j. z* ^2-10 CSS三大特性
# [" c/ w9 t3 a; I2-11 浮动及案例
: ^- p% u Z, X- K* Q2 }2-12 清除浮动
7 v$ }9 x/ g. `) u# C2-13 PS常用操作及cutterman插件使用6 H; V2 ?7 z* w" |) z% `& E
2-14 学成网在线项目; H5 J: c; c4 C/ |9 P. C" I+ J
2-15 CSS四种定位及淘宝轮播图案例 \: [$ B! w) b: K8 m
2-16 CSS精灵图及滑动门案例+ {/ n0 _- ?' q
第三章: 品优购电商项目【2019版】
5 S ]; _8 d) G3 E) V# i3-1 品优购项目介绍及准备工作" ?! H* c" B- p7 v% m7 i6 r
3-2 品优购导航和轮播及推荐模块实现! [% i. ~4 Y1 z8 i5 e0 S( h! V6 a
3-3 品优购主体内容区域实现
( w& Z) U, y, J9 P6 Z j# U3-4 品优购详情页和注册页面实现
/ }9 ]' X. Q+ |! r" |' c! y阶段二 移动Web网页开发& R% I( ]4 g9 K) ~+ v7 ~
1、掌握 HTML5 新布局标签、多媒体标签； 2、掌握 CSS3 2D、3D 变换、动画效果； 3、了解移动端屏幕、移动端浏览器、操作系统的不同； 4、掌握常用移动端调试方法； 5、掌握常用移动端适配方法； 6、掌握 CSS 预处理器 less 的使用； 7、掌握常用移动端框架使用方法； 8、掌握常见移动端页面开发； 9、掌握响应式布局开发； 10、掌握 Bootstrap 开发响应式页面； 11、掌握适配不同终端的网页开发技术选型；
! g& t8 M: r" i第一章: H5C3进阶【2019版】
5 I+ M& u( ^' b3 ]3 v i9 k0 r1-1 vscode编辑器基本使用
" B; O7 K& D7 R* u: y1-2 HTML5新增标签
" C' x1 L- R- Q v. |( g2 B: F& n1-3 CSS3新增选择器及案例
* N- W0 n& e1 z% c1-4 2D转换及相关案例实现
/ ?5 t7 y) s& i5 n8 V1-5 3D转换和旋转木马案例
& S: }! a' ]5 R( n+ ^: }第二章: Flex 伸缩布局【2019版】6 P# I& h5 n, }: {( x" B
2-1 移动端基础知识
. ^" q) n- s% i5 A" ~: H2-2 移动端电商首页制作
; c' T2 R( t7 b9 Q' \2-3 Flex伸缩布局基础知识
( R% ?2 ?% Q6 ~2-4 移动端携程网首页制作
+ n: z6 t/ K0 |. k/ X+ g3 X$ {# L8 M2 Y第三章: 移动web开发【2019版】
: \) `! O! o% i; w6 T/ H% ~4 r R$ a3-1 媒体查询 z1 h4 _, O4 b
3-2 less介绍和使用
3 {! K9 Z/ a+ N/ d3-3 rem适配及原理 L- l5 l8 H7 f0 ^
3-4 移动端苏宁首页制作和rem适配6 M/ a) s, C# I# _
3-5 响应式开发介绍
* P9 @. m' Z2 i, I6 q* T% I% k' D3-6 Bootstrap介绍和使用
- c# q% b0 ]/ H0 d9 j3-7 阿里百秀响应式页面制作. w" n$ j$ d7 b+ L$ j; I$ \3 a9 O
阶段三 JavaScript网页编程
8 x. y( ]$ z( g3 b1、掌握 JavaScript 基本语法； 2、掌握常见 JavaScript 算法； 3、掌握 DOM 的各种操作； 4、熟练使用面向对象思想进行 DOM 编程； 5、掌握 JavaScript 的高级语法； 6、熟练使用 jQuery 操作 DOM； 7、熟练使用和编写 jQuery 插件； 8、掌握应对业务编程的能力； 9、掌握 JavaScript 常见兼容性方案。
4 \ P0 C6 t% \, D6 u# V) B- U8 O4 p+ ]第一章: JavaScript 基础语法【2019版】
/ M& C2 C9 @0 D0 r9 j* H! p1-1 计算机基础和Javascript介绍$ v( z" N% _6 U' R% k( J; z
1-2 Javascript变量
7 N# j: `3 J9 f) @3 z. p* w- q: i% u1-3 Javascript数据类型% b; i( ]* z/ u1 J4 U
1-4 Javascript操作符* t) N1 Q7 u, ~8 {& B: k0 ?
1-5 Javascript流程控制及案例* V5 o( Q8 D( D) }
1-6 javascript循环及案例
% j) |% C" k e. G! S& G9 ?1-7 Javascript数组和冒泡排序$ s: B' V9 @6 Q. H
1-8 Javascript函数及应用: D8 {6 G. w2 E( T! j+ E
1-9 javascript作用域及预解析5 H, X' u+ ]* t& s6 E. b
1-10 javascript对象
& c( p, `! z8 c# Y3 n7 t- D8 S7 Z1-11 javascript内置对象及案例. p) L. V9 u$ t& F P' b& J. z) K& F; Q
1-12 javascript简单类型和复杂类型* P) v( T1 R- p" s. J9 `; Q( g
第二章: WebAPI编程【2019版】
$ i6 x. F. D! U& `! f- H9 ?0 y* A2-1 API 和 Web API
# H/ r7 v7 Z: u# ` \$ O2-2 DOM介绍 d$ Z6 _3 b8 q6 Q4 z
2-3 事件和样式操作及案例7 J: Q' p, n) \9 q5 C0 F
2-4 百度换肤、表单全选案例
" V8 E% F0 j3 R$ X; a8 B. Q8 q2-5 tab栏切换案例
/ s6 O+ H5 X& U6 y* }* q2-6 节点操作及发布留言案例- L3 k3 } \" t( s C
2-7 动态创建表格案例/ T& z1 z0 U7 a8 U
2-8 事件详解及案例
! e7 `" v4 |4 n n" l2-9 BOM介绍及应用* s2 m) I& L. f: z( p d
2-10 定时器和相关案例
, N9 q5 W g O I& E4 l2-11 this指向和js执行机制
1 a/ F: ?! N( i! a' \2-12 location、navigator、history对象. j7 j% |* k V9 r" X i9 b* o
2-13 offset、client、scroll三大家族介绍及案例应用
3 {: |' N% h. ]' Q* i* R$ d5 Q2-14 缓动画的原理和封装
( X/ C0 u* C) G/ x, u1 [* Z9 \2-15 网页轮播图实现
' r3 y4 x% c7 s2-16 节流阀、返回顶部及筋斗云案例: d# G0 Q/ n8 t
2-17 移动端轮播图实现4 R2 R6 x2 U; U4 h6 }6 u; b I1 h
2-18 移动端插件使用及轮播图的实现
' U( b$ \$ U! {% W& S2-19 HTML5本地存储及记住用户名案例
3 T% N9 A% B9 k6 n第三章: jQuery 快速开发【2019版】
) J9 D+ S; a6 k( s3-1 jQuery介绍及常用API导读
* B' n/ s" d" m" A" P- ]- i* N& \' H3-2 jQuery选择器及案例
; j+ s' ^5 _- \1 c- U* ]3-3 jQuery链式编程及样式操作 T4 F% z- H. w0 k5 @" P# k5 H
3-4 jQuery动画及王者荣耀手风琴案例: O2 M/ S2 `' H
3-5 jQuery实现购物车案例
1 i. J: m& O; S$ ]8 r, S3-6 jQuery实现电梯导航案例
* V2 m3 r+ b' Q1 m0 J1 {3-7 jQuery事件绑定和解绑 e7 o) R# ~0 e/ J# l
3-8 jQuery插件的使用6 c, s' d1 N7 Z7 |
3-9 jQuery实现todolist案例8 b/ L' S. P3 S% e
第四章: JavaScript 高级【2019版】2 \/ y* `/ a [/ |
4-1 面向对形象编程介绍9 ^$ e8 ^8 N$ J. `" P/ o$ @& n
4-2 类和对象% e% D5 e% a% n+ P$ {
4-3 面向对象tab栏切换案例
. m8 J3 s \1 b4 _- G; X8 @4-4 构造函数和原型对象4 B8 c. w7 v( ` E3 l
4-5 forEach、some、filter方法及查询商品案例% P Z; {, [, a
4-6 Object.defineProperty方法
, r( g2 _) Z/ y% r+ v; i4-7 函数进阶1 H" P0 L5 |: O u& V+ v
4-8 call、apply、bind的使用9 w, u. @1 W2 G; a
4-9 闭包及应用
- j# v! Z- r' g0 V4-10 递归及应用
, q4 ?( s" u# T, Q ^- w2 z8 _4-11 正则表达式及应用
, W; O3 p( S4 s4 Y J: i4-12 ES6中的let和const+ T }% L6 A! {% o) L4 |
4-13 ES6解构赋值
3 L8 x9 t7 ^8 Y4-14 ES6箭头函数6 Y9 a N* [+ @! P1 e' O
4-15 剩余参数和拓展运算符
' d+ c6 e% O' w4-16 Array实例方法
+ D2 b2 M+ z+ i m" M3 d4-17 ES6模板字符串和set数据结构
6 Y$ M% ]3 [9 F v! w& ?阶段四 前后端交互
, e( W6 F) b) \6 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、能够独立完成企业网站从前台到后台的基本开发工作。: s0 M7 _) h2 m
第一章: Node Gulp【2019版】! Z; D5 o( P$ [8 ~
1-1 node介绍和环境安装
6 o5 r1 j+ x' D+ q/ Y6 L1-2 node模块化0 d( \- i9 N# z. d- B( T
1-3 gulp使用
7 K! r! f+ h H1-4 服务器和http协议8 h" {: p, c( q4 O+ V
1-5 同步和异步
" K P4 X6 V8 R1-6 Promise; Y, ^0 J/ H, s
第二章: MongoDB Express【2019版】: z4 X* x- k7 v# m
2-1 MongoDB数据库和数据库的增删改查4 O U5 m: g" B1 y
2-2 mongoose验证
, s& J! [, }# b8 U# x+ t. V6 e2-3 【案例】用户信息的增删改查案例
$ W X* B) {( Q( |4 `1 _2 ?2-4 art-template模板引擎使用; l; G* h6 V; J# Y7 a+ y6 M
2-5 【案例】学生档案信息管理案例
. P% e V4 X4 x2-6 Express框架2 {( @ v- e5 ]- y3 w/ u, C7 D
第三章: 黑马博客项目【2019版】
: y& T( r' _: P# S3-1 登录和注册功能
2 ]% p2 Z6 g4 c5 U E6 v$ Y) N" Y3-2 用户列表分页功能: k1 T7 J: l1 s- s- {0 Y$ G
3-3 用户信息修改功能
" |+ A3 g. q# x6 h7 V ~, {& R/ R3-4 文件上传和图片预览功能
2 T4 Q& W* H4 ^9 p2 }3-5 文章添加和第三方模块实现分页功能
8 `7 ^" R! B( V7 |3-6 开发环境与生产环境
5 |7 K! q# [% {7 |' n5 F, c3-7 博客首页数据渲染
/ i6 Y! u4 H3 Y/ j9 ^9 ]$ a3-8 详情页和评论功能1 |) C. O* \% g8 r
第四章: Ajax【2019版】
7 S1 L3 v( p: r8 s9 g4-1 Ajax基础知识9 p' P1 o) g$ _
4-2 Ajax函数封装. f$ y& [" W' Z x. ^9 Z: Z1 d! B
4-3 【案例】文件上传和图片即时预览* H; D z" d3 A$ ]( c2 J. ^% J
4-4 同源策略/ ]9 k, X" w; r# t4 M
4-5 JSONP! Y) ]/ a1 `$ ?
4-6 【案例】腾讯天气信息案例8 U8 ]& X; ~+ K/ B1 J
4-7 CORS; h9 D3 K" q! h' X% h
4-8 jQuery中Aajx方法的使用
" \0 r6 [/ a/ B# Y6 T" H4-9 【案例】todo案例
; e, |0 a2 ~2 X7 Q* r7 r& C* ?4-10 Ajax补充内容
; D2 _' w% o! ]! N& }& j第五章: Git和GitHub【2019版】- e# q/ j9 u: L
5-1 git配置和使用* P" ?4 Z- @9 V4 P: @3 A
5-2 github及多人协作开发
7 L3 v, U* I1 `% `5-3 git补充内容
* n- Z/ E" K* j4 x1 P7 P第六章: 阿里百秀项目【2019版】
& v1 Z4 l% _4 o* I% ]5 ~6-1 模版引擎基本使用
7 m7 R% N% o- m2 c6-2 阿里百秀介绍和项目搭建
; t: K4 p( T, h6 q8 Y# G) M. j( _6-3 登录和退出功能
. j- X/ T# y: f+ p6-4 用户信息的增删改查功能$ ]/ \( {0 R+ t! Z2 g7 K& r
6-5 文章信息的增删改查功能
! e& U/ O( K& p6-6 评论功能01
" W& I) N, N* k7 V' r9 N6-7 网站首页首页渲染, W* b4 S! N1 ^' Q/ i* o
6-8 评论功能02
1 m+ h4 S9 a: e& r# f+ ]" L阶段五 Vue.js项目实战开发
f# E' r {' Q/ h) i1、能够掌握使用Vue技术栈进行项目开发 2、能够掌握Webpack项目构建配置流程； 3、能够熟练掌握Element-UI组件库的使用 4、能够熟练掌握前后端分离开发模式； 5、能够掌握常见网站业务模块开发； 6、掌握使用echarts进行大数据可视化交互开发； 7、能够掌握Web项目的部署与发布模式；
4 ?( }. s$ G: n8 Z! Y9 U" \第一章: Vue基础【2019版】
6 E2 R' I# w- Z: O/ R+ y/ }1-1 Vue指令及案例
* e( L+ Z8 E; h9 ^2 I7 }; G1-2 图书管理综合案例
" |3 U9 ?* t3 K* s5 {/ x1-3 Vue组件
4 `# t1 G* ^* o- [2 Y4 P9 _1-4 购物车案例
& `) j1 B0 y$ k1-5 Promise [' X( f, p2 P0 ? Q, o
1-6 Fetch
9 p f; a7 c0 }/ T1 J4 [5 x1-7 axios
2 Z: K* p- A4 _/ r" z! f1-8 基于后台接口的图书管理案例: l+ l6 Z1 d& \
1-9 vue路由
3 u$ y/ A; [$ ~+ `0 J1-10 路由案例
; _4 Y! z0 w% K- J第二章: webpack【2019版】
$ q/ k8 D" W) T8 u6 C, H2-1 前端工程化和模块化
" z3 g( W0 U7 E9 P) ^ s1 Y" w1 b2-2 webpack' X1 g9 L4 B1 J9 u
第三章: Vue-cli3和Element-UI【2019版】: _# c) { J" ?$ @
3-1 Vue-cli3（Vue脚手架）$ ?% x' r( Z: x7 |3 W
3-2 Element-UI组件库( Z2 ?/ g" y% T! k( S2 j+ Z
第四章: Vue电商后台管理系统【2019版】
8 a2 Y+ s9 N' u1 `4-1 项目初始化
! k# Z/ {# ^, I* v: g: `4-2 登录和退出功能! M8 }+ ?9 L" p1 \0 \+ h5 J
4-3 主页布局和功能实现
' I9 f. u L2 r3 v4-4 用户列表布局和功能实现: u5 Z; l, Z, w/ }
4-5 用户添加、修改、删除功能
- x/ T0 o" E: z) ^: K: `8 r4-6 权限列表
* R( N- }3 Y3 y' _$ l! I4-7 角色列表# {: X8 U5 V* x% ^$ d) B) L
4-8 分配权限、角色$ R* S( E2 v# j# {) T
4-9 商品分类
* W1 r) p5 v3 w' p# a4-10 分类参数3 ^* V! n# N' b" X8 G1 N# N/ g
4-11 商品列表$ a4 T# x7 d* F+ P2 p8 U
4-12 商品添加& H3 V# h! l. O6 Q" j
4-13 订单列表& @7 B3 V& ]3 A8 J
4-14 Echarts数据统计
& c" `( ~! J/ a, i) y1 [, o4-15 项目优化
1 O- v3 G0 l' f3 X4-16 项目部署上线
8 C) {7 p6 a1 q+ X' }/ A, \! F$ b第五章: Vuex【2019版】
$ ] z+ }. j; Y2 \5-1 Vuex基础4 `( u8 k3 h; F8 T! i' g3 t
5-2 基于Vuex的todos案例
0 z+ K% e' w- @ Q, u9 p2 |阶段六 }4 U `! h% k; q6 `! n
1、掌握vue和wepack及相关UI框架的使用 2、掌握微信小程序的基本使用及逻辑层和视图层的传值 3、熟练使用React和ReactNative的基本使用 4、熟练使用Angular和TypeScript的基本使用6 }1 L" v% J4 U5 R/ n
阶段七 拓展课程
^2 F9 J; z n拓展课程包括： 1、微信小程序及项目 2、React和ReacNative及项目 3、Angular5及项目 4、全栈式在线教育项目# a4 G/ m' r5 H2 ?! X
第一章: 微信小程序
9 S1 T/ o q: a2 s8 _8 V1-1 微信小程序介绍8 `) w2 P/ q( d8 r) a
1-2 微信小程序应用配置介绍
* x7 \1 R( @9 H: B9 C" Z- W1-3 逻辑层与界面层分离架构
, R6 k& X2 P& r5 z* D1-4 微信小程序组件的介绍和应用
) y3 k9 |* e( x2 z+ d8 ?1-5 Music伸缩布局案例
$ y' \- V& a" _2 T8 y% B1-6 页面间的跳转和传值
& d7 X/ c$ j3 P9 A" z1-7 微信小程序TODOS案例
6 V2 a$ n& r0 ]- I! y1 H1-8 微信小程序本地生活项目
: `; W' M2 b) p8 L r( b第二章: React
) N, e, t( B+ J5 F: n e2-1 移动App的介绍2 |, Q. s: v6 h) l/ ~
2-2 移动App开发环境搭建4 s4 B8 J+ w- B9 X$ t" `% c
2-3 webpack回顾及功能演示1 T' P: }$ ]5 B- }" f
2-4 React介绍- [, S4 |2 {1 L( V$ J
2-5 React核心概念
, B" l# i. Z% L f6 u+ B0 H2-6 JSX语法介绍和使用
* X3 d0 Z, D D2-7 渲染评论列表案例
0 N6 z4 _) e- G- h2 l, H$ A2 l+ I2-8 React组件介绍和使用
2 n/ U) e7 l0 a& W5 l2-9 React路由介绍和使用
! |; H- ?1 B2 |! z# E2-10 React电影项目' N. Z9 ~, d b) W9 ~
第三章: ReactNative电影项目
: b. D, n- T n; a$ y3 h, a+ s3-1 项目展示和配置
# G& O, g( F. ~, Q3-2 Tab栏效果1 `# o- k2 a* n. V" U, ]1 J- H+ `
3-3 首页效果
! ]+ H8 L( j" G+ r1 ~+ h( d3-4 ReactNative路由配置
+ e) Q; O$ F: U, K' S2 u& M J3-5 电影列表和详情页效果# [- b k: Y* C4 [7 U9 k( s
3-6 ReactNative电影项目发布+ \7 v" i6 k0 W1 \
第四章: Angular5
* Y" I9 ?4 q& ?6 X4-1 Angular介绍1 c' o \$ n6 j, _9 }' N" A9 [; M
4-2 TypeScript介绍和使用$ Q$ d/ ?! M" @% y
4-3 ToDoMVC案例
5 c. G% A4 u0 o3 _' M( N6 X0 w4-4 Angular5通讯录项目
; d" H6 K" Y3 w* `( T第五章: 全栈式在线教育后台管理项目$ `. L, R) b/ p1 t# X7 m: O
5-1 SVN介绍和使用1 ^+ ~7 a# d# |( v
5-2 git和github介绍和应用
: s& W/ ?$ j0 p6 p+ V0 w+ ^; G0 V5-3 ES6语法介绍和使用
* F3 H' x% ]4 Z" k" v5-4 在线教育系统项目初始化
" a: |9 O5 x2 S ~4 W0 C) W5-5 Express中间件使用
/ R! ~. ?) a- D; z2 |, S5-6 Nunjucks模板引擎0 W* m; Y X! _& \
5-7 nvm、nrm、yarn介绍
3 j) B' f9 Q3 W; {5-8 MongoDB和mongoose介绍和应用/ ?% f& [. \' d8 o+ x
5-9 全栈式在线教育项目业务逻辑实现. I1 O: j! [# Q/ d2 C4 j
* c+ a/ p3 ]- @
, m8 I8 B- V$ ] a3 \
资源下载地址和密码（百度云盘）： [/hide] 百度网盘信息回帖可见; G5 @. U* C$ X8 w& P* H2 [/ d
' {. l1 W# i( l2 S
. I; x# j; N7 b6 u$ r$ M, d h4 z2 t ~
本资源由Java自学网收集整理【www.javazx.com】 |
|
发表于 2022-6-20 18:03:03
