前端三劍客——HTML5+CSS3+JavaScript從入門到實戰（微課視頻版）

本書採用“核心技術→實戰訓練營→企業級項目實踐”的結構和“由淺入深，由深到精”的模式進行講解。 全書科學設置七大階段由淺入深循序漸進，為解決實際問題而生。第一階段、第三階段、第五階段分別講解了HTML5、CSS3、JavaScript核心技術；第二階段、第四階段、第六階段分別是與之對應的HTML5實戰訓練營、CSS3實戰訓練營和JavaScript實戰訓練營，通過大量源於實際生活的趣味案例，強化上機實踐，提高學員軟件開發中實際問題的分析與解決能力；第七階段為企業級項目：小米商城項目，緊跟企業實際技術選型，追求技術的實用性與前瞻性，幫助我們快速理解企業級佈局思維。 本書具有很強的實用性，重視實踐，各章均有實例，並以一個完整、翔實的實例為主線，在各章中解析知識點，既可作為高等院校電腦及相關專業學習網頁設計或網站開發課程的教材，又可作為Web開發人員及自學者的參考書。

 

目錄

 

 

 

教學課件（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頁腳