Web前端開發(fā)(JavaScript+jQuery)
定 價:56 元
- 作者:盧秋錦
- 出版時間:2024/10/1
- ISBN:9787121487859
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:256
- 紙張:
- 版次:01
- 開本:16開
本書在“有趣、有效、只學(xué)有用的”的基礎(chǔ)上,結(jié)合學(xué)生的認知規(guī)律和學(xué)習(xí)現(xiàn)狀,使學(xué)生能夠在有限的課時內(nèi),專業(yè)、深入地學(xué)習(xí)Web前端技術(shù)的相關(guān)知識。本書共有10個項目,按照知識點由淺入深地劃分為3篇,即Web知識儲備篇、Web案例提高篇和Web項目實戰(zhàn)篇,分別完成了知識點講解、案例講解和項目實戰(zhàn),幫助學(xué)生掌握Web前端的核心技術(shù)——JavaScript與jQuery。本書明確的學(xué)習(xí)目標(biāo)及循序漸進的知識體系,能夠使學(xué)生的理論知識和實踐技能同步提高。通過對本書的學(xué)習(xí),學(xué)生能夠熟悉Web頁面的制作流程,了解常見的頁面布局效果,以及設(shè)計制作各種具有動態(tài)特效的網(wǎng)站。
盧秋錦,女,碩士,副教授,山西師范大學(xué)教育技術(shù)學(xué)專業(yè),寧波城市職業(yè)技術(shù)學(xué)院專職教師,2017年11月全國職業(yè)院校信息化教學(xué)大賽高職組信息化實訓(xùn)教學(xué)比賽二等獎;2018年11月全國職業(yè)院校技能大賽職業(yè)院校教學(xué)能力比賽三等獎;2020年12月浙江省互聯(lián)網(wǎng)+教學(xué)優(yōu)秀案例二等獎;2021年10月寧波市慕課聯(lián)盟三等獎;2020年11月浙江省高校教師教育技術(shù)成果三等獎;2019年11月浙江省高校教師教育技術(shù)成果三等獎;2019年12月浙江省高校微課比賽三等獎 ;2020年11月職業(yè)教育在線精品課程(在線金課);2019年10月全國教育教學(xué)信息化交流展示活動三等獎;2021年5月寧波市職業(yè)教育德育類優(yōu)秀論文三等獎。
Web知識儲備篇
項目1 JavaScript 2
任務(wù)1.1 JavaScript基礎(chǔ) 3
1.1.1 認識JavaScript 3
1.1.2 JavaScript的前世今生 3
1.1.3 JavaScript的特點 3
1.1.4 JavaScript的作用 4
1.1.5 JavaScript的用法 4
1.1.6 JavaScript語句 6
1.1.7 JavaScript代碼規(guī)范 7
1.1.8 JavaScript數(shù)據(jù)結(jié)構(gòu) 8
1.1.9 數(shù)據(jù)類型 10
1.1.10 運算符和表達式 12
動手實踐:簡單加法器的實現(xiàn) 18
任務(wù)1.2 程序控制結(jié)構(gòu)和語句 19
1.2.1 基本處理流程 19
1.2.2 賦值語句 20
1.2.3 條件判斷語句 20
1.2.4 循環(huán)控制語句 24
1.2.5 對話框 31
動手實踐:九九乘法表的實現(xiàn) 33
任務(wù)1.3 JavaScript函數(shù) 34
1.3.1 函數(shù) 34
1.3.2 定義函數(shù) 35
1.3.3 函數(shù)參數(shù)的使用 36
1.3.4 函數(shù)的返回值 38
1.3.5 函數(shù)的調(diào)用 38
1.3.6 JavaScript中常用的函數(shù) 41
動手實踐:購物簡易計算器的制作 48
疑難解惑 51
?
小結(jié) 51
課后練習(xí) 52
項目2 數(shù)組與對象 53
任務(wù)2.1 數(shù)組 54
2.1.1 初始化數(shù)組 54
2.1.2 創(chuàng)建數(shù)組 54
2.1.3 數(shù)組的基本操作 55
2.1.4 數(shù)組的排序 58
2.1.5 常用的數(shù)組方法 61
動手實踐:三級聯(lián)動菜單的實現(xiàn) 67
任務(wù)2.2 對象 70
2.2.1 對象基礎(chǔ) 70
2.2.2 對象的創(chuàng)建 70
2.2.3 關(guān)鍵字new 72
2.2.4 遍歷對象 73
2.2.5 內(nèi)置對象 73
動手實踐:日歷的制作 77
疑難解惑 80
小結(jié) 80
課后練習(xí) 81
項目3 文檔對象模型與瀏覽器對象模型 82
任務(wù)3.1 文檔對象模型 83
3.1.1 什么是DOM 83
3.1.2 什么是DOM HTML 83
3.1.3 HTML元素操作 85
3.1.4 DOM節(jié)點操作 88
3.1.5 事件處理 89
動手實踐:動態(tài)添加課程 94
任務(wù)3.2 瀏覽器對象模型 95
3.2.1 window對象 95
3.2.2 窗口的操作 96
3.2.3 定時器 98
3.2.4 location對象 99
3.2.5 history對象 100
3.2.6 navigator對象 102
3.2.7 screen對象 103
動手實踐:廣告漂浮效果 105
疑難解惑 108
小結(jié) 108
課后習(xí)題 109
項目4 jQuery 111
任務(wù)4.1 jQuery基礎(chǔ) 112
4.1.1 什么是 jQuery 112
4.1.2 在網(wǎng)頁中如何添加 jQuery 112
動手實踐:我的第一個jQuery程序 113
任務(wù)4.2 jQuery語法及選擇器 114
4.2.1 jQuery語法 114
4.2.2 文檔就緒事件 114
4.2.3 jQuery選擇器 115
動手實踐:動態(tài)導(dǎo)購菜單的制作 140
任務(wù)4.3 jQuery動畫效果 143
4.3.1 jQuery基本動畫效果 143
4.3.2 淡入淡出動畫效果 147
4.3.3 滑動效果 153
4.3.4 自定義動畫 156
動手實踐:圖片輪播效果的實現(xiàn) 160
任務(wù)4.4 jQuery事件機制 164
4.4.1 事件函數(shù) 164
4.4.2 常用事件函數(shù) 164
動手實踐:動態(tài)添加和刪除學(xué)生信息 174
疑難解惑 178
小結(jié) 178
課后習(xí)題 179
Web案例提高篇
項目5 在線時鐘的實現(xiàn) 182
5.1 設(shè)計思路 183
5.2 具體實現(xiàn) 184
項目6 Web前端中在線學(xué)習(xí)功能的實現(xiàn) 186
6.1 功能介紹 187
6.2 布局分析 188
6.3 具體實現(xiàn) 188
項目7 “四季”標(biāo)簽切換效果的實現(xiàn) 192
7.1 布局分析 193
7.2 具體實現(xiàn) 193
項目8 多級動畫菜單的實現(xiàn) 197
8.1 布局分析 198
8.2 具體實現(xiàn) 199
項目9 動態(tài)選項卡的實現(xiàn) 204
9.1 布局分析 205
9.2 HTML基本結(jié)構(gòu) 205
9.3 添加CSS樣式 211
9.4 編寫jQuery代碼 217
Web項目實戰(zhàn)篇
項目10 綜合信息類網(wǎng)站首頁的實現(xiàn) 224
10.1 網(wǎng)站首頁整體布局的實現(xiàn) 226
10.2 頁面頭部、Banner及導(dǎo)航的具體實現(xiàn) 228
10.3 圖片輪播及最新動態(tài)列表的實現(xiàn) 231
10.4 走進浙江、浙江歷史等信息列表的實現(xiàn) 236
10.5 快速通道及頁腳信息的實現(xiàn) 243