web前端工程师全套-麦子-2016 - 起点学堂 - - 为你精选优质好课

麦子学院Web前端开发工程师培训-价值1万8 比传智播客讲得好
Web前端开发工程师，主要职责是利用HTML、XHTML、CSS、JAVAScript、FLASH等各种Web前端技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web前端开发，致力于通过技术改善用户体验。

第一阶段：页面制作基础
从这一基础阶段开始，正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示，JavaScript用于Web动态交互。完成这一阶段前端开发的学习，你就可以独立实现一个动静结合的Web前端项目啦！" B3 P. I. C. m. v) v7 |

HTML+CSS基础入门/ y) \6 u4 E, z& R0 f% v' H1 v9 N) x& [
1.课程介绍
2.html的语法
3.html的基本结构
4.html的文档设置标记上（格式标记）
5.html的文档设置标记下（文本标记）' K! |5 A+ R( |9 x1 z
6.html图像标记img
7.html超链接的使用
8.html表格相关的标记0 D7 A7 j2 Q! n- [4 g
9.html表格实战《简单的网页布局》) R: E% X# W- A, ~7 c% s
10.html框架详解与框架布局实战$ r9 `4 J% Q0 y% F
11.HTML表单设计（上）
12.HTML表单设计（下）
13.使用CSS样式的方式
14.定义CSS样式（CSS选择器）6 x' S2 |7 \" l6 P' Y2 \5 x
15.CSS常用属性（颜色属性）
16.css常用属性（字体相关属性）
17.css常用属性（背景相关属性）
18.css常用属性（文本属性）. I  A5 m3 @% C5 J4 @8 A- l
19.css常见属性（边框属性）
20.css常见属性（列表属性）
21.Div+Css布局（div+span以及盒模型）
22.Div+Css布局（布局相关的属性）. [1 X' f) o. H% E3 l
23.Div+Css布局（浮动以及溢出处理）
24.IE兼容测试工具与高效开发工具: p: G: K( @( g
25.实战项目(从效果图到网页布局以及按需切图)( \- Q) }7 O( V& V
26.实战项目（网页头部及搜索框的制作）
27.实战项目（导航和公司简介）) ~8 q3 ?# s$ L
28.实战项目（行业新闻部分）
29.实战项目（产品列表）& @) Z7 `5 `, V
30.实战项目（网站底部制作）

Javascript初步% w& K4 y( {, D; |
1.JavaScript简介
2.JavaScript的变量
3.JavaScript中的数据类型
4.JavaScript隐式转换0 _9 Q  X3 @0 w& u
5.JavaScript中的强制转换" O) P% X2 i3 r4 ?
6.JavaScript表达式与运算符
7.JavaScript的其它运算符与优先级* M# a! ~! y- F/ C
8.Javascript中的流程控制-条件语句& y! }. k5 u% @: a$ `" L0 W
9.Javascript中的流程控制-for循环4 z+ t3 O1 a; p4 }. J, d
10.JavaScript中的流程控制-while循环和dowhile循环
11.JavaScript中的函数-通过function关键字定义函数
12.JavaScript中的默认参数、可变参数、变量作用域9 n# z) c, D  b6 W$ J1 l& c
13.Javascript中的全局函数-数值型函数. J7 z+ i, {; q
14.JavaScript中的全局函数* l! F+ t. ?7 @6 q1 c
15.Javascript中的特殊形式的函数-匿名函数的应用! B9 D3 R+ U: C2 c& S+ T+ K
16.Javascript中的对象-如何自定义对象$ y( L, z9 c5 h1 P
17.JavaScript中的对象-属性相关操作& m  q# M4 H' K. h5 f
18.JavaScript中的对象-对象的结构( K0 s0 G3 w/ u3 `2 d# x. g
19.JavaScript中的对象-属性的特性
20.JavaScript中的对象-属性特性描述  n- s$ E2 s* D3 V5 X+ E' X6 @
21.JavaScript中的对象-属性的特性; M& Y& b" {$ W+ R* h/ K' W& Y  l
22.JavaScript中的对象-对象的特性6 j* L; S0 j6 Y* p# p
23.Javascript的内建对象之Date对象
24.JavaScript中的内建对象之RegExp对象5 T( F% x4 O& J# h) h$ d
25.JavaScript中内建对象之Error对象
26.JavaScript中的数组对象
27.Javascript中的事件简介
28.DOM2级事件绑定和移除
29.JavaScript中的事件对象及兼容性
30.Javascript中的兼容性问题及onload事件2 ~8 F+ h3 ]3 A- ~
31.Javascript表单验证: R0 N! W; a/ E- m- W+ ~- x7 X
; h, C6 W) t3 Z8 R% O( {; |/ E
Web前端开发规范
1.课程简介及意义
2.Html的命名规则
3.图片命名规则
4.脚本文件和动态文件命名规则
5.文件命名规则.——文件位置存放规范
6.Css书写规范——Css的3种基本类型( ]* |* r1 n9 T8 Z! X! F* m! z
7.Class与ID的使用规范
8.Css命名
9.head区域编写规范2 E- y; n+ J2 G
10.字体设置规范
11.链接和表格使用规范- _9 i) A. Y( E2 }7 O
12.下载和浏览速度控制
13.include和iframe, k/ H# U* R: I: w
14.title和alt
15.缓存的注意事项: R# a6 T( f+ w  m
16.浏览器兼容性问题+ L9 W  |# G: y
17.浏览器兼容性问题2
18.banner和logo注意规范5 |  m  ]+ B# P* b9 _  ?( s0 W
19.javascript编程规范1* I5 J1 \# n+ c" S/ v# u9 ~
20.javascript编程规范2
21.javascript编程规范3
22.图片使用规范
23.注释的使用规范4 R' R! y0 _( L
24.浏览器兼容性 CSS hack& y* n* A; {2 h) C# q: O9 f" q
25.开发中的其他开发规范总结

" d9 ]" q3 x. k6 T7 f  ^; Z! N
第二阶段：主流框架应用& H5 W4 Z7 ^/ Y7 Y2 `& v4 \& d
优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架，包括bootstrap、Angularjs等，来提高前端开发效率。在学习前端框架本身的同时，也希望你能掌握任意一种快速上手的web前端框架的方法！
9 d0 L! Q% R/ a0 ]
HTML5+CSS3快速入门! X) Y5 M# ~: `' r; t
1.课程简介6 x1 X8 }% ?+ A; r8 s) k
2.什么是HTML5$ v: K8 A" l2 s& E7 k/ Y' Z! W! `/ E4 Y
3.认识新的网页结构
4.article元素的使用方法
5.section元素' H' B( g* k3 r- E, R1 ?
6.aside元素$ R9 H+ y+ e4 h4 d7 C
7.nav元素( \0 i5 v$ k( @' f4 `5 B
8.time元素
9.pubdate属性
10.header元素合成
11.hgroup元素合成
12.footer元素
13.address元素合成
14.figure元素与figcaption元素
15.details元素与summary元素- y9 @% D1 V( O) r$ u
16.mark元素7 \. u( J1 F& f. w& s- {0 B7 c/ U' d
17.progress元素
18.meter元素) v! U5 A; J  K+ c+ ^
19.html5废除的元素- ]9 z& x. F" y
20.HTML5的大纲（上）1 D4 w2 S' C5 \5 f6 e
21.HTML5的大纲（下）5 B1 ]9 t% ?( g) _
22.加强版的ol列表元素
23.重新定义后的dl元素
24.canvas元素创建画布9 Y: G) F' v' t# f
25.canvas绘制矩形) w; u- G  _7 ?: |, y# b
26.canvas绘制圆形7 |$ }! x( L# S. ~$ j
27.canvas绘制文字
28.canvas保存文件* C  C4 q7 v1 ^. E* g- i5 t
29.canvas绘制动画( j6 t7 i+ a  D0 ]- O, |! |
30.Web Storage本地储存
31.简单的网页留言板! x. M2 c7 |9 t! K. ]5 ?
32.video元素与audio元素
33.video元素与audio元素的常用属性; \: A  I0 o; B1 a
34.HTML5拖放: }1 J' e" b/ V9 A1 }
35.CSS3简介) k6 C1 U5 V. g8 D9 N7 r: Y8 h
36.CSS3新增的属性选择器3 @) x" d$ f# S+ |
37.结构性伪类选择器上
38.结构性伪类选择器下
39.UI元素状态伪类选择器上
40.UI元素状态伪类选择器下6 E8 N! A5 q1 _' y2 M
41.使用选择器在页面中插入内容! d% |* Y" h/ `8 w
42.文字阴影与自动换行( {" g4 @# y0 j) Z8 c0 v4 _# z6 v
43.服务器端字体和@font-face属性8 N( g7 v! A: E7 Y0 ]1 E" ~
44.盒布局上2 {: G5 R0 q6 M, f* d% w
45.盒布局下$ D! N0 h% j) J8 A2 z+ O
46.overflow属性* l" H% i& L5 p6 p
47.CSS3中新增的背景属性
48.CSS3中边框相关的样式; T# a2 u/ y# Z# p% r5 F6 `
49.CSS3中的变形功能
50.CSS3中的动画功能
51.布局相关的样式-多栏布局; [0 i/ z( `; l6 f/ M) {
52.布局相关的样式-盒布局0 C5 h# [! k( C. j" n2 s5 J" z4 t
53.布局相关的样式-弹性盒布局2 W1 A# V1 c1 c
54.Media Queries 与自适应布局+ M  ?8 F+ L$ I) N& f# K! i. Y  s
55.集团网站建设-全局头部制作
56.集团网站建设-首页新闻列表9 M$ S8 o0 D0 V/ x3 }
57.集团网站建设-首页集团活动制作
58.集团网站建设-首页右部份制作/ {: `: l5 W6 x
59.集团网站制作-底部版权信息制作
60.集团网站建设-图片列表页制作
61.集团网站建设-文章内容页制作
62.关于兼容性的问题

Web前端开发之jQuery入门课程
1.JQuery教程介绍0 U4 ]7 j1 o  `8 Y- G
2.选择器1- V) k, \4 ~' p+ I% d, s
3.选择器2
4.选择器3
5.DOM1) j# }, u% f" R; I# ^& u
6.DOM2
7.event1&2; X/ \/ F* L( z6 s
8.动画6 ?4 X8 V2 ~( K$ a8 D
9.AJAX1; O+ Y6 o" m; o; `; L; O% h
10.AJAX2
11.jQuery UI1 r, b" R  y3 t0 c! F( N+ t  s
12.jQuery Best Practice5 B( Y, z. K/ o5 Q1 Q! `6 [
13.jQuery To Do List 1
14.jQuery To Do List 2

bootstrap入门! S( v; ?8 q: U
1.Bootstrap简介
2.Bootstrap栅格系统原理
3.Bootstrap栅格系统用法
4.Bootstrap排版基础01
5.Bootstrap排版基础02. ^& G# l' \' W; t; [# O
6.bootstrap列表与代码样式& x/ N' D! c- K# `8 ~' [. _4 E# y6 s+ x5 e
7.Bootstrap表格样式. Y( n, w7 m+ [, y& v! z1 w
8.Bootstrap表单样式14 n) E1 ?# Y/ W% M( H  v
9.Bootstrap表单样式2- X: D6 h. x5 m& o/ c" U
10.Bootstrap表单样式3
11.Bootstrap按钮
12.Bootstrap图片与辅助样式/ g3 ]5 f1 \9 m5 z7 e5 q
13.Bootstrap小图标
14.Bootstrap下拉菜单
15.Bootstrap按钮组( p! $ `: r# S
16.Bootstrap按钮下拉菜单
17.Bootstrap输入框
18.Bootstrap导航2 M# L" s% E  P7 i
19.Boostrap导航条
20.Bootstrap面包屑导航和分页导航- I, g3 O. H% m1 q8 D3 I. $ M
21.标签、徽章、大屏展播、页面标题
22.缩略图和警告框( q, ]! \( b' a
23.进度条和媒体对象6 Q, o% `0 i' Z) e  O; V+ r
24.Js选项卡# P0 ^8 S* H' r' r& J& _* [9 J1 M
25.工具提示框
26. 弹出框与警告框9 a! i4 g; B, O
27.折叠效果( j  z/ W' G$ N! N* @
28.折叠练习3 k9 r  W- o0 N
29.焦点轮播图
30. 网站后管理导航
31. 网站后管理侧边功能栏' I# l9 v9 ?" n
32.网站后管理完成主要区域  b* p& z3 t3 M  y1 K

第三阶段：前端技术进阶" @/ _5 m/ p* q, n
web前端开发进阶阶段的学习，主要是让大家快速掌握当今流行、实用、最新的技术，比如：less、sass、json、ajax等，并将这些前端技术快速用于实践，开发出更加符合客户体验度的web前端页面。

JavaScript面向对象编程
1.全局预处理
2.全局预处理与执行/ h7 _& r# r; `9 c
3.函数预处理与执行
4.作用域
5.作用域本质与用途
6.闭包的含义$ @- n. X7 b6 G4 U: `! e
7.闭包的理解
8.闭包的好处
9.闭包使用的注意点* g2 s# y- S& X3 T! B
10.对象的创建与访问
11.Object构造器创建对象" p, O$ U+ ~& Y. I
12.属性特性! r- @% U& v9 k
13.构造器与类型检测7 K; U' l- a- [* S8 V
14.对象工厂
15.构造器函数1 H- j  D9 C/ m5 y9 _& r
16.prototype属性$ F3 U" V3 z5 T9 s
17.proto
18.this
19.new自定义实现" G1 H+ M0 e! x6 l& o- q3 K
20.原型,new,闭包
21.封装
22.浅拷贝
23.深拷贝与call形式拷贝+ Q/ T" _  B8 c- Z/ V( O# x( i8 \
24.create实现继承$ M* h' b% k+ w: {
25.原型链
26.再谈instanceOf
27.类的继承
28.类继承四部曲与Constructor修正
29.通用继承方法与super* _8 t, h/ u- o1 N3 W
30.继承的本质
31.方法重载9 e) n) z- ~; _
32.方法重写: X$ B0 s, w# m4 j* Q2 D
33.jQuery回顾
34.jQuery架构
35.数组型对象
36.初始化
37.extend实现5 S* ^. K& q2 W5 U. j
38.冲突的解决  D% R' K( P  B0 Q' G7 X
39.css与each的实现4 g2 u! l6 U& y$ u$ c# f7 {
40.链式操作

less从入门到精通
1.LESS课程介绍
2.初见less; z- Z& A+ \8 ]; H1 `9 g, Z
3.正确使用less
4.变量(variables)! j8 x( q) G: F7 V% v
5.混合(mixins)上
6.混合(mixins)下
7.嵌套规则(nested-rules)
8.运算(operations)7 T( P8 \0 u0 K" v' x; b; l
9.函数(functions)9 v* Z+ k( ]: F( ]4 k0 H, l
10.命名空间
11.作用域" `( ?9 i. [$ O& M! z
12.引入(importing)
13.关键字(important)
14.条件表达式
15.循环(loop)
16.合并属性
17.函数库 - 其他函数0 f1 j* n. X  y1 _1 _; ]
18.函数库 - 字符串函数和长度相关函数
19.函数库 - 数学函数
20.函数库 - 类型函数) C+ q" E3 w) |" K: c
21.函数库 - 颜色值定义函数- u' a( t' ]$ M5 {# f3 ~$ o
22. 函数库 - 颜色值提取函数
23.函数库 - 颜色值运算函数& z1 C4 U9 p9 P$ G# [' O
24.函数库 - 颜色值混合函数

利用Sass编写高质量CSS. k( _* I; }1 i: e! S
1.Sass课程整体介绍
2.sass与compass(上)- I# V- c$ k7 P; N* C/ u
3.sass与compass(下)
4.Sass、Less与Stylus
5.sass语法基础（命令行与注释）
6.sass语法（基础部分：变量与导入）$ ]( T* I0 B2 R: f
7.sass语法（继承与嵌套）2 b) S8 n5 j1 X) A& Q
8.sass进阶（数据类型、变量运算、mixin）
9.sass进阶（函数与调试）. d9 r, d4 R( x+ ^5 V2 H* B4 r
10.Sass高级（条件控制）4 m+ U: g& |% ?9 [# n& f
11.Sass官网（基础项目结构）  E$ A0 T$ ?3 e9 G1 r9 f
12.Sass官网（自动化构建）( G; t, D9 `& G1 I3 n( n% l/ T
13.Sass官网（网站首页布局）
14.Sass官网（网站首页一）9 }5 o2 [/ s( q2 A" S
15.Sass官网（网站首页二）- L4 ?: x* p0 z+ B7 \. v' I2 T7 \
16.Sass官网（内容页实现）
17.Sass官网（响应式布局）
18.项目总结

JSON入门7 h  B6 F7 z6 P" ]
1.JSON简介1 s7 l1 _+ i5 V/ H1 M- Y
2.JSON格式规定
3.字符串转化成对象( S. J) ]8 R1 S; o) I1 H
4.对象转化为字符串( s" g2 v% P7 H) I5 Y) E/ I. s- Z, q2 c
5.JSON和XML的转换. Q. k- }  Q4 N' q& G- W. w8 b; ~
6.Ajax和JSON  p* G1 ?3 N; y* {
7.GeoJSON和TopoJSON( O& x3 O  v  u. w

Web前端开发之Ajax初步, [. f9 }) V) S  ?4 x
1.ajax简介+ l/ u) @4 `2 K
2.ajax基础3 _+ p6 Y9 \  Q/ r% w- P
3.运行环境
4.获取服务器文件
5.eval的使用# E8 u3 {/ ]+ }$ J  R8 {3 ?+ G7 R
6.dom添加元素
7.封装库
8.数据类型7 Y0 J% @; i+ K1 n7 G* N
9.ajax注册用户: \* E" [: v" O% [2 W8 R5 W& s9 f
0 ?6 i, v: D+ K; Q
移动前端开发项目& E$ d: i$ I! Q) h
1.本套课程简介及移动端主流框架介绍0 O" k9 H. A+ G5 F
2.移动端开发注意事项$ A) c) G: d0 {( v# j3 E
3.移动端前端基础架构
4.sass对css的管理  b' e6 D. Y$ l0 _" s4 |
5.requirejs模块化加载js
6.固定头部的制作
7.微商城slide图片制作
8.商品列表页面的制作
9.商品图片canvas加载制作7 l: e( T  `/ Q$ q. e
10.商品列表滑动加载效果制作
11.商品详情页面的制作0 Q3 z3 P* k1 @: P; m1 X  k# B
12.商品详情页面交互制作
13.商品详情部分css3动画效果制作( M$ h0 s4 `, h9 E* j9 R7 m
14.购物车页面的制作" i0 @  E0 t- u; a
15.订单详情页面制作
16.订单详情页面交互
17.IOS和安卓不同浏览器常见bug
18.个人中心页面-用户基本信息页面制作
19.个人中心收货地址增删改
20.用户中心订单状态2 B0 |; z( f$ _; M; s  ]" v. n* ]
21.登陆注册页面的制作
22.正则表达式
23.移动端常用表单验证* Z* }* }5 J6 E5 _* V
24.商品列表页面搜索制作
25.合并压缩js和css,减少http请求' C  T% a9 ]5 h2 u  F' q& l5 E
26.常见js书写方面优化
27.js和css加载顺序，和image的http请求# p) T* P7 x* C1 I. y( ]

AngulaJs从入门到实战/ I1 |$ F) N' M
1.AngulaJs的简介和HelloWorld
2.AngularJs的语法介绍
3.AngulaJs中的简单数据绑定$ G" m  k4 q* t+ b/ z
4.AngulaJs中的循环绑定
5.AngulaJs中的事件绑定
6.AngulaJs中的控制器
7.AngularJs表单开发（基础应用）/ i; y* ?# C$ x( Y# h% p9 `
8.AngularJs表单开发（表单验证）$ `+ c% e# Y9 p9 a* E' i2 t
9.AngularJs模块化应用（上）( [7 i+ E/ q! b7 L
10.AngularJs模块化应用（下）, @  J5 b0 K; _: S8 q" b- p6 |
11.实战演练-订单管理页面开发（上）
12.实战演练-订单管理页面开发（下）
13.实战演练-购买下单页面开发（上）' K8 C* ^; u( G3 L
14.实战演练-购买下单页面开发（中）
15.实战演练-购买下单页面开发（下）, i+ t! q  i1 @. U) Y1 {
' R' n7 b, E4 N6 l+ M2 K
Gulp+Angular+Express实现简易任务管理系统$ k* X9 G+ `& y5 ]2 I* S
1.课程介绍4 w: X- ~& d. R) ]$ R
2.前端项目搭建
3.认识CoffeeScript
4.Gulp入门' z9 D1 M7 V7 t6 J+ A
5.Gulp实现前端构建2 R* `0 ~5 b$ \( J& f* |
6.后端项目搭建
7.Gulp实现后端构建; g8 c3 z8 L5 `4 w
8.AngularJS初见; i3 D6 S. z% N9 T: u9 J
9.系统功能设计
10.功能点一（登录设计）
11.功能点二（UI布局）
12.功能点三（列表项设计）' R7 M2 F7 n6 N. B! c
13.功能点四（新增、编辑）
14.功能点五（后端API之登录与认证）- N( B7 e/ A2 v1 z, m
15.功能点六（后端API之新增编辑）" {9 ?' `6 X- _, d( z5 c2 v
16.功能点七（后端API之数据获取）9 K9 s0 Q% K, g& q/ @. j' Z
17.功能点八（前后端联合-上）% Y) b. s* w) o4 U9 X" [
18.功能点九（前后端联合-下）
19.功能点十（整体优化）, [( e# J: e/ h6 d
20.项目发布（Windows）5 Y0 v6 Y. u& ~: E& f% E/ L$ s
21.项目发布（Linux）
22.项目总结4 ?3 v! J: y' T1 @/ i/ v! U

第四阶段：前端技术拓展$ q0 Q* q( r: u& E  k( R
web前端技术发展日新月异，因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于KnockOut、Backbone、bootstrap、Webpack等技术的拓展学习和web前端项目的实战开发演练。
2 M. G3 ]. e, o* ?; Z
KnockOut从入门到精通
1.简单的KnockOut数据模型绑定; m+ {! O6 f& U7 y- u4 p
2.数组类型数据双向绑定( d3 o* k$ f/ K) O
3.KnockOut循环绑定1 U5 p( S: l9 |
4.组合类型数据绑定的使用) `  s- P1 G2 v( v) ^6 K
5.KnockOut中的各种事件绑定
6.使用KnockOut自定义组件，避免重复造轮子
7.KnockOut开发一个简单的表单提交页面（上）
8.KnockOut开发一个简单的表单提交页面（下）# h& q$ l* r5 A/ c/ o
9.开发实例：一个支付银行选择页面的开发（上）6 b) }, m) J. K
10.开发实例：一个支付银行选择页面的开发（下）
11.如何在同一个页面绑定多个ViewModel
12.开发实例：类微博首页页面的开发（上）
13.开发实例：类微博首页页面的开发（下）
# k9 {$ A# `' Q: U
项目管理9 f" d1 N, u0 y# C6 }2 m& I2 e
1.项目大纲介绍* ]& I( D8 ]. S1 {7 R9 o% {
2.项目启动阶段项目启动流程规范
3.项目启动阶段项目需求管理规范/ x+ ~, ?! z9 p8 m4 s, P  @! Q+ A& m
4.项目计划阶段项目计划流程规范
5.项目设计评审流程规范
6.项目实施阶段跟踪项目的进展情况& X( K3 E+ `; @- c' y$ U
7.项目实施阶段的管理执行状况
8.项目实施阶段管理项目风险和问题
9.项目实施阶段管理和控制项目变更
10.项目实施阶段项目沟通管理
11.项目实施阶段项目的过程控制
12.项目实施阶段项目资源冲突
13.项目实施阶段web页面制作流程（上）3 P1 v" H' }3 k6 o# m, j' F! J
14.web页面制作流程规范（下）( W( n" h6 ~9 a: u5 g) N
15.PHP代码制作流程规范（上）: t! F1 f$ H5 s0 B% @: t# Y8 V' [
16.php代码的书写规范（下）, x. A2 z) R- ^  C5 ]- {- g3 _' a
17.对项目实施阶段的复习总结
18.项目结项阶段的奖惩制度
19.项目结项阶段项目的事物流程规范( r* Z/ j% s$ a
20.SVN的简单使用（上）% a' A( I4 h1 B* C  x$ M1 _
21.SVN的简单使用（下）, y, k" ^, o; g. ?( ^, y
22.关于GIT的一个简单介绍
23.项目管理最终作业要求9 y$ }( T8 h5 i* S8 g

前端开发项目：一起来做秒杀活动
1.商品秒杀页制作
2.css浮动布局与定位布局
3.css鼠标样式) T  T& g$ J# Z2 N/ Y6 b- I
4.javascript鼠标事件4 m4 f5 u3 Q6 K" e" C8 d3 ~
5.javascript中setTimout用法( {2 F# S! p) N/ ~5 Z. o
6.javascript中setInterval用法, R/ s/ }2 ^  i& F0 N/ {
7.ajax与后端数据交互
8.javascript定时触活动
9.javascript实现离秒杀还有xx小时
10.javascript+css控制“秒杀”频率
11.javascript实现已购买判断- s9 |; _6 g( T+ y, e( h
12.前端优化 N条技巧
13.前端优化css部分% k: Q  U) }2 ~' ?1 w- t9 ?
14.前端优化图片部分- |. H* I5 e4 q5 N; ^1 y7 U! D' r. ~
15.前端优化cookie部分3 Y. R/ \2 c$ J8 t( u9 G( e8 J$ i
16.前端优化javascript部分
17.前端优化实践+ x, W" h7 m+ ^% _0 E2 a7 e

ECMAScript6编程艺术
1.ES6简介. Q5 e0 b4 L" t; R
2.let基本用法
3.let不存在变量提升
4.let暂时性死区5 K' j/ b# ~( e8 S# d+ a+ i2 H
5.let不允许重复声明
6.为什么需要块级作用域
7.块级作用域/ ?- F0 f+ s" ~6 ^( h. n
8.const命令, Q% E9 @5 Y# H( P
9.const对象
10.const对象冻结
11.跨模块常量% E6 A% t& U4 K- L; X
12.全局对象属性
13.Destructuring! E! n% ?0 g. n8 [, o
14.不完全解构
15.制定默认值- ?/ j& i- Q8 o6 c4 N# ?0 [
16.let和const命令
17.对象的解构赋值' A2 z$ D0 c% @
18.对象解构赋值的默认值
19.现有对象的方法. ?8 e4 H5 ~6 h3 c9 P
20.字符串的解构赋值
21.函数参数的解构赋值* f. P* u& q* P3 I2 R1 b
22.交换变量的值
23.从函数返回多个值
24.函数参数的定义: h, f/ h3 N1 w$ \, T
25.提取json数据
26.函数参数的默认值7 T+ ?+ f3 `$ L0 G
27.遍历Map解构、输入模块的指定方法7 m! @$ N/ M" `( A

高级工程师手把手带你做企业门户前端: f* m) H! o6 u! ]% B. [
1.课程整体介绍及开发环境准备' Q( B/ V6 l1 T7 {' D
2. 实现首页面基本框架搭建1 [/ C% H; K1 W' P  w
3. 实现页面Logo及菜单布局
4.首页面利用JS技术实现二级菜单
5.设计banner广告0 I: X, b& i" N5 q! b9 m
6.banner广告切换功能的实现
7.首页面利用无序列表实现文字列表6 K  g0 V! \9 {" F2 @
8.完善首页面列表
9.无缝滚动效果设计
10.添加视频功能，广告无缝滚动
11.在线咨询功能实现
12.完善首页面实现，产品列表页面
13.完善产品列表页面，实现产品详细页面
14.实现新闻列表页面
15.实现新闻详细页面及其他页面布局/ a8 n6 |3 x6 U" V
16.实现在线留言布局4 U; A- d9 h( a- h+ }6 t' m
17.实现在线留言页面验证（正则表达式）% M7 {' l6 ~, G$ a+ d0 ?6 P$ ]
18.完善及总结

Backbone入门基础
1.Backbone 课程介绍: u) T' J# F  |) h
2.Backbone基本用法之Model
3.Backbone基本用法之View
4.Backbone事件之Model事件
5.Backbone事件之View事件
6.Backbone事件原理
7.Backbone与服务器接口之RESTful
8.Backbone与服务器接口之Model数据同步
9.Backbone集合
10.Backbone集合事件
11.Backbone集合与服务器交互. W* S+ S9 W: |0 g/ h
12.Backbone路由) t. g4 I" h% @
13.Backbone示例-结构和框架( z  N: D; h6 p9 ]3 O6 _  z* g
14.Backbone示例-数据源和列表
15.Backbone示例-模板渲染和创建页
16.Backbone示例-删除和编辑页

企业网站后台制作实战
1.项目需求分析与准备工作* w% S8 g; P: L+ M: _% G4 D) q
2.登录页面( N; U! e/ q; r8 N' L0 [" R
3.登录表单验证
4.顶部导航(1)
5.顶部导航(2)
6.左侧导航(1)
7.左侧导航(2)
8.左侧导航(3)
9.左侧导航(4)
10.右侧主体框架
11.系统主页
12.栏目管理
13.公司介绍页面制作
14.左侧菜单切换
15.其它功能页面制作) M# ~* ~- F+ |: D
16.课程总结8 r0 l" [- y' j

X商城项目制作
1.X商城项目介绍
2.实现首页面基本框架搭建' y4 ^- p$ h' r. g/ m
3.实现网站首页面头部布局1- P6 ^3 A$ E, r+ m( K
4.实现网站首页面头部布局2
5.首页面用户模块，产品类型分类布局
6.首页面推荐产品轮换特效原理及设计
7.首页面推荐产品轮换特效原理及设计
8.推荐商品，热卖商品，特价商品模块设计% k- ], L' X! s' [& q! J2 |$ M2 q; g
9.完善推荐商品，设计网站新闻模块
10.客户模块，分类推荐商品列表5 h5 u% U9 p1 l4 A1 z
11.完善首页面在线咨询功能
12.完善网站底部功能及布局
13.购物列表页面布局1+ w; Y) E+ q$ r
14.购物列表页面布局2
15.详细页面布局' E7 \8 D- Y: I# @5 j
16.产品缩略图图片切换特效
17.图片放大镜实现
18.完善放大镜特效及选项卡功能设计
19.选项卡功能完及善报价单列表设计4 D+ x" u. M% Q6 z; m# r$ i
20.完善产品报价设计，实现用户注册界面/ z- [- J7 z: x5 `% I7 f% E
21.利用Jquery实现表单验证功能& k9 e1 C# d& F
22.登录页面设计及实现
23.购物车界面基本实现
24.购物车统计功能2 v# w1 H0 I: P: n7 O
25.结算页面布局及设计6 p( U' X1 {  a% U- `" @' D/ g, k, r: X
26.结算页面功能完善
27.完善相关页面及总结% h' k! A$ s- Q
5 _$ y# f& x" I6 R5 g- V3 q

bootstrap综合实战
1.课程介绍与项目演示7 Z) H. m1 S4 n8 ~& w
2.创建新的项目(获取bootstrap文件与开发工具)
3.响应式导航(demo1)
4.第一屏home区域制作
5.第二屏bbs论坛区域制作6 [( ~7 d7 `& B, o% a9 S
6.第三屏html5区域制作
7.第四屏bootstrap区域制作
8.第五屏course课程列表区域制作
9.第六屏app下载区域制作
10.第七屏contact联系小麦区域制作& c  ]/ s. v* W. q9 m
11.footer底部区域制作
12.满意的效果插件
13.后台管理界面导航制作9 P) ~8 _' p" s# y1 {; O
14.后台界面网站统计数据和热帖制作' Q. m8 D5 Z& w
15.后台界面今日访客统计图表制作
16.后台界面服务器状态进度条制作
17.后台界面团队留言板制作! P1 _3 L7 y/ H1 N& V$ J
18.后台界面用户管理制作7 H; s/ t! t! \6 g& h4 }) p
19.后台界面用户搜索制作
20.后台界面添加用户弹出层制作
21.后台界面内容管理界面制作& F( v8 \/ S2 v: Y- k1 v
22.后台界面文章发布界面制作. I1 p0 q2 ^$ b. Z( G: Y5 ]5 ?
23.后台界面tag标签管理界面制作( C" z. E7 N+ d7 i2 \& y
24.bootstrap项目实战课后温习总结7 z5 c; L) R. J# O1 Q/ t" g5 s
6 p. J) @: a. E$ G
响应式web设计及项目实践
1.响应式WEB设计课程介绍和项目工程创建! }: M4 o& a! }+ S$ Q6 X$ X
2.Html之Meta的作用
3.HTML中常见标签和规范6 f: h  m3 r3 y' {3 p6 w
4.语义网介绍
5.CSS常见属性及缩写1 }' U6 R1 _+ H  G" A* C
6.CSS选择器及优先级( z9 O8 A/ V8 C+ j8 D. a7 ^  w
7.CSS之CSS盒模型9 U5 l7 H, {, G: }
8.CSS之固定布局
9.CSS之流动布局$ K* H  \' ?* R* C8 S: y/ c
10.CSS块级元素和内联元素
11.CSS之性能相关) k' e' [/ s7 E# `  u" y6 J2 n
12.JS介绍
13.js常见语法
14.JS实现简单的表单验证. r! t% A! C8 ?" w* S( G5 H' W
15.浏览器渲染模式
16.浏览器及其内核介绍6 Z1 C: Y' M) m0 N
17.浏览器渲染流程
18.浏览器默认值及差异
19.响应式WEB介绍  b/ ^1 A! i; m$ |/ k! g/ M; J
20.认识响应式布局
21.响应式WEB常用方法" @) v  d/ H+ X/ a3 Q3 s) I( _
22.电商网站响应式设计之产品列表设计
23.响应式设计之产品详细页面设计及课程小结
- X& d$ n# B; G# S; M
Webpack实战& T  s/ E& h, T$ c
1.简介4 s9 r" R$ T$ }% {# z
2.常用配置介绍* D4 g4 L3 u) f* j1 S4 w
3.常用loader介绍
4.React项目实例
/ B- x: T7 D3 F8 O
Mock.js+Express实现京东商城数据模拟  u) B2 U$ m( ?+ d* n
1.第一讲课程介绍
2.第二讲初识Nodejs& Z! e' g( W7 [: Q) T5 W+ r, X. s" t7 h  z
3.第三讲 Express入门0 K0 G. W) f; z1 h% X' w$ |( l( ]
4.第四讲初识Mockjs
5.第五讲 Nodejs集成Mockjs
6.第六讲 Mockjs基础语法1(语法规范)
7.第七讲 Mockjs基础语法2(工具类)
8.第八讲京东商城商品分类展示导航
9.第九讲了解JSON数据格式0 O4 y) `; e& J& X! r% k! D: v4 }
10.第十讲后端API数据模拟8 M; G5 l8 Y% b3 H
11.第十一讲 ajax的跨域实现: J8 ]5 O" L/ A7 F& ?- C) ?9 D
12.第十二讲前端数据绑定
13.第十三讲项目发布! P, m( W# _7 [4 b1 V8 _$ v) G8 ~
14.第十四讲项目部署* p5 B2 L9 ^' ~# S3 L
15.第十五讲项目总结0 Q% F8 v! f' i3 }/ [4 D* L
% r3 N8 V$ Q% e& [2 S
Javascript进阶
1.JavaScript中的特殊形式的函数# g8 n0 [( E) ~; w1 S
2.JavaScript中的闭包+ l/ ?% z# K: M/ Y2 ?; h
3.JavaScript中闭包的应用9 f: G" P6 m$ b
4.Javascript中的对象-对象的扩展性- o5 p1 m) t- ]  L
5.JavaScript中的内建对象之Object对象8 z- _. e0 B8 s" j( j' Q
6.JavaScript中的Number对象和Boolean对象
7.JavaScript内建对象之String对象1 t+ ^! q; F9 l0 @1 @
8.JavaScript中的内建对象之Function对象
9.Javascript内建对象之Math对象
10.Javascript中对象的属性提升篇( S5 a+ V2 {. o. \! |$ C
11.JavaScript中对象的原型属性prototype
12.Javascript中的扩展内建对象
13.JavaScript中的原型链继承3 e3 \, Q4 ~3 ?! _( ~
14.JavaScript中共享属性迁移到原型
15.JavaScript只继承原型的方案1 p6 U' |. p0 \7 C$ W& b, v
16.Javascript中的继承封装( m& {* z, ^" e* W( o
17.JavaScript中拷贝父类对象的属性
18.Javascript中深度拷贝
19.JavaScript中的多重继承. v( g1 ?7 V) e
20.JavaScript对象继承总结" U  Z" S, Z( `( P# G- H  T
  @8 N  v2 R' |4 ^( W  \. n) z

HTML5绘图4 j4 [' t5 q  s# x" b5 Y
1.HTML5绘图基础6 J& [, p; |" g
2.HTML5绘制几何图形
3.HTML5绘制字符串
4.HTML5设制阴影* h" ~$ `) E* y# E
5.HTML5画直线和画弧  o5 @$ ~/ U0 \; z) U) L: r/ q
6.HTML5画两个切线间的弧
7.HTML5绘制贝塞尔曲线
8.HTML5渐变填充0 U8 |4 B* J9 A& b
9.HTML5绘制位图
10.初始化棋盘: O/ `2 T3 s6 J( `# l6 T" i9 g
11.算出下棋的坐标( ]$ ~1 [! K9 y3 }$ q
12.调试完成白子和黑子7 I  o. c$ C0 q3 i: K
13.实现五子棋输赢算法
14.HTML5绘图总结/ X& G- \* @" A+ Y8 ^, S

" ^6 I0 |7 r# J  f: U) ]
前端进阶指南5 S$ z" h5 w+ D5 f! h
1.课程介绍
2.SublimeText高阶用法介绍
3.SublimeText必备插件
4.VIM入门# r+ x5 i, v) L9 A
5.VIM插件管理及必备插件+ V; {3 c, f% @) v9 g' Z5 _8 E
6.HTTP 协议入门
7.浏览器基本工作原理( S$ I- l$ p& Q6 c- b/ {
8.玩转 Chrome 开发者工具(上)1 L' \. \6 J/ Z$ _
9.玩转 Chrome 开发者工具(下)! f4 @' g  D9 {5 m
10.API测试工具DHC详解
11.跨浏览器兼容3部曲(上)9 R3 J8 d) Y% ~; E* y$ p; v6 U% ^
12.跨浏览器兼容3部曲(中)
13.跨浏览器兼容3部曲(下)2 |) o3 b5 @* d1 q" n) s, F- ?6 V' x
14.性能优化之服务篇; ?3 g# Q6 d  {4 C4 L1 k
15.性能优化之浏览器篇0 B5 F6 Y' C1 S. a
16.性能调试工具篇( h- t) B& j( I! r+ Y7 I0 \
17.课程回顾* Q  p9 Z0 q; Y0 X  K
. ?3 @8 Y7 E' X: s
polymer入门教程
1.什么是web组件
2.Polymer介绍
3.获取Polymer- J: B5 x5 V* l$ F: H
4.注册自定义元素
5.元素的生命周期
6.属性的简介
7.属性改变监控
8.Polymer数组属性
9.计算属性变化
10.localDOM定义
11.locaDOM--API. r6 t' I7 Y+ j% y, w5 q
12.数据绑定简介# |8 S3 q3 n8 s
13.数据绑定实例分析
14.事件操作5 q: z: b# u2 ?+ \. f. F
15.样式方法& q! T% j: ?1 N2 k, U0 k! x! U
16.行为定义  [4 |( c2 |& Q& n: J4 n
17.模板元素( U0 t7 C" l5 W4 D1 K" E
' s) {; X4 r4 q- A6 ^8 g! I, @9 _
前端工程化4 e1 [  m) N- D% `
1.课程简介
2.脚手架生成工具 Yeoman 实战
3.快速搭建框架：脚手架生成工具 Yeoman  Generator 实战
4.包管理器 Bower 实战# s9 X' f4 b. W2 Q! J8 w
5.包管理器 NPM 实战(上)2 ~& J) O* I4 E% \9 k; _' M
6.轻松管理依赖：包管理器 NPM 实战(下)
7.保障编码风格：Javascript 风格检查工具 ESLint 使用详解（上）. s( J9 r# x& x+ ~
8.保障编码风格：Javascript 风格检查工具 ESLint 使用详解（下）
9.保障编码风格：CSS 代码检车工具 CSSLint使用详解' G, x2 h6 O. ^
10.保障编码风格：HTML 代码检查工具 HTMLHint 使用详解+ ]- L& c- `$ V! z
11.保障代码质量：单元测试工具链 Mocha Chai Sinon 实战（上）
12.保障代码质量：集成测试工具链 CasperJS  Karma 实战（上）1 E  N9 p% G: K8 _$ W
13.保障代码质量：集成测试工具链 CasperJS  Karma 实战（下）0 X' Y+ O0 s4 W) h& i3 }
14.保障代码质量：强制代码检查之 Git Hooks, d7 M) g# R2 f
15.无情自动化：任务管理器 Grunt 使用实战（上）' d- b% S- x9 q# V: |# j
16.无情自动化：任务管理器 Grunt 使用实战（下）
17.无情自动化：流式构建工具 Gulp 使用实战（上）
18.无情自动化：流式构建工具 Gulp 使用实战（下）
19.无情自动化：把 LiveReload 融入开发工作流. V1 T3 p9 v6 z3 O9 n
20.无情自动化：把 BrowserSync 融入开发工作流- Y* [. L$ r5 _, c1 Z9 B3 {: X
21.代码可维护性：RequireJS 模块化开发实战
22.代码可维护性：Browserify 模块化开发实战
23.代码可维护性：Webpack 模块化开发打包实战9 Z! d3 D. v- g$ f" v& J
24.串起来：WEB应用构建过程关键点剖析
25.前端工程化课程小结

ReactJS从入门到实战
1.ReactJS简介
2.ReactJS的安装和'Hello world'5 c2 o3 D7 c" s. t$ o
3.ReactJS JSX
4.ReactJS 组件, B6 }- R! }" ~
5.ReactJS state
6.ReactJS props_上
7.ReactJS props_下