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

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

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

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

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

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

 在線直播課程

 錄播視頻課程

 案例素材下載

 學習交流社區(qū)

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

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

本套教材特點

（1）科學的訓練模式

 科學的課程體系。

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

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

 隨需而變，支持終身學習。

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

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

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

（3）便捷的學習體驗

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

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

讀者對象

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

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

課工場出品（kgc.cn）

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