目录



教学课件（PPT）





本书源码





拓展学习资料





第1阶段HTML5核心技术篇

第1章Web绪论(90min)

1.1Web前端行业现状

1.1.1前端工程师的岗位职责、岗位要求

1.1.2前端工程师的需求

1.2学习攻略

1.2.1学会学习

1.2.2如何成为前端高手

1.3前端开发技术

1.4开发工具

1.5浏览器工具

1.6认识网页

第2章HTML5基础(280min)

2.1HTML5概述

2.1.1什么是HTML

2.1.2HTML的发展史

2.1.3HTML5的优势

2.1.4标签和元素

2.1.5第1个HTML5页面

2.2HTML5基本结构

2.3HTML5的语法

2.4注释

2.5基础标签

2.5.1标题标签

2.5.2段落标签

2.5.3换行标签

2.5.4水平线标签

2.5.5预格式化标签

2.6其他标签

2.6.1常用文本格式化标签

2.6.2特殊符号

2.7图像标签

2.7.1添加图像

2.7.2图像属性

2.7.3相对路径和绝对路径

2.8超链接标签

2.8.1创建超链接

2.8.2锚点链接







2.9列表标签

2.9.1无序列表

2.9.2有序列表

2.9.3定义列表

2.9.4列表的嵌套

2.10表格标签

2.10.1创建表格

2.10.2表格标题

2.10.3表格属性

2.10.4表格中行和列的属性

2.10.5表格的合并

2.10.6表格嵌套

2.11容器标签

2.11.1div标签

2.11.2span标签

2.12框架标签

第3章表单(105min)

3.1表单的基本结构

3.2表单标签form

3.3表单控件

3.3.1输入标签input

3.3.2标记标签

3.3.3多行文本标签

3.3.4下拉列表标签

3.3.5按钮标签

3.3.6域标签

3.4综合案例

第4章HTML5新增进阶特性(88min)

4.1HTML5新增标签

4.1.1HTML5新增文档结构元素

4.1.2HTML5新增格式标签

4.2表单新特性

4.2.1HTML5新增表单输入类型

4.2.2HTML5新增表单元素

4.2.3HTML5新增表单属性

4.3块级元素和行内元素

4.4综合案例

第5章HTML5媒体(30min)

5.1声频

5.1.1HTML5对声频的支持情况

5.1.2声频的应用

5.2视频

5.2.1HTML5对视频的支持情况

5.2.2视频的应用

5.3滚动文字

第2阶段HTML5实战训练营

第6章HTML5实战技能强化训练(148min)

6.1基础训练

6.2图像与超链接训练

6.3列表表格训练

6.4表单训练

6.5媒体训练

第3阶段CSS3核心技术篇

第7章CSS基础(319min)

7.1CSS概述

7.2CSS基本语法

7.3引入CSS样式的方法

7.3.1行内样式表

7.3.2内部样式表

7.3.3外部样式表

7.3.4注释

7.3.5开发者工具

7.4基础选择器

7.4.1标签选择器

7.4.2类选择器

7.4.3ID选择器

7.4.4通配符选择器

7.5复合选择器

7.5.1交集选择器

7.5.2并集选择器

7.5.3后代选择器

7.5.4子代选择器

7.5.5兄弟选择器

7.6伪类和伪元素选择器

7.6.1伪元素选择器

7.6.2动态伪类选择器

7.6.3UI元素状态伪类选择器

7.6.4目标伪类选择器

7.6.5否定伪类选择器

7.6.6结构性伪类选择器

7.7属性选择器

7.8CSS三大特征

7.8.1层叠性

7.8.2继承性

7.8.3优先级

7.9CSS取值与单位

7.10CSS常用样式

7.10.1CSS背景

7.10.2CSS文本

7.10.3CSS字体

7.10.4CSS按钮式链接

7.10.5CSS列表样式

7.10.6CSS表格样式

7.10.7CSS边框

7.10.8CSS盒模型

第8章CSS高级应用(68min)

8.1DIV+CSS页面布局

8.2定位

8.2.1静态定位

8.2.2相对定位

8.2.3绝对定位

8.2.4固定定位

8.3元素堆叠

8.4浮动

8.4.1浮动的原理

8.4.2浮动应用

8.4.3清除浮动

8.5display和overflow属性

第9章CSS3新增进阶技术(196min)

9.1CSS3特效边框

9.2背景渐变

9.3转换

9.3.1二维转换

9.3.2三维转换

9.4过渡与动画

9.4.1过渡

9.4.2动画

9.5响应式

9.5.1媒体查询

9.5.2响应式布局

9.5.3多列布局

9.6CSS3高级技巧

9.6.1字体图标

9.6.2雪碧图

9.6.3滑动门

第4阶段CSS3实战训练营

第10章CSS3实战技能强化训练(194min)

10.1CSS基础功能训练

10.2CSS美化页面元素训练

10.3盒子模型案例

10.4高级应用训练

10.5动画与特效训练

第5阶段JavaScript核心技术篇

第11章JavaScript基础(324min)

11.1什么是JavaScript

11.1.1JavaScript概述

11.1.2第1个JavaScript 程序

11.1.3JavaScript语法基础

11.1.4变量

11.1.5数据类型

11.1.6JavaScript输出

11.1.7数据类型转换

11.2运算符

11.2.1算术运算符

11.2.2赋值运算符

11.2.3比较运算符

11.2.4逻辑运算符

11.2.5三元运算符

11.2.6运算符的优先级

11.3程序控制语句

11.3.1顺序结构语句

11.3.2分支结构语句

11.3.3循环结构语句

11.3.4跳转语句

11.4函数

11.4.1内置函数

11.4.2自定义函数

11.5自定义对象

11.5.1创建对象

11.5.2对象的使用

11.6内置对象

11.6.1Array

11.6.2Math

11.6.3Date

11.6.4String

第12章JavaScript深入解析(212min)

12.1DOM

12.1.1DOM简介

12.1.2什么是节点

12.1.3节点获取

12.1.4节点操作

12.1.5DOM CSS

12.2JavaScript调试

12.3事件

12.3.1事件概述

12.3.2常用事件

12.3.3鼠标事件

12.3.4键盘事件

12.3.5窗口事件

12.3.6表单事件

12.3.7文本编辑事件

12.4BOM

12.4.1window对象

12.4.2history对象

12.4.3location对象

12.4.4navigator对象

12.4.5screen对象

第6阶段JavaScript实战训练营

第13章JavaScript实战技能强化训练(65min)

13.1JavaScript基础训练

13.2DOM训练

13.3BOM训练

第7阶段企业级项目篇

第14章企业级项目： 小米商城(264min)

14.1小米黑色导航条

14.2小米白色导航条

14.3小米轮播图和滑动门

14.4小米小广告位

14.5小米闪购

14.6小米手机部分

14.7小米视频部分

14.8页脚