ADDINCNKISM.UserStyle《前端設(shè)計與開發(fā)實(shí)驗(yàn)》課程教學(xué)大綱（實(shí)驗(yàn)課程）一、課程基本信息課程號3023D06026開課單位國際學(xué)院課程名稱前端設(shè)計與開發(fā)實(shí)驗(yàn)Front-endDesignandDevelopmentLab課程性質(zhì)選修考核類型考查課程學(xué)分1課程學(xué)時34周課程類別學(xué)科拓展課（學(xué)科基礎(chǔ)課）適用專業(yè)（類）軟件工程二、課程描述及目標(biāo)（一）課程簡介《前端設(shè)計與開發(fā)實(shí)驗(yàn)》是軟件工程專業(yè)拓展就業(yè)創(chuàng)業(yè)方向課，是面向軟件系統(tǒng)前端的一門實(shí)踐性很強(qiáng)的課程，主要講授h5基礎(chǔ)和vue框架的基本技術(shù)。其中vue框架是當(dāng)前比較流行的框架之一，要想掌握這種框架，必須要做一定實(shí)驗(yàn)環(huán)節(jié)。本課程通過上機(jī)實(shí)驗(yàn)，使得學(xué)生能夠理解vue框架的優(yōu)勢，靈活運(yùn)用課堂所學(xué)知識實(shí)現(xiàn)自己的前端系統(tǒng)。（二）教學(xué)目標(biāo)通過本課程的上機(jī)練習(xí)，使得學(xué)生能夠熟練使用h5，css和js。熟練運(yùn)用vue實(shí)現(xiàn)前端系統(tǒng)。掌握Vue組件的屬性和方法，Vue組件的高級用法，如何處理用戶交互，利用Vue進(jìn)行響應(yīng)式編程。通過本課程的學(xué)習(xí)，使學(xué)生達(dá)到如下目標(biāo)：課程目標(biāo)1：掌握vue架構(gòu)、使用方法，掌握vue編程。課程目標(biāo)2：培養(yǎng)學(xué)生的終身學(xué)習(xí)能力、創(chuàng)新意識和創(chuàng)新能力以及職業(yè)和專業(yè)素養(yǎng)。課程目標(biāo)3：掌握文獻(xiàn)檢索的方法，并能夠進(jìn)行文獻(xiàn)分析，提高分析問題，解決問題的能力并提高實(shí)際動手能力。課程目標(biāo)4：能夠編寫有一定規(guī)模的應(yīng)用程序，養(yǎng)成良好的編程習(xí)慣，會使用重構(gòu)、設(shè)計模式、單元測試等方式提高代碼的質(zhì)量。三、課程目標(biāo)對畢業(yè)要求的支撐關(guān)系畢業(yè)要求指標(biāo)點(diǎn)課程目標(biāo)1-1：vue基礎(chǔ)理論知識；1-2vue實(shí)戰(zhàn)能力課程目標(biāo)12-1：求學(xué)能力；2-5：創(chuàng)新能力；3-2：創(chuàng)新意識；3-3：職業(yè)素養(yǎng)；3-4：專業(yè)素養(yǎng)。課程目標(biāo)22-3：信息獲取能力。課程目標(biāo)32-2：工程實(shí)踐能力；2-6：組織協(xié)調(diào)能力；3-4：專業(yè)素養(yǎng)課程目標(biāo)4四、教學(xué)方式與方法采用理論與實(shí)踐相結(jié)合的教學(xué)方法，以及案例驅(qū)動的教學(xué)方式。在理論課的指導(dǎo)下，通過完成一個個實(shí)驗(yàn)，驗(yàn)證階段性的任務(wù)和目標(biāo)完成情況，引導(dǎo)學(xué)生掌握理論課講授的知識，使學(xué)生能運(yùn)用所學(xué)理論知識進(jìn)行vue前端編程，完成簡單的單頁面設(shè)計和實(shí)現(xiàn)，培養(yǎng)其規(guī)范的編程習(xí)慣，掌握基本的操作技能和編程思想。五、教學(xué)重點(diǎn)與難點(diǎn)（一）教學(xué)重點(diǎn)Vue組件和響應(yīng)式編程思想。（二）教學(xué)難點(diǎn)Vue路由和狀態(tài)管理六、實(shí)驗(yàn)內(nèi)容、基本要求與學(xué)時分配序號實(shí)驗(yàn)項目名稱實(shí)驗(yàn)內(nèi)容與要求學(xué)時類型對應(yīng)課程目標(biāo)1前端基礎(chǔ)編寫html，js，css8驗(yàn)證性課程目標(biāo)1課程目標(biāo)22Vue組件編寫編寫vue組件12演示性課程目標(biāo)1課程目標(biāo)33Vue高級應(yīng)用ElementPlus使用，練習(xí)vue路由等高級功能的使用14設(shè)計性課程目標(biāo)3課程目標(biāo)4合計34七、學(xué)業(yè)評價和課程考核（一）考核類型：考試eq\o\ac(□,√)考查（二）考核方式：eq\o\ac(□,√)實(shí)驗(yàn)報告實(shí)驗(yàn)作品其它：（填寫具體考核方式）（三）成績評定：考核依據(jù)建議分值（百分比）考核/評價細(xì)則對應(yīng)課程目標(biāo)過程考核100%課堂表現(xiàn)20是否曠課，遲到，早退。實(shí)驗(yàn)積極性。課程目標(biāo)2實(shí)驗(yàn)操作20實(shí)驗(yàn)內(nèi)容操作正確性，上機(jī)操作認(rèn)真，調(diào)試正確，善于提問。課程目標(biāo)1課程目標(biāo)2課程目標(biāo)3課程目標(biāo)4實(shí)驗(yàn)報告20是否及時上交實(shí)驗(yàn)報告，實(shí)驗(yàn)報告結(jié)構(gòu)，內(nèi)容，安排是否合理。課程目標(biāo)1課程目標(biāo)2課程目標(biāo)3實(shí)驗(yàn)結(jié)果20實(shí)驗(yàn)結(jié)果是否正確，完善。課程目標(biāo)1課程目標(biāo)3實(shí)驗(yàn)記錄20識別和解決程序的的錯誤和異常。運(yùn)用調(diào)試工具和技術(shù)定位問題，并解決問題。課程目標(biāo)1課程目標(biāo)3課程目標(biāo)4期末考核0%八、課程目標(biāo)達(dá)成評價課程目標(biāo)的實(shí)際達(dá)成效果計算方式如下，達(dá)成值越高，教學(xué)效果越好。課程目標(biāo)達(dá)成度畢業(yè)要求指標(biāo)點(diǎn)達(dá)成度九、教材與教學(xué)參考書（一）教材《循序漸進(jìn)Vue.js3前端開發(fā)實(shí)戰(zhàn)》，第