          Web前端开发培训

1. 概论

1-1 Web前端开发概述

1-2 网站与网页

1-3 Web前端开发技术

扩展(动画)：浏览器如何渲染网页？服务器的作用？

1. 概论 单元测试

本课程所有PPT请在这里下载

2. HTML基础

2-1 HTML概述

2-2 HTML文件结构

2-3 HTML标签(I) h1~h6、p、br、pre、span、hr

2-4 HTML标签(II) a

2-5 HTML标签(III) img

2-6 HTML标签(IV) div、ul、ol 、table

2-7 HTML标签(V) form、input、select、textarea

Sublime Text的操作（基本环境）下载安装指南参见www.webcourse.club/sublime.html

Sublime Text的操作（HTML）

2-8 Web语义化 em strong dl dt dp

2. HTML基础 单元测验

2. HTML基础 单元作业

3. CSS样式

3-1 CSS概述

3-2 CSS添加方法

3-3 CSS选择器

3-4 CSS样式(I) 文字样式

3-5 CSS样式(II) 背景、超链接样式

3-6 CSS样式(III) 列表 表格样式

Sublime Text的基本操作（CSS）

3. CSS样式 单元测验

3. CSS样式 单元作业

4. CSS布局与定位

4-1 布局与定位概述

4-2 盒子模型（I）

4-3 盒子模型（II）

4-4 CSS定位机制概述

4-5 文档流定位

4-6 浮动定位

4-7 层定位

4. CSS定位与布局 单元测验

4. CSS定位与布局 单元作业

5. CSS3

5-1 圆角边框与阴影

5-2 文字与文本

5-3 2D变换

5-4 过渡与动画

5-5 3D变换

综合案例

5. CSS3 单元测验

6. JavaScript基础

6-1 概述与基础语法

6-2 变量

6-3 数据类型

6-4 运算符与表达式

6-5 函数

6-6 分支结构

6-7 循环结构

6-8 数组

6-9 数组API函数

6-10 DOM查找

6-11 DOM修改

6-12 DOM添加

6-13 BOM

综合案例：魔方

6 Javascript 单元作业

6. Javascript 单元测试

7. JQuery & HTML5 & Bootstrap

7-1 JQuery概述&工厂函数（扩展）

7-2 JQuery增删改查（扩展）

7-3 JQuery事件（扩展）

7-5 HTML5

7-4 响应式布局&Bootstrap

7. HTML5 单元测验

8. 课程综合案例

8-1 网页布局与初始化（整个案例源代码在这里下载）

8-2 网页顶部、导航栏

8-3 网页产品内容、搜索功能

8-4 页面服务、售后服务

8-5 网页底部、页面插件引用

8-6 返回顶部、吸顶灯功能

9. 企业前端新技术需求与建议学习路线（前沿扩展）

企业前端新技术需求与建议学习路线