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

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

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

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

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

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

 在線直播課程

 錄播視頻課程

 案例素材下載

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

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

以上所有資源請訪問課工場www.kgc.cn。

本套教材特點

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

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

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

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

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

（2）真實的項目驅(qū)動

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

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

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

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

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

讀者對象

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

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

1. 信息技術(shù)基礎(chǔ)（麒麟操作系統(tǒng)+WPS Office） [主編　芮雪　蔣莉　王亮亮]
2. Office高級應(yīng)用項目式教程（第2版） [主編 李觀金 張倩文 黎夏克 ]
3. 巧用翻譯學(xué)英語：英漢互譯500例 [王學(xué)文 著]
4. 高等教育多維評價體系構(gòu)建與高質(zhì)量發(fā)展研究 [張妍 著]
5. 系統(tǒng)規(guī)劃與管理師章節(jié)習(xí)題與考點特訓(xùn)（第二版） [主編 薛大龍]
6. 計算機操作系統(tǒng)實踐指導(dǎo)（openEuler版） [主編 秦光 曾陳萍 岳付強]
7. 信息系統(tǒng)管理工程師真題及模考卷精析（適用機考） [主 編 薛大龍 程 剛 上官緒]
8. 航海類院校體育教育教學(xué)研究 [張利超 李寧 著]
9. 新時代背景下我國職業(yè)教育產(chǎn)教融合長效機制建設(shè)研究 [王玉賢 著]
10. 電路分析 [主編 李飛 毛先柏]
11. 信息系統(tǒng)管理工程師（適用第2版大綱）一站通關(guān) [指尖瘋　編著]
12. 傳統(tǒng)山水畫論解讀與實踐 [陳鈉 著]
13. 網(wǎng)絡(luò)工程師備考一本通（適配第6版考綱） [夏杰 編著]
14. 陳孝云的職教理想與情懷 [祝吉太 江傳瑞 張義廷 著]
15. 地方本科院校電子信息學(xué)科課程思政案例集 [王甫]
16. Excel數(shù)據(jù)處理與分析（第二版） [主編 張志明 鄒 蕾]
17. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
18. 倉儲管理實務(wù)（第二版） [周寧武 編著]
19. 基于AE與C#的地理信息系統(tǒng)二次開發(fā) [李小根 賈艷昌 喬翠平 姜彤 ]
20. 2023年長沙市文化和旅游業(yè)發(fā)展報告 [主編 陳莉]
21. 舞臺化妝造型設(shè)計 [主編 劉思彤 張 濤 張憶雨]
22. 產(chǎn)教融合視角高校體育專業(yè)實踐教學(xué)體系構(gòu)建研究 [楊柳青 葉華兵 著]
23. 知識圖譜及應(yīng)用案例 [張善文 黃文準 于長青 陳明淑]
24. Python程序設(shè)計案例教程（微課版） [主編　石利平　田輝平　余以勝]
25. 皓月繁星：青少年兒童心理成長手冊 [主　編　林贊歌 副主編　杜志南]
26. 材料力學(xué) [章寶華 趙新勝 徐斌]
27. 系統(tǒng)集成項目管理工程師考試32小時通關(guān)（第3版） [主編　薛大龍 副主編　上官緒陽]
28. 軟考論文高分特訓(xùn)與范文10篇——系統(tǒng)分析師（第二版） [薛大龍 鄒月平 施游]
29. 黃河海勃灣水利樞紐防凌安全運行 [王戰(zhàn)領(lǐng) 王叢發(fā) 范瑜彬 著]
30. 大學(xué)生心理健康教育 [方雄 著]