Web前端開發(fā)（初級）（上冊）-教學(xué)大綱、授課計劃

《Web前端開發(fā)（初級)（上冊）》教學(xué)大綱課程信息課程名稱：Web前端開發(fā)（初級)（上冊）課程類別：素質(zhì)選修課/專業(yè)基礎(chǔ)課課程性質(zhì)：選修/必修計劃學(xué)時：64計劃學(xué)分：4先修課程：無選用教材：《Web前端開發(fā)（初級)（上冊）》，工業(yè)和信息化部教育與考試中心主編，2019年，電子工業(yè)出版社。適用專業(yè)：本課程可用于1+X證書制度試點工作中的Web前端開發(fā)職業(yè)技能等級證書的教學(xué)和培訓(xùn)，也可以作為期望從事Web前端開發(fā)職業(yè)的應(yīng)屆畢業(yè)生和社會在職人員的自學(xué)參考課程。課程負責(zé)人：二、課程簡介本課程以《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)》（初級）為編寫依據(jù)，分上、下兩冊，包括Web頁面制作基礎(chǔ)、JavaScript程序設(shè)計、HTMLS和CSS3開發(fā)基礎(chǔ)與應(yīng)用、輕量級框架應(yīng)用四篇，分別對應(yīng)《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)》（初級）涉及的四門核心課程：“Web頁面制作基礎(chǔ)”“JavaScript程序設(shè)計”“HTMLS開發(fā)基礎(chǔ)與應(yīng)用”“輕量級前端框架”。三、課程教學(xué)要求序號專業(yè)畢業(yè)要求課程教學(xué)要求關(guān)聯(lián)程度1工程知識Web頁面制作基礎(chǔ)、JavaScript程序設(shè)計、HTMLS和CSS3開發(fā)基礎(chǔ)與應(yīng)用、輕量級框架應(yīng)用H2問題分析隨著移動互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，網(wǎng)站在靜態(tài)頁面的基礎(chǔ)上添加了各類桌面軟件，網(wǎng)頁不再只是承載單一的文字和圖片，而是要求具備炫酷的頁面交互、跨終端的適配兼容功能，使用富媒體讓網(wǎng)頁內(nèi)容更加生動，從而讓用戶有更好的使用體驗，這些都基于前端技術(shù)來實現(xiàn)，其中包括HTML、CSS、HTML5、CSS3、AJAX、JavaScript、jQuery等，使得無論是在開發(fā)難度上還是在開發(fā)方式上，都對前端開發(fā)人員提出了越來越高的要求。H3設(shè)計/開發(fā)解決方案以《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)》中的職業(yè)素養(yǎng)和崗位技術(shù)技能為重點培養(yǎng)目標(biāo)，以專業(yè)技能為模塊，以工作任務(wù)為驅(qū)動進行組織編寫，使學(xué)生對Web前端開發(fā)的技術(shù)體系有更系統(tǒng)、更清晰的認識。H4研究L5使用現(xiàn)代工具L6工程與社會學(xué)會將相應(yīng)的技術(shù)應(yīng)用于實際生產(chǎn)和社會服務(wù)中，為社會做出貢獻。H7環(huán)境和可持續(xù)發(fā)展L8職業(yè)規(guī)范L9個人和團隊1.學(xué)會個人發(fā)展和團隊合作，提高個人和團隊的綜合素質(zhì)。2.學(xué)會與他人合作和溝通，建立良好的人際關(guān)系和團隊合作氛圍。M10溝通學(xué)會禮貌且有效的溝通和表達，與客戶、同事和上級保持良好的溝通和協(xié)作。H11項目管理L12終身學(xué)習(xí)1.學(xué)會進行自我學(xué)習(xí)和自我提升，不斷提高自身的專業(yè)水平和創(chuàng)新能力。2.學(xué)會進行終身學(xué)習(xí)和職業(yè)發(fā)展規(guī)劃，不斷拓展職業(yè)領(lǐng)域和發(fā)展空間。H注：“課程教學(xué)要求”欄中內(nèi)容為針對該課程適用專業(yè)的專業(yè)畢業(yè)要求與相關(guān)教學(xué)要求的具體描述?！瓣P(guān)聯(lián)程度”欄中字母表示二者關(guān)聯(lián)程度。關(guān)聯(lián)程度按高關(guān)聯(lián)、中關(guān)聯(lián)、低關(guān)聯(lián)三檔分別表示為“H”“M”或“L”?！罢n程教學(xué)要求”及“關(guān)聯(lián)程度”中的空白欄表示該課程與所對應(yīng)的專業(yè)畢業(yè)要求條目不相關(guān)。四、課程教學(xué)內(nèi)容章節(jié)名稱主要內(nèi)容重難點關(guān)鍵詞學(xué)時類型1Web簡介Web的誕生Web的相關(guān)概念Web開發(fā)了解Web的由來以及其與Internet之間的關(guān)系；了解Web的相關(guān)概念，包括WWW、Website、URL、WebStandard、WebBrowser、WebServer。8理論+實踐2HTML基礎(chǔ)HTML概述HTML的全局屬性HTML的元素HTML的預(yù)留字符了解HTML的歷史；精通HTML的結(jié)構(gòu)；精通HTML的元素和屬性。12理論+實踐3CSS基礎(chǔ)什么是CSSCSS的歷史CSS樣式單的使用方式CSS的兩個特性CSS的基本語法CSS的選擇器CSS的屬性CSS盒模型布局屬性了解CSS的歷史；精通CSS的語法和兩個特性；精通CSS的選擇器和屬性。18理論+實踐4JavaScript語法基礎(chǔ)JavaScript的歷史JavaScript的基礎(chǔ)知識分支循環(huán)數(shù)組字符串操作正則表達式對象函數(shù)掌握JavaScript的基本語法，以及各種數(shù)據(jù)類型的判別和變換；掌握JavaScript的流程控制語句。8理論+實踐5JavaScript對象模型BOM對象BOM操作DOM對象DOM操作掌握JavaScript的BOM對象；掌握JavaScript的BOM操作；掌握JavaScript的DOM對象；掌握JavaScript的DOM操作。8理論+實踐6JavaScript事件處理事件介紹窗口事件鼠標(biāo)事件鍵盤事件事件冒泡與捕獲掌握JavaScript事件處理，包括窗口事件、鼠標(biāo)事件、鍵盤事件等。掌握JavaScript事件冒泡與捕獲。10理論+實踐五、考核要求及成績評定序號成績類別考核方式考核要求權(quán)重（%）備注1期末成績期末考試考試50百分制，60分為及格2平時成績課后作業(yè)6次40優(yōu)、良、中、及格、不及格3平時表現(xiàn)出勤情況10兩次未參加課程則無法獲得學(xué)分注：此表中內(nèi)容為該課程的全部考核方式及其相關(guān)信息。六、學(xué)生學(xué)習(xí)建議學(xué)習(xí)方法建議1.通過開展課堂討論、實踐活動，增強的團隊交流能力，學(xué)會如何與他人合作、溝通、協(xié)調(diào)等等。2.通過思考，加深自己的興趣，鞏固知識點。3.進行練習(xí)和實踐，提高自己的技能和應(yīng)用能力，加深對知識的理解和記憶。（二）學(xué)生課外閱讀參考資料《Web前端開發(fā)（初級)（上冊）》，工業(yè)和信息化部教育與考試中心主編，2019年，電子工業(yè)出版社。課程改革與建設(shè)1．內(nèi)容全面，由淺入深依據(jù)打造初級Web前端工程師規(guī)劃學(xué)習(xí)路徑，詳細介紹了Web前端開發(fā)中涉及的四大前端技術(shù)的內(nèi)容和技巧，并重點講解了學(xué)習(xí)過程中難以理解和掌握的知識點，降低了學(xué)生的學(xué)習(xí)難度。2．理論和實踐相結(jié)合配有一定數(shù)量的實用案例，同時在全面、系統(tǒng)介紹各章知識內(nèi)容的基礎(chǔ)上，還提供了可以整合綜合知識的案例。通過各種案例將理論知識和實踐結(jié)合起來。平時對學(xué)生的考核內(nèi)容包括出勤情況、學(xué)生的學(xué)習(xí)成果、課堂討論等方面，占期末總評的50%。期末考試成績占期末總評的50%。制訂人簽字：教研室主任簽字：院部負責(zé)人簽字：修訂時間：年月日教學(xué)日歷（20xx～20xx學(xué)年第x學(xué)期）開課學(xué)院開課專業(yè)講授學(xué)時32課程名稱Web前端開發(fā)（初級)（上冊）授課教師實踐/實驗學(xué)時32授課年級授課班級總學(xué)時64使用教材《Web前端開發(fā)（初級)（上冊）》參考書目《Web前端開發(fā)（初級)（上冊）》校歷周次授課內(nèi)容分章節(jié)題目第1周第1章Web簡介（4學(xué)時）1.1Web的誕生（2學(xué)時）1.2Web的相關(guān)概念（2學(xué)時）第2周第1章Web簡介（4學(xué)時）1.3Web開發(fā)（4學(xué)時）第3周第2章HTML基礎(chǔ)（4學(xué)時）2.1HTML概述（2學(xué)時）2.2HTML的全局屬性（2學(xué)時）第4周第2章HTML基礎(chǔ)（4學(xué)時）2.3HTML的元（4學(xué)時）第5周第2章HTML基礎(chǔ)（4學(xué)時）2.4HTML的預(yù)留字符（4學(xué)時）第6周第3章CSS基礎(chǔ)（4學(xué)時）3.1什么是CSS（2學(xué)時）3.2CSS的歷史（2學(xué)時）第7周第3章CSS基礎(chǔ)（4學(xué)時）3.3CSS樣式單的使用方式（2學(xué)時）3.4CSS的兩個特性（2學(xué)時）第8周第3章CSS基礎(chǔ)（4學(xué)時）3.5CSS的基本語法（2學(xué)時）3.6CSS的選擇器（2學(xué)時）第9周第3章CSS基礎(chǔ)（4學(xué)時）3.7CSS的屬性（2學(xué)時）3.8CSS盒模型（2學(xué)時）第10周第3章CSS基礎(chǔ)3.9布局屬性（2學(xué)時）第4章JavaScript語法基礎(chǔ)4.1JavaScript的歷史（1學(xué)時）4.2JavaScript的基礎(chǔ)知識（1學(xué)時）第11周第4章JavaScript語法基礎(chǔ)（4學(xué)時）4.3分支循環(huán)（1學(xué)時）4.4數(shù)組（1學(xué)時）4.5字符串操作（1學(xué)時）

4.6正則表達式（1學(xué)時）第12周第4章JavaScript語法基礎(chǔ)4.7對象（1學(xué)時）4.8函數(shù)（1學(xué)時）第5章JavaScript對象模型5.1BOM對象（2學(xué)時）第13周第5章JavaScript對象模型（4學(xué)時）5.2BOM操作（2學(xué)時）5.3DOM對