領(lǐng)先的實(shí)用技能——打造前端開(kāi)發(fā)工程師 科學(xué)的訓(xùn)練模式——授人以漁而不只是作品臨摹

真實(shí)的項(xiàng)目驅(qū)動(dòng)——行業(yè)知識(shí)與專業(yè)設(shè)計(jì)相呼應(yīng) 便捷的學(xué)習(xí)體驗(yàn)——傳統(tǒng)教材與二維碼革命性攜手

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，“互聯(lián)網(wǎng)+”時(shí)代已經(jīng)悄然到來(lái)，這自然催生了互聯(lián)網(wǎng)行業(yè)工種的細(xì)分，前端開(kāi)發(fā)工程師這個(gè)職業(yè)應(yīng)運(yùn)而生，各行業(yè)、企業(yè)對(duì)前端設(shè)計(jì)開(kāi)發(fā)人才的需求也日益增長(zhǎng)。與傳統(tǒng)網(wǎng)頁(yè)開(kāi)發(fā)設(shè)計(jì)人員相比，新“互聯(lián)網(wǎng)+”時(shí)代對(duì)前端開(kāi)發(fā)工程師提出了更高的要求，傳統(tǒng)網(wǎng)頁(yè)開(kāi)發(fā)設(shè)計(jì)人員已無(wú)法勝任。在這樣的大環(huán)境下，這套“前端開(kāi)發(fā)工程師系列”教材應(yīng)運(yùn)而生，它旨在幫助讀者朋友快速成長(zhǎng)為符合“互聯(lián)網(wǎng)+”時(shí)代企業(yè)需求的優(yōu)秀的前端開(kāi)發(fā)工程師。

“前端開(kāi)發(fā)工程師系列”教材是由課工場(chǎng)（kgc.cn）的教研團(tuán)隊(duì)研發(fā)的。課工場(chǎng)是北京大學(xué)下屬企業(yè)北京課工場(chǎng)教育科技有限公司推出的互聯(lián)網(wǎng)教育平臺(tái)，專注于互聯(lián)網(wǎng)企業(yè)各崗位人才的培養(yǎng)。平臺(tái)匯聚了數(shù)百位來(lái)自知名培訓(xùn)機(jī)構(gòu)、高校的頂級(jí)名師和互聯(lián)網(wǎng)企業(yè)的行業(yè)專家，面向大學(xué)生以及需要“充電”的在職人員，針對(duì)與互聯(lián)網(wǎng)相關(guān)的產(chǎn)品設(shè)計(jì)、開(kāi)發(fā)、運(yùn)維、推廣和運(yùn)營(yíng)等崗位，提供在線的直播和錄播課程，并通過(guò)遍及全國(guó)的幾十家線下服務(wù)中心提供現(xiàn)場(chǎng)面授以及多種形式的教學(xué)服務(wù)，并同步研發(fā)出版最新的課程教材。參與本書(shū)編寫(xiě)的院校老師還有郭峰、周雯、禹波、殷悅等。

課工場(chǎng)為培養(yǎng)互聯(lián)網(wǎng)前端設(shè)計(jì)開(kāi)發(fā)人才，特別推出“前端開(kāi)發(fā)工程師系列”教育產(chǎn)品，提供各種學(xué)習(xí)資源和支持，包括：

 現(xiàn)場(chǎng)面授課程

 在線直播課程

 錄播視頻課程

 案例素材下載

 學(xué)習(xí)交流社區(qū)

 QQ討論組（技術(shù)，就業(yè)，生活）

以上所有資源請(qǐng)?jiān)L問(wèn)課工場(chǎng)www.kgc.cn。

本套教材特點(diǎn)

（1）科學(xué)的訓(xùn)練模式

 科學(xué)的課程體系。

 創(chuàng)新的教學(xué)模式。

 技能人脈，實(shí)現(xiàn)多方位就業(yè)。

 隨需而變，支持終身學(xué)習(xí)。

（2）真實(shí)的項(xiàng)目驅(qū)動(dòng)

 覆蓋80%的網(wǎng)站效果制作。

 幾十個(gè)實(shí)訓(xùn)項(xiàng)目，涵蓋電商、金融、教育、旅游、游戲等行業(yè)。

（3）便捷的學(xué)習(xí)體驗(yàn)

 每章提供二維碼掃描，可以直接觀看相關(guān)視頻講解和案例操作。

 課工場(chǎng)開(kāi)辟教材配套版塊，提供素材下載、學(xué)習(xí)社區(qū)等豐富的在線學(xué)習(xí)資源。

讀者對(duì)象

（1）初學(xué)者：本套教材將幫助你快速進(jìn)入互聯(lián)網(wǎng)前端開(kāi)發(fā)行業(yè)，從零開(kāi)始逐步成長(zhǎng)為專業(yè)前端開(kāi)發(fā)工程師。

（2）初級(jí)前端開(kāi)發(fā)者：本套教材將帶你進(jìn)行全面、系統(tǒng)的互聯(lián)網(wǎng)前端設(shè)計(jì)開(kāi)發(fā)學(xué)習(xí)，幫助你梳理全面、科學(xué)的技能理論，提供實(shí)用開(kāi)發(fā)技巧和項(xiàng)目經(jīng)驗(yàn)。

課工場(chǎng)出品（kgc.cn）

第1章 JavaScript基礎(chǔ) 1
1 JavaScript概述 2
1.1 JavaScript概念 2
1.2 JavaScript的應(yīng)用 2
1.2.1 JavaScript的組成 3
1.2.2 JavaScript的執(zhí)行原理 3
1.2.3 JavaScript的基本結(jié)構(gòu) 4
1.3 在網(wǎng)頁(yè)中引用JavaScript 5
操作案例1：網(wǎng)頁(yè)中引用JavaScript代碼 7
2 JavaScript基礎(chǔ)語(yǔ)法 7
2.1 變量 7
2.2 數(shù)據(jù)類型 8
2.3 運(yùn)算符 10
2.4 注釋 10
2.5 選擇結(jié)構(gòu) 11
2.6 信息提示的使用 12
操作案例2：模擬計(jì)算器 13
3 函數(shù) 14
3.1 系統(tǒng)函數(shù) 14
3.2 自定義函數(shù) 15
3.3 變量的作用域 17
操作案例3：模擬QQ登錄驗(yàn)證 18
本章總結(jié) 19
本章作業(yè) 19
第2章 JavaScript對(duì)象 23
1 認(rèn)識(shí)BOM 24
2 window對(duì)象 25
2.1 常用的屬性 25
2.2 常用的方法 25
2.2.1 confirm()方法 26
2.2.2 open()方法 27
2.2.3 close()方法 27
2.3 常用的事件 28
操作案例1：制作簡(jiǎn)易購(gòu)物車頁(yè)面 30
3 history對(duì)象 31
4 location對(duì)象 32
操作案例2：查看一年四季的變化 33
5 document對(duì)象 35
5.1 常用的屬性 35
5.2 常用的方法 37
5.3 復(fù)選框的全選/全不選效果 40
6 JavaScript內(nèi)置對(duì)象 41
6.1 Array對(duì)象 41
6.1.1 創(chuàng)建數(shù)組 41
6.1.2 為數(shù)組元素賦值 42
6.1.3 訪問(wèn)數(shù)組元素 42
6.1.4 數(shù)組的常用屬性和方法 42
6.2 Date對(duì)象 43
6.3 Math對(duì)象 45
7 定時(shí)函數(shù) 45
7.1 setTimeout() 46
7.2 setInterval() 46
7.3 clearTimeout()和clearInterval() 47
操作案例3：變化的時(shí)鐘 48
本章總結(jié) 49
本章作業(yè) 49
第3章 jQuery基礎(chǔ) 51
1 jQuery簡(jiǎn)介 52
1.1 為什么選擇jQuery 52
1.2 什么是jQuery 54
1.2.1 jQuery簡(jiǎn)介 54
1.2.2 jQuery的用途 54
1.2.3 jQuery的優(yōu)勢(shì) 56
1.3 配置jQuery環(huán)境 57
1.3.1 獲取jQuery的最新版本 57
1.3.2 jQuery庫(kù)類型說(shuō)明 58
1.3.3 jQuery環(huán)境配置 58
1.3.4 在頁(yè)面中引入jQuery 58
2 DOM高級(jí)編程 58
2.1 什么是DOM 59
2.2 動(dòng)態(tài)改變HTML文檔結(jié)構(gòu) 60
2.2.1 查找HTML節(jié)點(diǎn)元素 60
2.2.2 改變HTML內(nèi)容及屬性 63
2.2.3 改變HTML CSS樣式 65
2.3 DOM對(duì)象 66
3 jQuery語(yǔ)法結(jié)構(gòu) 66
3.1 第一個(gè)jQuery程序 67
3.2 jQuery語(yǔ)法結(jié)構(gòu) 68
3.3 讀取設(shè)置CSS屬性值 70
3.4 移除CSS樣式 71
操作案例1：使用jQuery變換網(wǎng)頁(yè)效果 71
4 jQuery對(duì)象和DOM對(duì)象 72
4.1 jQuery對(duì)象 72
4.2 jQuery對(duì)象與DOM對(duì)象的相互轉(zhuǎn)換 73
4.2.1 jQuery對(duì)象轉(zhuǎn)換成DOM對(duì)象 73
4.2.2 DOM對(duì)象轉(zhuǎn)換成jQuery對(duì)象 73
操作案例2：使用jQuery方式彈出消息
對(duì)話框 74
5 循環(huán)結(jié)構(gòu) 74
5.1 循環(huán)結(jié)構(gòu)概述 75
5.2 for循環(huán)語(yǔ)句 76
5.3 while循環(huán)語(yǔ)句 77
操作案例3：計(jì)算100以內(nèi)的偶數(shù)之和 78
操作案例4：制作京東商城首頁(yè)焦點(diǎn)圖
輪播特效 79
本章總結(jié) 80
本章作業(yè) 80
第4章 jQuery選擇器與事件 81
1 jQuery選擇器 82
1.1 選擇器優(yōu)勢(shì) 82
1.2 jQuery選擇器分類 82
1.3 基本選擇器 83
1.4 層次選擇器 87
1.5 屬性選擇器 91
1.6 過(guò)濾選擇器 95
操作案例1：制作非緣勿擾頁(yè)面特效 100
操作案例2：制作美化近期熱門(mén)欄目特效 101
2 jQuery事件 102
2.1 事件概述 102
2.2 window事件 102
2.3 鼠標(biāo)事件 103
2.4 鍵盤(pán)事件 104
2.5 表單事件 104
操作案例3：制作左導(dǎo)航特效 105
2.6 綁定事件與移除事件 106
2.7 復(fù)合事件 108
操作案例4：制作團(tuán)購(gòu)網(wǎng)主導(dǎo)航 109
本章總結(jié) 110
本章作業(yè) 110
第5章 jQuery遍歷和特效動(dòng)畫(huà) 113
1 jQuery中的DOM遍歷 114
1.1 jQuery中的DOM操作概述 114
1.2 節(jié)點(diǎn)操作 115
1.2.1 查找節(jié)點(diǎn) 115
1.2.2 創(chuàng)建節(jié)點(diǎn)元素 116
1.2.3 插入節(jié)點(diǎn) 116
1.2.4 刪除節(jié)點(diǎn) 117
1.2.5 替換節(jié)點(diǎn) 120
1.2.6 復(fù)制節(jié)點(diǎn) 120
1.3 屬性操作 120
1.3.1 獲取與設(shè)置元素屬性 120
1.3.2 刪除元素屬性 120
操作案例1：制作會(huì)員信息模塊 121
1.4 節(jié)點(diǎn)遍歷 122
1.4.1 遍歷后代元素 123
1.4.2 遍歷同輩元素 123
1.4.3 遍歷前輩元素 124
1.4.4 遍歷之過(guò)濾方法 125
1.5 CSS-DOM操作 125
操作案例2：制作京東商城首頁(yè)焦點(diǎn)圖
輪播特效 126
2 jQuery特效動(dòng)畫(huà) 127
2.1 控制元素顯示和隱藏 127
2.1.1 控制元素顯示 128
2.1.2 控制元素隱藏 129
2.1.3 切換元素可見(jiàn)狀態(tài) 130
操作案例3：制作京東商城首頁(yè)左側(cè)菜單 131
2.2 控制元素淡入和淡出 132
2.2.1 控制元素淡入 132
2.2.2 控制元素淡出 133
2.2.3 切換元素出入狀態(tài) 134
操作案例4：仿京東焦點(diǎn)圖輪播淡入
淡出特效 134
2.3 控制元素滑動(dòng) 135
2.3.1 控制元素下滑 135
2.3.2 控制元素上滑 136
2.3.3 控制元素上下滑動(dòng) 136
2.4 jQuery自定義動(dòng)畫(huà) 137
操作案例5：移動(dòng)的棍子 138
本章總結(jié) 139
本章作業(yè) 139
第6章 表單驗(yàn)證 143
1 表單驗(yàn)證概述 144
1.1 表單驗(yàn)證的必要性 144
1.2 表單驗(yàn)證的內(nèi)容 145
1.3 表單驗(yàn)證的思路 146
2 String對(duì)象 146
2.1 常用的屬性 146
2.2 常用的方法 147
2.3 電子郵件格式的驗(yàn)證 147
操作案例1：驗(yàn)證電子郵箱 150
2.4 文本內(nèi)容的驗(yàn)證 151
操作案例2：驗(yàn)證注冊(cè)信息 154
3 jQuery中的DOM內(nèi)容操作 154
4 文本提示特效 155
4.1 表單驗(yàn)證事件和方法 156
4.2 文本輸入提示特效 158
操作案例3：改進(jìn)驗(yàn)證注冊(cè)信息 161
5 表單選擇器 161
5.1 表單選擇器概述 161
5.2 多行數(shù)據(jù)的驗(yàn)證 165
本章總結(jié) 169
本章作業(yè) 169
第7章 jQuery中的Ajax 171
1 認(rèn)識(shí)Ajax 172
1.1 Ajax應(yīng)用 172
1.2 Ajax工作原理 173
1.3 認(rèn)識(shí)XMLHttpRequest 174
操作案例1：IIS服務(wù)器的搭建 175
2 jQuery中的Ajax 175
2.1 get()方法與post()方法 176
2.2 ajax()方法 178
操作案例2：驗(yàn)證注冊(cè)名是否可用 179
2.3 load()方法 180
操作案例3：刷新最新動(dòng)態(tài) 181
3 認(rèn)識(shí)JSON 182
3.1 JSON簡(jiǎn)介 182
3.2 使用jQuery處理JSON數(shù)據(jù) 183
3.3 getJSON()方法 184
操作案例4：制作冬奧會(huì)頁(yè)面輪播
圖片效果 186
本章總結(jié) 187
本章作業(yè) 187
第8章 項(xiàng)目案例：英雄難過(guò)棍子關(guān) 189
1 項(xiàng)目說(shuō)明 190
1.1 需求概述 190
1.2 技能點(diǎn) 191
2 項(xiàng)目實(shí)現(xiàn) 191
2.1 制作英雄難過(guò)棍子關(guān)主界面 191
2.2 制作游戲主界面靜態(tài)頁(yè)面 193
2.3 制作黑色柱子的動(dòng)態(tài)實(shí)現(xiàn) 194
2.4 制作棍子動(dòng)畫(huà) 195
2.5 制作英雄過(guò)關(guān) 196
2.6 制作英雄過(guò)關(guān)成敗的提示框 197
2.7 重新玩本關(guān)游戲 198
2.8 繼續(xù)下一關(guān)的實(shí)現(xiàn) 198

1. 機(jī)械制圖 [許淑珍 于利民]
2. 微積分（經(jīng)管類）導(dǎo)學(xué)篇（下冊(cè)） [王海棠 曹海軍 周玲麗]
3. 大學(xué)生創(chuàng)新創(chuàng)業(yè)基礎(chǔ) [主編 姜國(guó)權(quán) 姜福佳]
4. 農(nóng)產(chǎn)品云倉(cāng)模式研究—以北京農(nóng)產(chǎn)品流通物流供應(yīng)鏈重構(gòu)為例 [武曉釗 王成林 王春娟 等著]
5. 信息技術(shù)（微課版） [王云　徐江鴻　李清霞　羅學(xué)鋒　]
6. 管理基礎(chǔ)與實(shí)務(wù) [主編 王鳳基 顏漢軍]
7. 高等數(shù)學(xué)導(dǎo)學(xué)篇（下冊(cè)） [主編 李文婧 胡雷 尹金生]
8. 高等數(shù)學(xué)導(dǎo)學(xué)篇（上冊(cè)） [主編 李文婧 胡雷 尹金生]
9. 高等數(shù)學(xué)（下冊(cè)） [主編 李愛(ài)芹 胡雷 尹金生]
10. 高等數(shù)學(xué)（上冊(cè)） [主編 李愛(ài)芹 胡雷 尹金生]
11. 庭院風(fēng)骨—樹(shù)、灌、籬 [創(chuàng)意房主 著]
12. Python語(yǔ)言程序設(shè)計(jì)教程 [郭其標(biāo) 房宜汕]
13. 微積分（經(jīng)管類）教程篇（下冊(cè)） [曹海軍 王海棠 周玲麗]
14. 微積分（經(jīng)管類）教程篇（上冊(cè)） [曹海軍 王海棠 周玲麗]
15. 微積分（經(jīng)管類）導(dǎo)學(xué)篇（上冊(cè)） [王海棠 曹海軍 周玲麗]
16. 網(wǎng)站前端技術(shù)案例教程（HTML+CSS+JavaScript）（第二版） [黃華升]
17. 線性代數(shù) [主編 史昱 陳鳳欣]
18. 電力電子技術(shù)課程學(xué)習(xí)及實(shí)驗(yàn)指導(dǎo) [主編 陳榮]
19. 成長(zhǎng)對(duì)話：青春的榜樣 [主編　施端銀　黃武剛　應(yīng)巨林]
20. 人工智能應(yīng)用基礎(chǔ) [主編 楊纓 李佳]
21. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
22. 電路與電子技術(shù)Ⅱ——電路分析基礎(chǔ) [主編 陳曉 金哲]
23. 飛機(jī)維修專業(yè)英語(yǔ)——飛機(jī)系統(tǒng)（第二版） [趙迎春]
24. 英語(yǔ)大爆炸：跟趣味情景劇學(xué)口語(yǔ)（微課版） [秦然　編著]
25. 機(jī)械工程制圖任務(wù)跟蹤訓(xùn)練 [主編 王瑞清 趙金考 周彥云 ]
26. 機(jī)械工程制圖 [主編 覃國(guó)萍 劉百順 禹晨]
27. 平面設(shè)計(jì)與制作項(xiàng)目化教程 [主編　李晨]
28. 后期影像剪輯技術(shù) [主編　郭建偉]
29. 人工智能概論（第二版） [主編　任云暉　丁紅　徐迎春 ]
30. 信息時(shí)代美育之道 [主編　劉宏宇　黎婭]