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