前端入门加精通（摘）

第2天 HTML

1、HTTP协议

2、html是纯文本

3、html骨架

4、DTD文档类型

5、head标签

6、body标签

7、html基本语法

8、h系列的标签

9、p标签

10、img标签

第3天 HTML

1、路径

2、a标签

3、div和span含义

1、无序列表

2、有序列表

3、定义列表

6、表格基础

7、合并单元格

第4天 CSS

1、三个划分区域的语义标签

2、form标签

3、input标签

4、单行文本框

5、密码框

6、单选框

7、多选框

8、文本域

9、下拉菜单

10、按钮

11、html注释

12、废弃标签

13、实体字符

14、css的概念

15、css的作用

16、css的样式

17、css的书写位置

18、id选择器

第5天 CSS

1、类选择器

2、标签选择器

3、通配符

4、高级选择器

5、高级选择器

6、css的继承性

7、css的层叠性

8、color属性

9、font-size属性

10、font-family属性

11、line-height属性

12、ps的切图

13、FW的简单操作

第6天 CSS

1、font-weight属性

2、font-style属性

3、text-indent属性

4、text-align属性

5、text-decoration属性

6、盒模型的初步认识

7、padding详解

8、margin详解

9、border详解

10、清除默认样式

第7天 CSS

1、盒模型的拓展知识

3、宽度剩余法

4、height高度设置法

5、margin特性之垂直方向上的塌陷

6、margin特性之不能用儿子去踹父亲

7、父子盒模型的特性

8、居中的几种设置方法

9、认识标准文档流

10、标准文档流的特性

11、块级元素和行内元素的特性

12、BFC与IFC

13、浮动的基础知识

14、浮动的作用

15、浮动的特性之浮动的元素脱离标准文档流

16、浮动的特性之浮动的元素没有margin塌陷

17、浮动的特性之浮动的元素依次贴边

18、浮动的特性之浮动的元素让出标准流的位置

19、浮动的特性之字围效果

第8天 CSS

1、浮动存在的问题

2、清除浮动的方法之给父盒子加高度

3、清除浮动的方法之加clear属性

4、清除浮动的方法之加隔墙法

5、清除浮动的方法之overflow法

6、网页大布局的书写

7、a标签的伪类

8、a标签伪类的顺序不能颠倒

9、a标签伪类的应用实例之按钮实例

10、a标签伪类的应用实例之导航栏实例

11、background-color背景色的详解

11、background-image背景图的详解

12、background-repeat背景重复的详解

13、background-position背景定位的详解

14、精灵图的使用方法及案例

15、使用ps制作精灵图

第9天 CSS

1、background-attachment背景是否滚动的设置

2、背景的应用之文字换图片案例

3、背景的应用之padding设置背景图案例

4、position：relative的详解

5、position：relative的负值表示法

6、position：relative的应用之元素位置微调的实例

7、position：absolute的详解

8、position：absolute的特性之不针对祖先元素的定位参考点

9、position：absolute的特性之祖先元素有定位的参考点

10、position：absolute的特性之绝对定位的顶点

11、position：absolute的特性之利用绝对定位制作压盖效果

12、position：absolute的特性之绝对定位的元素设置水平居中

第10天 CSS

1、position：absolute的实例之呼吸轮播图布局

2、position：absolute的实例之滚动轮播图布局

3、position：fixed的详解

4、z-index属性的详解

5、css常用单位总结：em，rem，px，pt，pc，in，mm，cm

6、html hack的详解

7、css值hack的详解

8、css选择器hack的详解

9、IE6的兼容性问题

第11天 项目实战

1、制作博雅互动的页面

2、分析页面的结构

3、搭建html结构代码

4、搭建css样式代码

第12天 HTML 5

1、html5的简介

2、HTML5的新骨架和语义化标签

3、新的input控件

4、placeholder属性的详解

5、autofocus属性的详解

6、autocomplete属性详解

7、datalist标签的详解

8、video标签的详解

9、audio标签的详解

10、css3的简介

第13天 CSS 3

1、属性选择器的详解

2、儿子序选择器的详解

3、儿子类型序选择器的详解

4、节点关系选择器的详解

5、表单的伪类

6、节点的伪类

7、伪类的应用

8、伪元素的应用

第14天 CSS 3

1、border-radius属性的详解

2、box-shadow属性的详解

3、text-shadow属性的详解

4、单行截字与多行截字

4、background-origin属性的详解

5、background-clip属性的详解

6、background-size属性的详解

7、渐变背景的详解

8、多背景的详解

9、过渡的基础知识

10、2D变形的详解

第15天 CSS 3

1、2D变形实例

2、空间移动

2、@keyframes规则的详解

3、animation属性的详解

4、animation属性制作动画的实例

5、box-sizing属性的详解

6、响应式布局的详解

6、百分比布局的详解

7、弹性盒与flex布局

8、列表布局

9、双飞翼布局

10、圣杯布局

11、rem布局

12、其他常用响应式布局

第16天 BootStrap

1、固比固模型的详解

2、媒体查询的详解

3、内嵌式媒体查询的详解

4、Bootstrap使用步骤

5、Bootstrap栅格系统的详解

6、Bootstrap栅格系统的实例

7、Bootstrap的排版之对齐类

8、Bootstrap的排版之强调类

9、Bootstrap的表单使用及实例

10、Bootstrap的按钮，图片的使用及实例

11、Bootstrap的字体图标

12、Bootstrap的导航等工具的使用及实例

第17天 项目实战

1、制作线上项目移动端的页面

2、分析页面的结构

3、搭建html结构代码

4、搭建css样式代码

第18天 项目实战

1、制作线上项目的页面

2、分析页面的结构

3、搭建html结构代码

4、搭建css样式代码

第19天 JavaScript基础

1、Javascript简介

2、Javascript的书写位置

3、alert语句

4、console.log（）语句

5、数字字面量

6、字符串字面量

7、变量的声明

8、变量的赋值

9、变量声明的提升

第20天 JavaScript基础

1、数据类型的检测方法

2、数据类型的转换方法

3、数学运算符

4、Math对象的几种方法

5、比较运算符

6、逻辑运算符

7、短路语法

第21天 JavaScript基础

1、赋值运算符

2、综合运算的顺序

3、if语句的详解

4、三元运算符的详解

5、switch语句的详解

6、for循环语句的详解

7、穷举思想的详解

8、累加器和累乘器的实例

第22天 JavaScript基础

1、do while语句的详解

2、while语句的详解

3、break用法的详解

4、continue用法的详解

5、函数语句的声明

6、函数语句的调用

7、函数的参数详解

8、函数的返回值的详解

9、函数表达式

10、函数的数据类型

第23天 JavaScript基础

1、函数声明的提升

2、递归函数的详解

3、局部变量和全局变量的详解

4、变量的作用域

5、作用域链的详解

6、函数的作用域

7、闭包的详解

8、arguments的详解

9、IIFE的详解

第24天 JavaScript基础

1、数组的基础知识

2、结合数组观察闭包

3、数组的遍历

4、数组的首尾操作方法

5、数组的合并和拆分方法

6、数组的删除方法

7、数组的插入方法

8、数组的替换方法

9、数组的排序方法

10、数组转换为字符串的方法

11、charAt（）方法的详解

12、concat（）方法的详解

13、indexOf（）方法的详解

14、slice（）方法的详解

15、split（）方法的详解

16、substr（）方法的详解

17、substring（）方法的详解

18、toLowerCase（）方法的详解

19、toUpperCase（）方法的详解

第25天 JavaScript基础

1、正则表达式的概念

2、正则表达式的精确匹配

3、正则表达式的预定义特殊字符

4、正则表达式的字符集

5、正则表达式的修饰符

6、正则表达式的边界

7、正则表达式的预定义类

8、正则表达式的量词

9、正则表达式的分组

10、正则表达式的或操作符

11、正则表达式分组的反向引用

12、正则表达式的中文

13、正则表达式的实例

第26天 JavaScript基础

1、setTimeout（）方法的详解

2、setInterval（）方法的详解

3、DOM的基础知识

4、操作html的方法

5、getElementsById（）方法的详解

6、getElementsByTagName（）方法的详解

7、操作css的方法

8、getComputedStyle（）方法的详解

9、currentStyle（）方法的详解

第27天 JavaScript基础

1、DOM中事件的几种方法

2、批量添加事件监听的方法

3、对应思想的实例

4、排他思想的实例

5、选项卡实例

6、对象基础知识

7、JSON的基础知识

8、JSON的遍历方法

第28天 jQuery

1、jQuery简介

2、使用方式

3、$函数

4、jQuery对象

5、选择器

6、jQuery函数

7、常见方法

8、css方法

9、show方法、hide方法

10、on,trigger，off()方法

第29天 jQuery

1、slideDown方法、slideUp方法

2、fadeIn方法、fadeOut方法

3、html方法

4、addClass方法、removeClass方法

5、attr方法

6、节点关系

7、$(this)

8、parent()

9、children()

10、siblings()

11、连续打点

12、其他节点关系方法

13、jQuery中的序号

14、eq()

15、index()

16、对应

17、each()方法

第30天 jQuery

1、animate()方法

2、animate()方法概述

3、哪些属性能够参与动画

4、动画的顺序

5、回调函数

6、delay()延迟

7、stop()方法

8、动画积累的防止

9、交叉淡入淡出轮播

第31天 jQuery

1、呼吸轮播图的变种

2、火车法轮播图

3、布局和CSS

4、按钮事件

5、三位置法轮播图

6、布局和css

7、按钮事件

8、小圆点事件

9、间歇模型

第32天 jQuery

1、手风琴效果

2、篮球计分系统

3、普通思维

4、数组思维

5、异形滚动

6、布局和css

7、分析

8、按钮功能完成

第33天 jQuery 项目实战

1、项目实战

2、分析页面布局

3、搭建html结构

4、书写css样式

5、书写页面交互效果

第34天 JavaScript进阶

1、DOM深入

2、概述 节点类型

3、DOM访问

4、属性访问和设置

5、节点关系

6、子节点属性childNodes

7、firstChild和lastChild属性

8、parentNode属性

9、nextSibling和prevSibling属性

10、节点操作

11、创建节点和上树

12、移动节点

13、删除节点 removeChild()方法

14、替换节点 replaceChild()方法

15、克隆节点 cloneNode()方法

16、jQuery中的节点操作

17、$创建节点

18、上树的8种方法

19、wrap()和unwrap()、wrapAll()

20、replaceWith()和replaceAll()方法

21、empty()和remove()方法

22、clone()方法

23、animate函数编写

第35天 JavaScript进阶

1、事件流程

2、事件流概述

3、DOM0级事件监听方法

4、DOM2级事件监听

5、低版本IE的事件添加

6、事件绑定小轮子

7、event事件对象

8、IE6、7、8的兼容问题

9、通用属性

10、阻止事件冒泡

11、阻止默认事件

12、三个案例

13、鼠标位置

14、拖拽模型

15、剪切页面

第36天 JavaScript进阶

1、clientWidth、clientHeight

2、offsetWidth、offsetHeight

3、offsetLeft、offsetTop

4、clientLeft、 clientTop

5、innerWidth、innerHeight

6、outerWidth、outerHeight

7、offsetParent、offsetLeft、offsetTop

8、offsetParent() position()

9、offset()

10、京东商城放大镜布局 + 样式

第37天 JavaScript进阶

1、京东商城放大镜

2、京东商城放大镜兼容

3、onscroll事件以及触发条件

4、京东导航一布局及样式

5、京东导航二功能及节流

6、滚轮事件兼容性以及默认事件

7、鼠标滚轮事件对象

8、鼠标滚轮轮播图

9、键盘事件 事件个数 触发条件 事件对象

10、小案例-钢琴

第38天 JavaScript进阶

1、创建对象的三种方式

2、创建相似对象

3、创建相似对象的弊端（类型无法区分）

4、构造函数 四步走

5、函数共享问题如何解决？

6、函数共享问题的解决

7、构造函数的原型

8、打字小游戏一

9、打字小游戏二

10、打字小游戏三

11、安全类

第39天Javascript进阶

1、模拟jQuery一 构造函数的应用一

2、模拟jQuery一 构造函数的应用二

3、模拟jQuery一 构造函数的应用三

4、模拟jQuery一 构造函数的应用四

5、模拟jQuery二 各种方法

6、模拟jQuery三 各种方法

7、使用自己的jQuery写一个轮播图

第40天JavaScript进阶 项目实战

1、项目实战贪吃蛇游戏

2、项目分析-类的划分和定义

3、渲染地图

4、渲染蛇

5、蛇移动

6、蛇头图片和蛇尾图片

7、主循环

8、边界判定

9、渲染食物

10、蛇吃食物并生长

11、食物的重置

12、蛇吃自己

13、渲染障碍

14、检测障碍

15、食物的重置修改

第41天 JavaScript进阶

1、ES5

2、JSON对象

3、数组方法

4、判断数组

5、indexOf方法和lastIndexOf方法 讲解并实现

6、forEach方法 讲解并实现

7、map方法 讲解并实现

8、fill方法 讲解并实现

9、some方法 讲解并实现

10、every方法 讲解并实现

11、filter方法 讲解并实现

12、reduce方法 讲解并实现  reduceRight方法

13、addNum方法 讲解并实现

第42天 Javascript进阶

1、严格模式

2、全局严格模式

3、局部严格模式

4、函数参数

5、同名属性

6、delete关键字

7、关键字、保留字、特殊变量

8、8进制

9、特殊字符串

10、eval

11、arguments.callee

12、with

13、日期拓展

14、复习call和apply

15、bind方法的讲解并实现

16、对象的创建create

17、密封对象 seal

18、冻结对象 freeze

19、对象特性

第43天 CSS 3D

1、复习2d知识

2、背面不可见属性

3、过渡和动画事件

4、3DtranslateZ + perspective

5、先平移再旋转 与 先旋转再平移

6、transform-style： preserve-3d

7、立方体

8、3d碎片轮播图布局

9、3d碎片轮播图样式

10、3d碎片轮播图代码

第44天 移动端

1、touchstart事件

2、touchmove事件

3、touchend事件

4、touchcancel事件

5、事件对象

6、手指滑动轮播图（携程）

7、zepto介绍

8、地图API

9、highcharts

10、 标题

11、横坐标轴

12、纵坐标轴

13、提示框

14、数据点的细节

15、署名

16、图例

17、数据列

18、百度天气

19、导出图片

20、动态更新图表

第45天 模块化

1、工作中常见问题

2、seajs定义模块

3、Require模块

4、使用具有id的模块

5、暴露接口4大类方法

6、模块对象

7、异步加载模块

8、同步加载与异步加载

9、配置

10、预加载插件

11、加载css文件

12、MVC模块化

13、requirejs定义模块

14、模块对象

15、使用具有id的模块

16、模块覆盖

17、接口暴露

18、配置

19、Css插件

20、MVC模块化

第46天 HTML5

1、音频

2、视频

3、本地存储

4、会话存储

5、本地存储案例

6、多线程一

7、多线程二

8、事件推送

9、websql

10、history

11、 定位

12、 调用摄像头

13、 webGl

第47天 Canvas

1、canvas简介

2、坐标系的概念

3、路径的概念

4、连线

5、画圆

6、画方

7、绘制图片一

8、绘制图片二

9、绘制图片三

10、旋转坐标系

11、平移坐标系

12、保存+恢复状态

13、获取像素信息

14、操作像素

15、融合属性

16、像素检测

第48天 flappybird像素鸟游戏 项目实战

1、布局和分析

2、背景类

3、管子类

4、绘制管子

5、管子移动

6、鸟类

7、渲染鸟

8、鸟的升降旋转

9、碰撞检测

第49天 打地鼠游戏 项目实战

1、布局和分析

2、地鼠类

3、渲染地鼠

4、地鼠重置

5、分数渲染

6、地鼠死亡

7、锤子

8、重新开始

9、音乐开关

第50天 设计模式

1、设计模式简介

2、设计模式分类

3、简单工厂模式

4、寄生增强工厂

5、工厂方法

6、原型、继承

7、安全类

8、闭包类

9、惰性单例

10、jQuery中的观察者模式

11、自己的观察者模式

12、DOM2级观察者模式

13、微博

14、观察者模式的注销事件

15、Backbone中的观察者模式实现

16、Backbone单次注册消息once方法实现

第51天 设计模式

1、适配器模式

2、jQuery中的策略模式

3、打折策略

4、表单正则策略

5、组合模式

6、jQuery中的迭代器

7、underscore中的迭代器

8、自己的迭代器

9、委托模式一 减少事件数量

10、委托模式二 预言未来元素

11、委托模式三 防止内存泄漏

第52天 设计模式

1、命令的定义

2、命令的调用

3、节流器模式为什么要存在——京东导航

4、节流器模式的实现（使用和停止）

5、最终节流器

6、jQuery实现-工厂模式

7、jQuery实现-拓展类

8、jQuery-链模式

第53天 NodeJS与Ajax

1、服务器知识复习（请求、响应、类型）

2、http请求流程

3、NodeJS简介（官网、下载、作用、历史）

4、NodeJS安装以及环境变量

5、NodeJS特点（单线程、非阻塞I/O、事件驱动）

6、NodeJS简单服务器

7、NodeJS原生中的请求对象和响应对象及方法

8、表单发送get请求及node处理

9、表单发送post请求及node处理

第54天 Nodejs与Ajax

1、get请求和post请求的区别

2、AJAX简介

3、AJAX四步

4、AJAX发送get请求

5、AJAX发送post请求

6、AJAX兼容性

7、AJAX要的是JSON以及字符串转对象的三种方式

8、jQuery中的ajax

9、jQuery中的序列化表单--数组会自带[]

10、AJAX封装

11、表单序列化

第55天 Ajax

1、瀑布流简介---花瓣网

2、瀑布流布局---0~99图片---发现底部不平问题

3、瀑布流布局---0~99图片---解决底部不平问题

4、花瓣网布局

5、花瓣网数据抓取

6、发送ajax请求抓取数据并分析

7、新问题---如何将ajax请求回来的数据放入界面上

8、解决方案----模板

9、新问题---如何将内容放入模板---解决方案：格式化函数

10、最终渲染完毕

第56天 Ajax

1、域和同源策略

2、JSONP跨域

3、JSONP轮子

4、name跨域

5、document.domain跨域

6、HTML5中的window.postMessage方法

7、代理模板

第57天 框架设计-MVC与Backbone

1、MVC介绍

2、M层的实现

3、V层的实现

4、C层的实现

5、MVC暴露内容

6、静态服务器和模块划分

7、创建视图的步骤（背景模块）

8、背景模块样式

9、背景模块交互

10、头部模块数据

11、头部模块视图一

12、头部模块视图二

第58天 框架设计-MVC 项目实战

1、头部视图和样式

2、头部控制器

3、使用观察者模式解决跨模块通信问题

4、carousel模块一视图

5、carousel模块二样式

6、carousel模块三交互

7、whatwedo模块一视图

8、whatwedo模块二样式

9、latestworks模块一视图

10、latestworks模块二样式

11、latestworks模块三交互

第59天 框架设计-MVVM

1、posts模块一视图

2、posts模块二样式

3、portfolio模块一视图

4、portfolio模块二样式

5、portfolio模块三交互一

6、portfolio模块三交互二

7、portfolio模块三交互三

8、MVVM模式

9、MVVM封装组件

第60天 TypeScript+Github

1、安装git

2、linux常见指令

3、git文件状态

4、git指令

5、建立信任关系

6、上传文件

7、拉取版本库

8、Typescript

9、工程化编译

10、枚举类型

11、函数

12、类

13、继承

14、对象接口

15、函数接口

16、类接口

17、模块

第61天 ECMAScript 6

1、浏览器端编译ES6

2、服务器器端编译ES6

3、Let关键字

4、常量

5、字符串位置

6、多行字符串

7、重复字符串

8、原始字符串

9、数字对象拓展

10、数学对象拓展

11、Form方法

12、Of方法

13、获取数组成员

14、数组拷贝

15、对象字面量

16、Is判断方法

17、数组迭代器方法

第62天 ECMAScript 6

1、Assign方法

2、Symbol类型

3、代理

4、默认参数

5、获取剩余参数

6、对象解构

7、数组解构

8、箭头函数

9、箭头函数作用域

10、Set对象

11、Weakset对象

12、Map对象

13、Weakmap对象

14、迭代器

15、Generator函数

16、Promise对象

第63天 NodeJS与Express

1、模块（核心模块、第三方模块）

2、模块（自定义模块、暴露接口、CommonJS规范）

3、URL模块和PATH模块

4、静态服务器完善

5、调查表案例

6、文件上传formidable

7、Express简介

8、express路由

9、express静态化文件夹

第64天 NodeJS与MogonDB

1、EJS模板（后端渲染）

2、Mongo数据库的安装

3、Mongo数据库的介绍

4、增删改查

5、NodeJS连接MongoDB

6、注册布局

7、检测用户名

8、注册逻辑

9、登录逻辑

第65天 NodeJS 项目实战

1、cookie的简介

2、session的简介

3、框架搭建

4、注册逻辑一

5、注册逻辑二

6、主页

7、创建相册功能

8、删除相册功能

9、显示相册内容

10、文件上传

第66天 NodeJS

1、删除图片

2、权限操作分析

3、图片修改状态

4、全部相册逻辑

5、我的相册逻辑

6、GM模块的简单使用

7、头像裁剪布局

8、头像裁剪功能

9、退出功能

第67天 NodeJS 项目实战

1、聊天室功能介绍

2、AJAX轮询聊天室（布局）

3、AJAX轮询聊天室（功能）

4、Socket.io模块简介

5、Socket.io模块测试

6、Socket.io模块聊天室（布局）

7、Socket.io模块聊天室（功能一 实时聊天）

8、Socket.io模块聊天室（功能二 用户进入之后显示欢迎）

9、Socket.io模块聊天室（功能三 用户离开之后显示欢送）

10、Socket.io模块聊天室（功能四 全体禁言）

第68天NodeJS与KOA

1、koa简介

2、安装koa

3、搭建服务器

4、context对象

5、HTTP请求

6、静态资源与重定向

7、网页模板

8、配置路由

9、中间件与配置

10、错误处理

11、cookie和session

12、表单提交

13、文件上传

14、链接数据库

15、对比KOA与Express

第69天 Webpack工程化+ Gulp工程化

1、体验gulp

2、Task任务

3、读写文件

4、监听文件

5、Globs语法

6、重命名插件

7、压缩js插件

8、压缩css插件

9、压缩html插件

10、项目实战

11、文件打包

12、语法检测

13、图片压缩

14、Webpack

15、Webpack-dev-server

16、图片加载机

17、压缩js插件

18、环境变量与全局变量

19、Hot module

第70天 CSS预编译LESS + SASS

1工程化编译less

2、变量

3、混合

4、方法

5、条件语句

6、数学方法

7、色彩四类方法

8、字符串方法

9、作用域

10、导入文件与JS语句

11、插值语法

12、工程化编译sass

13、变量

14、属性嵌套

15、混合

16、混合传参与获取剩余参数

17、继承

18、作用域

19、数学，字符串与色彩运算

20、插值语法

21、If条件语句与三元语句

22、For循环语句与栅格化系统

23、While循环与枚举循环

第71天 微信开发 项目实战

1、注册微信小程序

2、全局配置

3、App应用程序

4、Page页面

5、模块化开发

6、路由

7、If指令与for指令

8、模板

9、事件

10、引入文件

11、项目实战--明信片

第72天 Angular 1.0

1、Angular简介

2、Angular双向绑定

3、初始化数据

4、获取应用该程序

5、作用域

6、事件

7、显隐页面

8、插值表达式

9、过滤器

10、日期过滤器

11、日期过滤器实现

12、Filter过滤器

13、字符串过滤器

14、排序过滤器

15、数字过滤器

16、自定义过滤器

第73天 Angular 1.0

1、脏值检测

2、注册页面

3、Ng-readyonly

4、Ng-disabled

5、Ng-checked

6、Ng-change

7、Ng-submit

8、根作用域

9、作用域

10、Ng-href

11、Ng-src

12、绑定类

13、绑定样式

14、If模板指令

15、多分支模板指令

16、循环模板指令

17、Ng-include

第74天 Angular 1.0

1、自定义指令

2、指令作用域

3、自定义指令内容作用域

4、自定义指令模板作用域

5、@修饰符

6、=修饰符

7、&修饰符

8、Link方法

9、实现ng-show指令

10、实现ng-bind指令

11、实现ng-class指令

12、Transclude属性

13、自定义指令嵌套

14、表单验证指令

15、作用域丢失

16、倒计时

第75天 Angular 1.0

1、$http服务

2、Get请求

3、Post请求

4、Factory自定义服务

5、Service自定义服务

6、自定义观察者模式服务

7、指令路由

8、路由控制器

9、路由重定向

10、路由事件

11、Location服务

12、Ui路由

13、路由参数

14、多视图渲染

15、重定向以及默认路由

16、子路由

17、Ui路由事件

第76天 Angular 1.0项目实战

1、环境配置

2、登录检测

3、登录模块

4、首页模块

5、导航模块

6、创建用户

7、用户列表

8、用户详情

9、创建新闻

10、新闻列表

11、新闻详情

第77天 Angular 6.0

1、安装@angular/cli

2、创建项目

3、组件、注解与元信息

4、选择器与样式

5、插值

6、子组件

7、组件通信

8、事件

9、局部模板变量

10、Ng-if指令

11、Ng-switch指令

12、Ng-for指令

13、自定义管道

14、Form表单以及脏值检测

15、自定义指令

16、自定义服务

17、RxJS与Promise

18、路由模块

19、组件继承

第78天 Angular 6.0项目实战

1、配置环境

2、首页组件

3、展示信息

4、提交信息

5、存储数据

6、组件通信

7、更新视图

8、删除信息

第79天 Vue 2.0

1、体验vue

2、webpack配置ES6开发环境

3、选择器

4、数据绑定与数据丢失

5、插值

6、数据动态绑定

7、数据双向绑定

8、类的三种绑定方式

9、新浪案例

10、样式的三种绑定方式

11、淘宝案例

12、underscore条件语句

13、v-if指令

14、template模板v-if

15、underscore循环指令

16、v-for指令

17、template循环指令

18、支付宝注册

第80天 Vue 2.0

1、多选框

2、单选框

3、下拉框

4、Hao123下拉框

5、事件

6、键盘事件修饰符

7、淘宝注册

8、自定义指令

9、京东注册

10、自定义过滤器

11、京东商品价格

12、登录页面

第81天 Vue 2.0

1、过滤器

2、过渡

3、组件

4、子组件向父组件通信

5、体验路由

6、路由参数

7、默认路由

8、子路由

9、路由导航

10、异步请求

第82天 Vue 2.0项目实战

1、创建页面组件

2、搭建路由

3、Header与工具方法

4、分类按钮

5、广告视图

6、商品列表

7、列表页

8、列表页交互

9、详情页

第83天 VueX

1、项目模块化

2、Amd规范模块化

3、Vuex实现组件通信

4、Vuex同步操作更新数据

5、Vuex异步操作更新数据

6、ES6中使用插件

7、Vue组件

8、Webpack编译Vue组件

9、体验vue-cli

10、vue-cli操作指令

第84天 Vue/cli + Router + VueX + ES6 + Webpack项目实战

1、vue-cli安装项目

2、安装插件

3、引入LESS

4、配置路由

5、获取店铺数据

6、渲染店铺视图

7、店铺商品页面

8、商品分类页面

9、缓存数据

10、Vuex共享数据

第85天 React

1、react简介

2、创建组件

3、Jsx语法

4、工程化编译jsx语法

5、插值

6、新闻列表

7、属性

8、样式

9、事件

10、状态

11、换肤

第86天 React

1、组件创建期

2、子组件

3、组件存在期

4、组件销毁期

5、非元素属性

6、非约束性组件

7、约束性组件

8、下拉框约束性与非约束性

9、单选框约束性与非约束性

10、使用非react类库

11、使用侵入式插件

第87天 React项目实战

1、子组件向父组件通信

2、兄弟组件通信

3、项目部署

4、导航组件

5、Banner组件

6、首页组件

7、起步页组件

8、起步页样式

9、CSS组件

10、抽象组件

11、模块化

第88天 React与Reflux项目实战

1、项目部署

2、加载动画

3、图片加载器

4、请求数据

5、配置路由

6、Banner组件

7、首页组件

8、分类组件reflux实现

9、Search组件reflux实现

10、模块化

第89天 React与Redux项目实战

1、Redux

2、Redux通信

4、React引入Redux

5、ES Module规范

6、虚拟DOM

7、创建组件

8、定义路由

9、header组件

10、axios异步请求

11、首页

12、详情页

13、评论页

14、提交评论

15、返回逻辑

第90天 ReactNative 项目实战

1、安装reactNative环境

2、体验ReactNative

3、内置组件

4、配置环境

5、首页组件

6、展示信息

7、提交信息

8、存储数据

9、组件通信

10、更新视图

11、删除信息

第91天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战

第92天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战

第93天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战

第94天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战

第95天 KOA + MongoDB + React + Vue + Angular + ES6 + Webpack 项目实战

第96天 就业辅导

第97天 面试模拟

第98天 毕业设计

第99天 毕业设计

第100天 毕业答辩

初级课

01 第11天 css 项目实战 游戏网站

02 第17天 移动端 项目实战 携程网站

03 第18天 Bootstrap 项目实战 博客网站

04 第33天 jQuery 项目实战 Design Studio

05 第40天 javascript进阶 项目实战 贪吃蛇游戏

高级课

06 第48天 html5游戏 项目实战 flappy bird

07 第49天 html5游戏 项目实战 打地鼠游戏

08 第58天 MVC 项目实战 Zeences Design

09 第65天 nodejs 项目实战 相册系统

10 第67天 node socket 项目实战 聊天系统

11 第71天 微信 项目实战 个人明信片

12 第76天 Angular 1.0 项目实战 新闻后台管理系统

13 第78天 Angular 6.0 项目实战 备忘录系统

14 第82天 vue 项目实战 美团网

15 第84天 vue cli 项目实战 百度外卖

16 第87天 react 项目实战 Bootstrap官网

17 第88天 Reflux 项目实战 网址导航

18 第89天 Redux 项目实战 腾讯新闻

19 第90天 ReactNative 项目实战 日事清系统

20 第91天 毕设项目 项目实战

（20）第91天 KOA搭建搭建服务器

（21）第92天 MongDB搭建数据库

（22）第93天 AngularJS搭建后台管理系统

（23）第94天 Vue移动端网站

（24）第95天 React PC端网站

注：从Angular 6.0开始，全部为ES6语法教学

第1套  HTML与CSS测试

第2套 JavaScript基础测试

第3套 Javascript进阶测试

第4套 Ajax阶段测试

第5套 NodeJS测试

第6套 算法与设计模式测试

第7套 Angular相关测试

第8套 Vue相关测试

第9套 React相关测试

第10套 综合测试

 

Web前端开发工程师，主要职责是利用HTML、XHTML、CSS、JAVAScript、FLASH等各种Web前端技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web前端开发，致力于通过技术改善用户体验。

 

第一阶段：页面制作基础

从这一基础阶段开始，正式学习Web前端开发需要的编程语言HTML,CSS和JavaScript。HTML和CSS用于Web静态内容的展示，JavaScript用于Web动态交互。完成这一阶段前端开发的学习，你就可以独立实现一个动静结合的Web前端项目啦！

 

第二阶段：主流框架应用

优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架，包括bootstrap、Angularjs等，来提高前端开发效率。在学习前端框架本身的同时，也希望你能掌握任意一种快速上手的web前端框架的方法！?

 

第三阶段：前端技术进阶

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

 

第四阶段：前端技术拓展

web前端技术发展日新月异，因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于、Backbone、bootstrap等技术的拓展学习和web前端项目的实战开发演练。