教材以就業(yè)為導(dǎo)向、應(yīng)用為目標(biāo)、實(shí)踐為主線、能力為中心,由校、企、研三方聯(lián)合開發(fā),將JavaScript和jQuery基礎(chǔ)知識(shí)與基本技能點(diǎn)融入“校園志愿服務(wù)網(wǎng)站”的9個(gè)項(xiàng)目共31個(gè)任務(wù),主要內(nèi)容包括走進(jìn)前端交互世界、移動(dòng)的歡迎頁、首頁鏈接頁、志愿項(xiàng)目、首頁輪播圖、首頁注冊(cè)頁面、志愿風(fēng)采、志愿之星和錦上添花。
趙麗梅,女,副教授,綿陽職業(yè)技術(shù)學(xué)院,參與軟件技術(shù)專業(yè)人才培養(yǎng)方案的制定:全棧工程師方向、前端工程師方向;負(fù)責(zé)的課程標(biāo)準(zhǔn):計(jì)算機(jī)導(dǎo)論、C語言程序設(shè)計(jì)、前端交互設(shè)計(jì)、數(shù)據(jù)庫應(yīng)用(所有課程);在線課程:關(guān)系數(shù)據(jù)庫基礎(chǔ)、Web志愿服務(wù)端程序設(shè)計(jì);參與軟件技術(shù)專業(yè)資源庫建設(shè)。
項(xiàng)目一 走進(jìn)前端交互世界 1
任務(wù)1-1 前端技術(shù)的演進(jìn)——IT人的擔(dān)當(dāng)與奮斗 1
項(xiàng)目二 移動(dòng)的歡迎頁 9
任務(wù)2-1 問候語的寫入 9
任務(wù)2-2 歡迎頁的移動(dòng) 23
任務(wù)2-3 問候語的寫入與調(diào)試 39
任務(wù)2-4 歡迎頁的完善 51
項(xiàng)目三 首頁鏈接頁 77
任務(wù)3-1 日歷的實(shí)現(xiàn) 77
任務(wù)3-2 時(shí)鐘的制作 99
項(xiàng)目四 志愿項(xiàng)目 125
任務(wù)4-1 表格隔行異色 125
任務(wù)4-2 志愿者報(bào)名 133
項(xiàng)目五 首頁輪播圖 141
任務(wù)5-1 幻燈片輪播 141
任務(wù)5-2 點(diǎn)動(dòng)控制幻燈片輪播 154
任務(wù)5-3 無縫輪播 165
任務(wù)5-4 特效輪播(一) 176
任務(wù)5-5 特效輪播(二) 189
項(xiàng)目六 首頁注冊(cè)頁面 202
任務(wù)6-1 表單驗(yàn)證(一) 202
任務(wù)6-2 表單驗(yàn)證(二) 212
任務(wù)6-3 本地存儲(chǔ) 219
任務(wù)6-4 注冊(cè)信息的存儲(chǔ) 227
任務(wù)6-5 表單生成器 236
項(xiàng)目七 志愿風(fēng)采 251
任務(wù)7-1 風(fēng)采相冊(cè)的制作 251
任務(wù)7-2 敬老院志愿服務(wù) 259
項(xiàng)目八 志愿之星 266
任務(wù)8-1 認(rèn)識(shí)jQuery 266
任務(wù)8-2 服務(wù)宣言展示 273
任務(wù)8-3 列表風(fēng)格切換(一) 278
任務(wù)8-4 列表風(fēng)格切換(二) 284
任務(wù)8-5 服務(wù)評(píng)星與留言板點(diǎn)評(píng) 289
任務(wù)8-6 豐富網(wǎng)頁交互效果 296
任務(wù)8-7 列表展示 301
項(xiàng)目九 錦上添花 311
任務(wù)9-1 響應(yīng)式導(dǎo)航 311
任務(wù)9-2 飄落的楓葉 318
任務(wù)9-3 圖片3D特效展示 324
參考文獻(xiàn) 330