最权威的1000集大型web前端视频教程（爱创课堂出品）

教程

icktang 2016-10-31 08:52:33 UTC #1

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课时
课时 名称
1 html简介
2 html骨架
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 css简介
28 css三种书写方式
29 css常见选择器
30 id选择器与类选择器注意事项
31 选择器组合
32 后代选择器
33 交集选择器与并集选择器
34 选择器通配符
35 腾讯新闻列表
36 选择器权重
37 就近原则
38 样式引入方式权重比较
39 权重计算练习
40 important提升权重
41 盒模型
42 IE盒模型
43 内边距与外边距
44 边框属性
45 盒子居中
46 外边距重计算盒子宽度
47 文字属性
48 css常见单位
49 文字修饰属性
50 文字属性继承性
51 文字水平居中与垂直居中
52 图片元素排版
53 超链接标签默认样式
54 腾讯体育
55 超链接标签伪类
56 伪元素
57 背景样式与图片
58 背景平铺与背景位置
59 背景在SEO中的应用
60 块元素设置背景
61 行内元素设置背景
62 伪元素设置背景
63 水平精灵图
64 垂直精灵图
65 定点精灵图
66 hao123
67 四种箭头
68 hao123箭头
69 css绘制集合图形
70 块元素与行内元素特性
71 块元素与行内元素转化
72 浮动元素
73 浮动元素与文档流
74 浮动元素特性
75 浮动元素与边距
76 浮动元素父元素高度丢失
77 清除浮动
78 清除浮动的7中方式
79 新浪布局
80 列表布局
81 双飞翼布局
82 圣杯布局
83 排查错误
84 相对定位
85 表单对齐
86 新浪tab栏
87 绝对定位
88 子绝父相
89 jd轮播图
90 文本居中，行内元素居中与块元素居中
91 优酷
92 固定定位
93 遮盖
94 拼爹
95 html 注释 hack
96 css属性hack
97 IE6-交集选择器与DTD内减盒模型
98 IE6-最小高度与盒子位置
99 IE6-overflow与透明度
100 IE6-双倍margin与3像素bug

第二部分 源生javascript 共150课时
课时 名称
1 前端输出语句
2 javascript的三种引入方式
3 javascript注释
4 数字
5 字符串
6 变量定义与变量提升
7 数据类型
8 加法运算与字符串拼接
9 数据类型转换
10 算术运算符
11 算术一元运算符
12 赋值运算符
13 比较运算符
14 逻辑运算符
15 三元运算符
16 其他运算符
17 运算符优先级
18 if条件语句
19 switch多分支判断语句
20 for循环语句
21 绘制九九乘法表
22 棋盘与大米
23 寻找质数
24 寻找水仙花数
25 数7游戏
26 循环关键字
27 while循环
28 do 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 正则表达式-验证邮箱
76 arguments与函数重载
77 IIFE即时执行方法
78 document对象
79 获取元素的几种方法
80 元素类名与id设置
81 元素属性设置
82 修改或者获取元素内容
83 元素类型
84 创建元素
85 元素添加子节点
86 删除元素
87 复制元素
88 获取css样式
89 设置css样式
90 事件流
91 html处理程序
92 传统事件处理程序
93 HTML与DOM0级事件
94 DOM2级事件处理程序
95 IE事件处理程序添加与移出
96 跨浏览器事件处理程序封装
97 事件对象
98 事件类型与目标元素
99 阻止默认行为与阻止事件冒泡
100 跨浏览器事件对象
101 UI事件
102 UI事件实战
103 键盘事件
104 键盘事件实战
105 焦点事件
106 焦点事件实战
107 鼠标事件
108 鼠标事件实战
109 滚轮事件
110 滚轮事件实战
111 javascript获取盒子位置
112 javascript获取盒子宽高
113 定时器与异步操作
114 计时器
115 简单动画
116 动画启停控制
117 轮播图连续动画
118 多属性变化
119 运动框架
120 运动框架实战
121 缓冲函数
122 缓存函数公告切换
123 缓存函数表单滚动
124 缓存函数轮播图
125 JSON对象
126 JSON对字符串解析
127 JSON对对象反解析
128 JSON对象遍历
129 更改函数作用域
130 call与apply区别
131 对象
132 日期对象
133 日立
134 时钟
135 数字对象
136 最大值与最小值
137 数字四舍五入
138 数字对象其他方法介绍
139 求几何形状面积
140 类的创建
141 类的属性以及方法
142 闭包类
143 绘制图形
144 构造函数式继承
145 类式继承
146 组合继承
147 寄生式继承
148 寄生组合式继承
149 继承实战一
150 继承实战二