Web前端開發(fā)(JavaScript+jQuery)
定 價:56 元
當(dāng)前圖書已被 1 所學(xué)校薦購過!
查看明細(xì)
- 作者:盧秋錦
- 出版時間:2024/10/1
- ISBN:9787121487859
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:256
- 紙張:
- 版次:01
- 開本:16開
本書在“有趣、有效、只學(xué)有用的”的基礎(chǔ)上,結(jié)合學(xué)生的認(rèn)知規(guī)律和學(xué)習(xí)現(xiàn)狀,使學(xué)生能夠在有限的課時內(nèi),專業(yè)、深入地學(xué)習(xí)Web前端技術(shù)的相關(guān)知識。本書共有10個項(xiàng)目,按照知識點(diǎn)由淺入深地劃分為3篇,即Web知識儲備篇、Web案例提高篇和Web項(xiàng)目實(shí)戰(zhàn)篇,分別完成了知識點(diǎn)講解、案例講解和項(xiàng)目實(shí)戰(zhàn),幫助學(xué)生掌握Web前端的核心技術(shù)——JavaScript與jQuery。本書明確的學(xué)習(xí)目標(biāo)及循序漸進(jìn)的知識體系,能夠使學(xué)生的理論知識和實(shí)踐技能同步提高。通過對本書的學(xué)習(xí),學(xué)生能夠熟悉Web頁面的制作流程,了解常見的頁面布局效果,以及設(shè)計(jì)制作各種具有動態(tài)特效的網(wǎng)站。
盧秋錦,女,碩士,副教授,山西師范大學(xué)教育技術(shù)學(xué)專業(yè),寧波城市職業(yè)技術(shù)學(xué)院專職教師,2017年11月全國職業(yè)院校信息化教學(xué)大賽高職組信息化實(shí)訓(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知識儲備篇
項(xiàng)目1 JavaScript 2
任務(wù)1.1 JavaScript基礎(chǔ) 3
1.1.1 認(rèn)識JavaScript 3
1.1.2 JavaScript的前世今生 3
1.1.3 JavaScript的特點(diǎn) 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 運(yùn)算符和表達(dá)式 12
動手實(shí)踐:簡單加法器的實(shí)現(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
動手實(shí)踐:九九乘法表的實(shí)現(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
動手實(shí)踐:購物簡易計(jì)算器的制作 48
疑難解惑 51
?
小結(jié) 51
課后練習(xí) 52
項(xiàng)目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
動手實(shí)踐:三級聯(lián)動菜單的實(shí)現(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
動手實(shí)踐:日歷的制作 77
疑難解惑 80
小結(jié) 80
課后練習(xí) 81
項(xiàng)目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é)點(diǎn)操作 88
3.1.5 事件處理 89
動手實(shí)踐:動態(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
動手實(shí)踐:廣告漂浮效果 105
疑難解惑 108
小結(jié) 108
課后習(xí)題 109
項(xiàng)目4 jQuery 111
任務(wù)4.1 jQuery基礎(chǔ) 112
4.1.1 什么是 jQuery 112
4.1.2 在網(wǎng)頁中如何添加 jQuery 112
動手實(shí)踐:我的第一個jQuery程序 113
任務(wù)4.2 jQuery語法及選擇器 114
4.2.1 jQuery語法 114
4.2.2 文檔就緒事件 114
4.2.3 jQuery選擇器 115
動手實(shí)踐:動態(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
動手實(shí)踐:圖片輪播效果的實(shí)現(xiàn) 160
任務(wù)4.4 jQuery事件機(jī)制 164
4.4.1 事件函數(shù) 164
4.4.2 常用事件函數(shù) 164
動手實(shí)踐:動態(tài)添加和刪除學(xué)生信息 174
疑難解惑 178
小結(jié) 178
課后習(xí)題 179
Web案例提高篇
項(xiàng)目5 在線時鐘的實(shí)現(xiàn) 182
5.1 設(shè)計(jì)思路 183
5.2 具體實(shí)現(xiàn) 184
項(xiàng)目6 Web前端中在線學(xué)習(xí)功能的實(shí)現(xiàn) 186
6.1 功能介紹 187
6.2 布局分析 188
6.3 具體實(shí)現(xiàn) 188
項(xiàng)目7 “四季”標(biāo)簽切換效果的實(shí)現(xiàn) 192
7.1 布局分析 193
7.2 具體實(shí)現(xiàn) 193
項(xiàng)目8 多級動畫菜單的實(shí)現(xiàn) 197
8.1 布局分析 198
8.2 具體實(shí)現(xiàn) 199
項(xiàng)目9 動態(tài)選項(xiàng)卡的實(shí)現(xiàn) 204
9.1 布局分析 205
9.2 HTML基本結(jié)構(gòu) 205
9.3 添加CSS樣式 211
9.4 編寫jQuery代碼 217
Web項(xiàng)目實(shí)戰(zhàn)篇
項(xiàng)目10 綜合信息類網(wǎng)站首頁的實(shí)現(xiàn) 224
10.1 網(wǎng)站首頁整體布局的實(shí)現(xiàn) 226
10.2 頁面頭部、Banner及導(dǎo)航的具體實(shí)現(xiàn) 228
10.3 圖片輪播及最新動態(tài)列表的實(shí)現(xiàn) 231
10.4 走進(jìn)浙江、浙江歷史等信息列表的實(shí)現(xiàn) 236
10.5 快速通道及頁腳信息的實(shí)現(xiàn) 243