|
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前端项目的实战开发演练。 第一部分 html与css入门 共100课时
课时名称
1html简介
2html骨架
3元标签-编码
4元标签-关键字与描述
5标签空白符
6标题标签
7段落标签
8注释
9块元素与行内元素
10超链接
11图片标签
12绝对路径与相对路径
13无序列表
14有序列表
15列表嵌套
16定义列表
17表格
18单元格拆分与合并
19表格头尾
20表单元素
21下拉框与文本输入框
22表单分组
23常见字符实体
24文字标签
25语义化标签
26废弃标签
27css简介
28css三种书写方式
29css常见选择器
30id选择器与类选择器注意事项
31选择器组合
32后代选择器
33交集选择器与并集选择器
34选择器通配符
35腾讯新闻列表
36选择器权重
37就近原则
38样式引入方式权重比较
39权重计算练习
40important提升权重
41盒模型
42IE盒模型
43内边距与外边距
44边框属性
45盒子居中
46外边距重计算盒子宽度
47文字属性
48css常见单位
49文字修饰属性
50文字属性继承性
51文字水平居中与垂直居中
52图片元素排版
53超链接标签默认样式
54腾讯体育
55超链接标签伪类
56伪元素
57背景样式与图片
58背景平铺与背景位置
59背景在SEO中的应用
60块元素设置背景
61行内元素设置背景
62伪元素设置背景
63水平精灵图
64垂直精灵图
65定点精灵图
66hao123
67四种箭头
68hao123箭头
69css绘制集合图形
70块元素与行内元素特性
71块元素与行内元素转化
72浮动元素
73浮动元素与文档流
74浮动元素特性
75浮动元素与边距
76浮动元素父元素高度丢失
77清除浮动
78清除浮动的7中方式
79新浪布局
80列表布局
81双飞翼布局
82圣杯布局
83排查错误
84相对定位
85表单对齐
86新浪tab栏
87绝对定位
88子绝父相
89jd轮播图
90文本居中，行内元素居中与块元素居中
91优酷
92固定定位
93遮盖
94拼爹
95html 注释 hack
96css属性hack
97IE6-交集选择器与DTD内减盒模型
98IE6-最小高度与盒子位置
99IE6-overflow与透明度
100IE6-双倍margin与3像素bug 第二部分 源生javascript 共150课时
课时名称
1前端输出语句
2javascript的三种引入方式
3javascript注释
4数字
5字符串
6变量定义与变量提升
7数据类型
8加法运算与字符串拼接
9数据类型转换
10算术运算符
11算术一元运算符
12赋值运算符
13比较运算符
14逻辑运算符
15三元运算符
16其他运算符
17运算符优先级
18if条件语句
19switch多分支判断语句
20for循环语句
21绘制九九乘法表
22棋盘与大米
23寻找质数
24寻找水仙花数
25数7游戏
26循环关键字
27while循环
28do while循环
29猜数字
30定义函数的两种方式
31函数参数
32函数返回值
33寻找约数
34哥德巴赫猜想
35斐波那契数列
36递归
37函数声明提升
38函数引用类型
39函数作用域
40函数内部作用域与变量
41闭包
42闭包与作用域
43循环中的闭包
44数组类型与属性
45遍历数组
46解析数组pop与push方法
47解析数组shift与unshift方法
48解析数组concat与reverse方法
49解析数组slice与splice方法
50解析数组join与sort方法
51字符串属性与转化方法
52解析获取子字符串方法indexOf与lastIndexOf
53解析截取子字符串的三个方法slice，substring，substr
54冒泡排序算法与快速排序算法
55解析数组sort方法
56解析拼接字符串与大小写转化方法
57获取字符位置charAt与charCodeAt方法与比较方法localCompare
58正则表达式与创建方式
59字符串截取转化数组方法split
60检索字符串方法search
61匹配字符串方法match
62替换字符串方法replace
63正则匹配方法exec
64正则检测方法test
65正则表达式-特殊字符
66正则表达式-预定义特殊字符
67正则表达式-字符集
68正则表达式-分界
69正则表达式-预定义类
70正则表达式-量词
71正则表达式-修饰符
72正则表达式-其他
73正则表达式-分组
74正则表达式-验证手机号
75正则表达式-验证邮箱
76arguments与函数重载
77IIFE即时执行方法
78document对象
79获取元素的几种方法
80元素类名与id设置
81元素属性设置
82修改或者获取元素内容
83元素类型
84创建元素
85元素添加子节点
86删除元素
87复制元素
88获取css样式
89设置css样式
90事件流
91html处理程序
92传统事件处理程序
93HTML与DOM0级事件
94DOM2级事件处理程序
95IE事件处理程序添加与移出
96跨浏览器事件处理程序封装
97事件对象
98事件类型与目标元素
99阻止默认行为与阻止事件冒泡
100跨浏览器事件对象
101UI事件
102UI事件实战
103键盘事件
104键盘事件实战
105焦点事件
106焦点事件实战
107鼠标事件
108鼠标事件实战
109滚轮事件
110滚轮事件实战
111javascript获取盒子位置
112javascript获取盒子宽高
113定时器与异步操作
114计时器
115简单动画
116动画启停控制
117轮播图连续动画
118多属性变化
119运动框架
120运动框架实战
121缓冲函数
122缓存函数公告切换
123缓存函数表单滚动
124缓存函数轮播图
125JSON对象
126JSON对字符串解析
127JSON对对象反解析
128JSON对象遍历
129更改函数作用域
130call与apply区别
131对象
132日期对象
133日立
134时钟
135数字对象
136最大值与最小值
137数字四舍五入
138数字对象其他方法介绍
139求几何形状面积
140类的创建
141类的属性以及方法
142闭包类
143绘制图形
144构造函数式继承
145类式继承
146组合继承
147寄生式继承
148寄生组合式继承
149继承实战一
150继承实战二 第三部分 jquery与bootstrap 共60课时
课时名称
1jQuery对象
2id选择器效率
3tagName选择器效率
4class选择器效率
5常规筛选
6层级筛选
7基本筛选
8内容筛选
9可见筛选
10属性筛选
11子元素筛选
12表单筛选
13属性获取与设置
14表单元素值
15css样式方法
16判断，添加与删除类
17宽高获取
18获取坐标方法offset
19获取坐标方法position
20滚动条方法
21元素属性数据方法
22事件绑定
23事件对象，默认行为与冒泡
24节点拷贝方法clone
25父节点与子节点
26兄弟节点
27内部插入节点
28外部插入节点
29节点删除
30animate方法
31筛选子元素方法eq与get
32获取子元素索引方法index
33遍历方法each
34jquery实例化对象size方法与length
35元素显隐方法show，hide，toggle
36上拉下拉显隐动画slideDown，slideUp
37渐变动画fadeIn，fadeOut
38动画队列方法stop与finish
39动画延迟方法delay
40元素判定方法is
41bootstrap体验
42字体图标
43按钮组
44栅格布局
45代码样式
46工具类
47按钮与图片
48排版
49表单
50表格
51导航与路径导航
52分页，标签与徽章
53缩略图，警告框，进度条
54模态框
55下拉菜单
56滚动监听
57标签页
58轮播图
59工具条与弹出框
60警告框与按钮 第四部分 HTML5 CSS3与移动端开发 共50课时
课时名称
1HTML5新增标签与语义化标签
2HTML5对表单元素拓展
3HTML5制作钢琴
4HTML5播放视频
5CSS3关系选择器与属性选择器
6CSS3伪类选择器与伪对象选择器
7CSS3色彩与尺寸拓展
8CSS3边框拓展
9CSS3圆角拓展
10CSS3背景拓展
11CSS3渐变拓展
12CSS3文本特效
13CSS3字体
14CSS3多列
15CSS3用户界面
16CSS3盒模型
17CSS3弹性盒子
18CSS3响应式与媒体查询
19CSS3响应式与媒体查询实战
20CSS3过渡
21CSS3 2d变换
22CSS3 3d变换
23CSS3动画
24CSS3 3d动画
25CSS3 3d轮播图一
26CSS3 3d轮播图二
27CSS3 3d轮播图三
28CSS3 动画事件
29百分比布局
30HTML5页面布局
31移动端响应式
32移动端em与rem布局
33移动端触屏事件
34移动端拖拽
35移动端手指滑动轮播图
36移动端 zepto体验
37移动端 zepto触屏事件
38移动端项目实战一
39移动端项目实战二
40HTML5-上传图片
41HTML5-Cookie
42HTML5-sessionStorage
43HTML5-localStorage
44HTML5-websql
45HTML5-EventSource
46HTML5-web worker
47HTML5-地图定位
48HTML5-拖拽
49HTML5-拖拽插件
50HTML5-拖拽实战 第五部分 canvas游戏开发 共30课时
课时名称
1canvas检测
2canvas绘制矩形与描边矩形
3canvas绘制路径
4canvas绘制文字
5canvas移动绘制点
6canvas webgl
7canvas旋转
8canvas方法
9canvas历史记录
10canvas绘制时钟
11canvas掷骰子游戏
12canvas运动小球与边界检测
13canvas绘制混沌的宇宙
14canvas游戏运动框架
15canvas愤怒的小鸟一
16canvas愤怒的小鸟二
17canvas自由落体欲动与抛物线运动
18canvas力
19canvas碰撞检测
20canvas愤怒的小鸟
21canvas躲避小行星
22canvas投影
23canvas渐变
24canvas模式与刮刮乐
25canvas图像数据
26canvas滤镜
27canvas透明度与三原色
28canvas弹性碰撞与能量守恒
29canvas台球游戏一
30canvas台球游戏二 第六部分 微信与百度地图 共30课时
课时名称
1成为微信开发者
2创建菜单
3菜单查询
4删除菜单
5菜单事件
6接收消息
7消息事件
8被动回复
9客服消息
10群发消息
11模板消息
12网站开发
13设置元素类型
14按钮
15列表
16对话框
17进度条
18信息页与消息提示
19文章与按钮
20添加素材
21删除素材
22用户管理
23获取用户信息
24获取用户列表
25成为百度地图开发者
26控件
27覆盖物
28事件
29地图图层
30工具 第七部分 nodejs 共80课时
课时名称
1安装使用nodejs
2REPL模式
3全局对象
4util模块
5url模块
6querystring模块
7事件模块
8事件对象
9os模块
10net模块
11DNS模块
12Domain模块
13domain模块绑定
14引入path模块
15引入自定义模块
16buffer对象
17stream流
18npm介绍
19安装外部模块
20使用外部模块
21搭建服务器
22单线程应用
23非堵塞应用
24非堵塞应用
25请求对象
26解析请求
27get请求与post请求
28响应对象
29响应状态码
30设置响应头
31设置响应数据
32配置路由
33同步，异步判断文件存在
34同步，异步读文件
35同步，异步写文件
36同步，异步追加文件内容
37同步，异步修改文件名
38文件上传
39对上传文件处理
40对上传文件处理
41expres运行原理
42express-中间件
43express-use方法
44express-set与get方法
45express-response对象
46express-requst对象
47express-配置路由
48express-静态文件
49express-模板
50express-cookie
51express-session
52express-上传文件
53express-实战一
54express-实战二
55express-实战三
56安装mongoDB
57mongoDB-库操作
58mongoDB-写入数据
59mongoDB-查询数据
60mongoDB-修改数据
61mongoDB-删除数据
62mongoose安装
63mongoose-模型
64mongoose-插入操作
65mongoose-更新操作
66mongoose-删除操作
67mongoose-查询操作一
68mongoose-查询操作二
69项目实战一
70项目实战二
71项目实战三
72项目实战四
73项目实战五
74项目实战六
75项目实战七
76项目实战八
77项目实战九
78项目实战十
79项目实战十一
80项目实战十二 第八部分 设计模式 共80课时
课时名称
1设计模式概论
2工厂模式-简单工厂模式
3工厂模式-工厂模式
4工厂模式-寄生增强工厂
5工厂模式-安全工厂模式
6工厂模式-创建对象
7工厂模式-工厂方法
8原型模式-继承
9原型模式-原型模式
10单例模式-静态变量
11单例模式-惰性单例
12单例模式-闭包类
13单例模式-管理命名空间
14适配器模式-适配器模式
15适配器模式-数据适配器
16适配器模式-参数适配
17组合模式一
18组合模式二
19组合模式三
20观察者模式
21观察者模式数据传递
22观察者模式总结
23观察者模式应用
24jquery中观察者模式
25jquery中的策略模式
26策略模式-淘宝价格
27策略模式-表单验证
28策略模式-策略模式算法拓展
29模板模式-模板字符串
30模板模式-匹配拓展
31模板模式-格式化字符串
32模板模式-正则分组
33命令模式-渲染视图
34命令模式-渲染页面
35命令模式-canvas绘图一
36命令模式-canvas绘图二
37命令模式-canvas绘图三
38迭代器模式-数组迭代器
39迭代器模式-对象迭代器
40迭代器模式-面向对象中的应用
41canvas滤镜
42迭代器模式-算法优化
43迭代器模式-同步变量
44迭代器模式-dom迭代器
45迭代器
46委托模式-事件数量优化
47委托模式-为未来元素绑定事件
48委托模式-避免内存外泄
49委托模式-数据分发
50节流模式-函数节流
51节流模式-节流器
52节流模式-节流器应用
53节流模式-icon浮层
54节流模式-统计节流
55MVC-MVC原理
56MVC-M模型
57MVC-V视图一
58MVC-V视图二
59MVC-C控制器
60MVC-MVC补充
61MVC项目实战-侧边栏一
62MVC项目实战-侧边栏二
63MVC项目实战-侧边栏三
64MVC项目实战-头部模块一
65MVC项目实战-头部模块二
66MVC项目实战-邮箱浮层
67MVC项目实战-邮箱浮层样式
68MVC项目实战-邮箱浮层交互
69MVC项目实战-打开关闭浮层交互
70MVC项目实战-邮箱列表
71MVC项目实战-换肤视图部分
72MVC项目实战-换肤控制器
73MVC项目实战-换肤控制器打开关闭
74MVC项目实战-换肤保存图片
75MVC项目实战-换肤交互
76MVVM-progressbar
77MVVM-MVVM模式
78MVVM-滚动条
79MVVM-滚动条事件
80MVVM-滚动条渲染 第九部分 模块化开发 共20课时
课时名称
1文件引入与文件依赖
2seajs获取与使用
3seajs-定义模块
4seajs-引用模块
5seajs-接口暴漏
6seajs-模块与异步模块
7seajs-提示框项目
8seajs-别名配置与路径配置
9seajs-其他配置项
10seajs-预加载插件
11seajs-css加载插件
12seajs-hao123项目实战
13使用requirejs
14requirejs-定义模块
15requirejs-接口暴漏
16requirejs-根路径配置
17requirejs-path路径配置
18requirejs-map映射配置
19requirejs-shim配置
20requirejs-css插件 第十部分 大数据可视化 共15课时
课时名称
1体验Highchars
2标题模块
3坐标轴模块
4提示框模块
5格式化模板
6图例模块
7署名模块
8数据列模块
9色彩模块
10数据列细节模块
11天气预报案例
12图形分类
13图形组合
14异步绘图
15动态渲染 第十一部分 Backbone 共60课时
课时名称
1体验backbone
2创建模型
3模型默认属性
4模型构造函数
5模型转化json对象
6模型获取属性
7模型设置属性
8模型事件
9模型属性修改判断
10模型删除属性
11模型属性删除验证
12视图创建
13绑定视图元素
14外部修改视图容器元素
15模板方法
16视图渲染方法
17淘宝商品案例
18集合创建
19集合添加模型
20集合转化json对象
21获取集合中模型实例化对象
22集合删除模型实例化对象
23集合事件
24集合构造函数
25淘宝商品案例一
26淘宝商品案例二
27集合forEach遍历方法
28集合map遍历方法方法
29集合sortBy排序方法
30集合groupBy分组方法
31集合获取最小值min方法
32集合获取最大值max方法
33淘宝商品模型案例
34淘宝商品集合案例
35集合filter过滤方法
36淘宝商品搜索
37集合some断言方法
38集合every断言方法
39获取集合中模型位置方法
40获取集合长度方法
41underscore对模型方法的拓展
42观察者模式
43event自定义事件
44命名空间与事件注销
45多对象间事件监听
46多对象间事件注销监听
47路由一
48路由二
49异步获取数据方法
50项目实战-项目搭建
51项目实战-配置路由
52项目实战-视图部分
53项目实战-列表集合
54项目实战-渲染视图
55项目实战-搜索功能
56项目实战-加载图片
57项目实战-图片分类
58项目实战-返回顶部
59项目实战-大图页
60项目实战-大图页交互 第十二部分 vue 共40课时
课时名称
1试用vue
2选择器
3数据绑定
4单次插值
5过滤html标签
6插值表达式
7插值过滤器
8动态插值
9数据双向绑定
10类的三种绑定方式
11样式的三种绑定方式
12v-if条件判断指令
13v-for循环指令
14支付宝登录页面
15多选框
16单选框
17下拉框
18hao123邮箱
19表单特性
20自定义指令
21京东注册验证
22自定义过滤器
23价格过滤器
24自定义事件
25淘宝支付宝登录一
26淘宝支付宝登录二
27淘宝支付宝登录三
28回车键
29过渡
30vue组件一
31vue组件二
32创建子页面
33vue项目实战-自定义路由
34vue项目实战-header模块
35vue项目实战-首页按钮
36vue项目实战-首页广告
37vue项目实战-列表页组件
38vue项目实战-列表页交互
39vue项目实战-商品页组件
40vue项目实战-搜索交互 第十三部分 angular 共70课时
课时名称
1体验angular
2ng-init初始化变量
3获取应用程序
4控制器定义作用域
5使用事件
6显隐页面
7插值表达式
8插值过滤器
9filter过滤器
10日期过滤器
11新闻日期案例
12字符串过滤器
13数字过滤器
14数组过滤器
15自定义过滤器
16脏值检测
17注册系统
18disabled指令
19readonly指令
20checked指令
21change指令
22submit事件指令
23run方法与全局作用域
24href动态绑定
25src动态绑定
26类的绑定三种方式
27样式的三种绑定方式
28ng-if条件判断指令
29ng-switch多分支条件判断指令
30repeat循环指令
31include异步加载模板指令
32自定义指令
33自定义指令作用域
34自定义指令模板作用域
35自定义指令@作用域修饰符
36自定义指令=作用域修饰符
37自定义指令link方法
38内置指令的实现一
39内置指令的实现二
40自定义指令compile编译方法
41自定义指令transclude引入未知模板
42自定义指令require引入指令
43定时器服务
44作用域丢失
45活动倒计时
46http服务
47http服务get请求
48http服务post请求
49自定义服务
50观察者模式封装
51指令路由
52指令路由动态参数与默认路由
53路由参数服务
54location服务
55ui路由
56ui路由参数配置
57ui路由多视图渲染
58ui路由子路由
59路由事件
60项目实战-项目搭建
61项目实战-登录判断
62项目实战-登录模块
63项目实战-首页模块
64项目实战-路由配置
65项目实战-创建用户
66项目实战-用户列表
67项目实战-用户详情
68项目实战-新闻创建
69项目实战-新闻列表
70项目实战-新闻详情 第十四部分 前端工程化 共30课时
课时名称
1安装gulp
2gulp中task建立任务
3gulp中读写文件
4gulp文件监听
5gulp中globs语法
6gulp中重命名
7gulp中js压缩
8gulp中css压缩
9gulp中html压缩
10gulp中vue项目实战
11gulp中文件合并
12gulp中js检测
13fis3介绍
14试用fis3
15fis3中globs语法
16fis3中指令
17fis3中压缩css
18fis3中压缩js
19fis3中压缩png
20fis3中精灵图制作
21fis3中时间戳
22fis3项目实战
23fis3中css中嵌入资源
24fis3中html嵌入资源
25fis3中js嵌入资源
26fis3中资源打包合并
27fis3中cmd规范
28fis3中amd规范
29fis3中commonjs规范
30fis3中backbone项目实战
下载地址：
| 
