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