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

“前端開發(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ù)百位來自知名培訓(xùn)機(jī)構(gòu)、高校的頂級(jí)名師和互聯(lián)網(wǎng)企業(yè)的行業(yè)專家，面向大學(xué)生以及需要“充電”的在職人員，針對(duì)與互聯(lián)網(wǎng)相關(guān)的產(chǎn)品設(shè)計(jì)、開發(fā)、運(yùn)維、推廣和運(yùn)營等崗位，提供在線的直播和錄播課程，并通過遍及全國的幾十家線下服務(wù)中心提供現(xiàn)場(chǎng)面授以及多種形式的教學(xué)服務(wù)，并同步研發(fā)出版最新的課程教材。參與本書編寫的院校老師還有郭峰、周雯、禹波、殷悅等。

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

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

 在線直播課程

 錄播視頻課程

 案例素材下載

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

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

以上所有資源請(qǐng)?jiān)L問課工場(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)開辟教材配套版塊，提供素材下載、學(xué)習(xí)社區(qū)等豐富的在線學(xué)習(xí)資源。

讀者對(duì)象

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

（2）初級(jí)前端開發(fā)者：本套教材將帶你進(jìn)行全面、系統(tǒng)的互聯(lián)網(wǎng)前端設(shè)計(jì)開發(fā)學(xué)習(xí)，幫助你梳理全面、科學(xué)的技能理論，提供實(shí)用開發(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)頁中引用JavaScript 5
操作案例1：網(wǎng)頁中引用JavaScript代碼 7
2 JavaScript基礎(chǔ)語法 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)易購物車頁面 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 訪問數(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庫類型說明 58
1.3.3 jQuery環(huán)境配置 58
1.3.4 在頁面中引入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語法結(jié)構(gòu) 66
3.1 第一個(gè)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對(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)語句 76
5.3 while循環(huán)語句 77
操作案例3：計(jì)算100以內(nèi)的偶數(shù)之和 78
操作案例4：制作京東商城首頁焦點(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 過濾選擇器 95
操作案例1：制作非緣勿擾頁面特效 100
操作案例2：制作美化近期熱門欄目特效 101
2 jQuery事件 102
2.1 事件概述 102
2.2 window事件 102
2.3 鼠標(biāo)事件 103
2.4 鍵盤事件 104
2.5 表單事件 104
操作案例3：制作左導(dǎo)航特效 105
2.6 綁定事件與移除事件 106
2.7 復(fù)合事件 108
操作案例4：制作團(tuán)購網(wǎng)主導(dǎo)航 109
本章總結(jié) 110
本章作業(yè) 110
第5章 jQuery遍歷和特效動(dòng)畫 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 遍歷之過濾方法 125
1.5 CSS-DOM操作 125
操作案例2：制作京東商城首頁焦點(diǎn)圖
輪播特效 126
2 jQuery特效動(dòng)畫 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：仿京東焦點(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)畫 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ì)頁面輪播
圖片效果 186
本章總結(jié) 187
本章作業(yè) 187
第8章 項(xiàng)目案例：英雄難過棍子關(guān) 189
1 項(xiàng)目說明 190
1.1 需求概述 190
1.2 技能點(diǎn) 191
2 項(xiàng)目實(shí)現(xiàn) 191
2.1 制作英雄難過棍子關(guān)主界面 191
2.2 制作游戲主界面靜態(tài)頁面 193
2.3 制作黑色柱子的動(dòng)態(tài)實(shí)現(xiàn) 194
2.4 制作棍子動(dòng)畫 195
2.5 制作英雄過關(guān) 196
2.6 制作英雄過關(guān)成敗的提示框 197
2.7 重新玩本關(guān)游戲 198
2.8 繼續(xù)下一關(guān)的實(shí)現(xiàn) 198

1. 輸水管線工程風(fēng)險(xiǎn)管理 [張勇 黨亥生 著]
2. 民用航空飛機(jī)標(biāo)準(zhǔn)線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運(yùn)河講談錄 [趙珩　著]
4. 實(shí)用運(yùn)籌學(xué) [主編　邢育紅　于晉臣]
5. 三峽梯級(jí)電站水資源決策支持系統(tǒng)研究與開發(fā) [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設(shè)計(jì)中的應(yīng)用 [李艷秀 莊華偉 著]
8. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
9. 辦公自動(dòng)化高級(jí)應(yīng)用 [陳萍 朱曉玉]
10. 信息處理技術(shù)員考試32小時(shí)通關(guān) [薛大龍]
11. 電子產(chǎn)品設(shè)計(jì)案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學(xué)昌 丁紅]
12. C程序設(shè)計(jì)實(shí)踐教程 [劉衛(wèi)國]
13. C程序設(shè)計(jì)（慕課版） [劉衛(wèi)國]
14. Web技術(shù)開發(fā)教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務(wù)英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術(shù)與應(yīng)用 [洪旭 著]
17. 建設(shè)工程法規(guī)實(shí)務(wù) [主編 余瀅]
18. 商務(wù)秘書理論與實(shí)務(wù)（第三版） [主編 張同欽]
19. 程序設(shè)計(jì)基礎(chǔ)實(shí)踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項(xiàng)目精講 [主編 楊國興]
21. 勞動(dòng)爭(zhēng)議處理實(shí)務(wù) [主編 王秀卿 羅靜]
22. 工程數(shù)學(xué) [主編 郭立娟 王海]
23. 語音識(shí)別理論與實(shí)踐 [主編　莫宏偉]
24. 信息系統(tǒng)項(xiàng)目管理師章節(jié)習(xí)題與考點(diǎn)特訓(xùn)（第二版） [主編 薛大龍]
25. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
26. 計(jì)算機(jī)網(wǎng)絡(luò)實(shí)訓(xùn)教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機(jī)械制圖習(xí)題集（多學(xué)時(shí)） [主編 趙軍]
28. HCIA-Datacom認(rèn)證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發(fā) [李智威 著]
30. 網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)師備考一本通 [夏杰 編著]