《Web 前端開發(fā)實(shí)戰(zhàn)》是廣西壯族自治區(qū)“十四五”職業(yè)教育規(guī)劃教材，也是基于課程群應(yīng)用、崗課賽證融通開發(fā)出來的新型“適崗”綜合實(shí)訓(xùn)類教材。本教材以企業(yè)真實(shí)的項(xiàng)目“制作廣西少數(shù)民族文化資源網(wǎng)”為載體，以職業(yè)能力培養(yǎng)為目標(biāo)，以工作流程為導(dǎo)向，重新構(gòu)建實(shí)訓(xùn)內(nèi)容，分為“HTML5+CSS3網(wǎng)頁布局與美化”（前期）、“JavaScript 網(wǎng)頁特效制作”（中期）、“綜合應(yīng)用”（后期）3個工作項(xiàng)目，將3個工作項(xiàng)目細(xì)化為11個任務(wù)，每個任務(wù)融入與之相對應(yīng)的 Web 前端開發(fā)知識點(diǎn)、“1+X”Web 前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)及要求、廣西職業(yè)院校技能大賽中職組“Web 應(yīng)用開發(fā)”賽項(xiàng)技
術(shù)標(biāo)準(zhǔn)及要求。本教材按照任務(wù)驅(qū)動的教學(xué)策略來編寫，每個任務(wù)按照任務(wù)導(dǎo)入—任務(wù)目標(biāo)—任務(wù)描述—任務(wù)實(shí)施—知識庫—課后拓展—“1+X”考證練習(xí)—收獲與反思8個環(huán)節(jié)來設(shè)計(jì)。
學(xué)生在掌握本教材實(shí)訓(xùn)技能后可以達(dá)到初級 Web 前端開發(fā)工程師的水平。
本教材主要有以下特色：一是體現(xiàn)立德樹人理念。本教材以精益求精、開拓創(chuàng)新的工匠精神為引領(lǐng)，深入挖掘廣西少數(shù)民族本土文化中的思政元素與計(jì)算機(jī)專業(yè)知識的契合點(diǎn)，將其有機(jī)融入教材中，使學(xué)生受到熏陶和感染，做到德技雙修。二是突出產(chǎn)教融合、崗課賽證融通特點(diǎn)。本教材有別于傳統(tǒng)教材，緊緊圍繞 Web 前端開發(fā)的最新技術(shù)（HTML5+CSS3和 JavaScript/jQuery）進(jìn)行編寫，以企業(yè)真實(shí)的工作項(xiàng)目作為教學(xué)項(xiàng)目，把工作內(nèi)容、“1+X”職業(yè)技能等級證書考證內(nèi)容及技能大賽比賽內(nèi)容融入項(xiàng)目中，學(xué)生通過本教材的學(xué)習(xí)既能夠完成考證和參加比賽的選拔，又能夠適應(yīng)工作崗位的技能要求。三是以工作任務(wù)為導(dǎo)向，按照企業(yè)真實(shí)的工作流程來重構(gòu)教學(xué)內(nèi)容，學(xué)生在完成課程學(xué)習(xí)后，能夠掌握初級 Web 前端開發(fā)工程師的工作崗位技能。四是教材配套資源實(shí)現(xiàn)信息化。本教材有配套的在線開發(fā)課程，還配備微課資源，并以二維碼的形式嵌入教材中，作為移動端的輔助學(xué)習(xí)。
本教材可以作為中等職業(yè)學(xué)校、高等職業(yè)院校和各類計(jì)算機(jī)教育機(jī)構(gòu)的教學(xué)用書，也可以為廣大網(wǎng)頁設(shè)計(jì)愛好者提供幫助，學(xué)時建議如下所示：
項(xiàng)目 任務(wù) 學(xué)時
課程概述
（2學(xué)時）
課程簡介 1
項(xiàng)目簡介 1
項(xiàng)目一 HTML5+CSS3網(wǎng)頁布局
與美化
（40學(xué)時）
任務(wù)一 壯族銅鼓文化詳情頁制作 8
任務(wù)二 節(jié)日頁面制作 8
任務(wù)三 古跡頁面制作 8
任務(wù)四 服飾頁面制作 8
任務(wù)五 美食頁面制作 8
項(xiàng)目二 JavaScript 網(wǎng)頁特效制作
（20學(xué)時）
任務(wù)一 選項(xiàng)卡特效制作 4
任務(wù)二 日期時間顯示特效制作 4
任務(wù)三 頁面頭部固定特效制作 4
任務(wù)四 頁面?zhèn)冗厵谔匦е谱?4
任務(wù)五 頁面輪播圖特效制作 4
項(xiàng)目三 綜合應(yīng)用
（10學(xué)時）
任務(wù) 首頁制作及全站鏈接調(diào)試 10
總學(xué)時 72
本教材由南寧市第六職業(yè)技術(shù)學(xué)校高級講師、高級“雙師型”教師、自治區(qū)優(yōu)秀教師秦紅梅擔(dān)任主編，其負(fù)責(zé)書稿體例大綱、內(nèi)容規(guī)劃、修改統(tǒng)稿工作，并完成課程概述、項(xiàng)目一的任務(wù)一的編寫；陳倩完成項(xiàng)目一的任務(wù)二、任務(wù)三和項(xiàng)目二的任務(wù)一的編寫；莫德智完成項(xiàng)目一的任務(wù)四和項(xiàng)目三的編寫；黃美世完成項(xiàng)目一的任務(wù)五和項(xiàng)目二的任務(wù)二的編寫；譚少謀完成項(xiàng)目二的任務(wù)三、任務(wù)四、任務(wù)五的編寫。教材中涉及的網(wǎng)站圖片及網(wǎng)站 logo 設(shè)計(jì)由孫雨慧、羅蓉和郭輝完成；書稿審核工作由張好完成。教材選用的項(xiàng)目案例由廣西塔易信息技術(shù)有限公司提供。同時，該公司技術(shù)總監(jiān)顏靖對本教材涉及的許多行業(yè)規(guī)范問題進(jìn)行了詳細(xì)指導(dǎo)。本教材配有課件、案例素材、源代碼文檔、教案、習(xí)題答案等數(shù)字資源，讀者可登錄廣西師范大學(xué)出版社官網(wǎng)“下載中心”的“職業(yè)教育”欄目下載使用。本教材配套的數(shù)字教學(xué)資源受版權(quán)保護(hù)，嚴(yán)禁外傳。同時，本教材在超星學(xué)習(xí)通平臺上配套建有在線開放課程，歡迎讀者加入該課程進(jìn)行同步學(xué)習(xí)。由于編者的水平有限，疏漏和不足之處在所難免，懇請專家和讀者朋友批評指正。
編者
2023年3月
