《前端設(shè)計與開發(fā)》課程教學(xué)大綱

ADDINCNKISM.UserStyle《前端設(shè)計與開發(fā)》課程教學(xué)大綱（理論課程）一、課程基本信息課程號3023D06025開課單位國際學(xué)院課程名稱前端設(shè)計與開發(fā)Front-endDesignandDevelopment課程性質(zhì)選修考核類型考試課程學(xué)分3課程學(xué)時34周課程類別學(xué)科拓展課（學(xué)科基礎(chǔ)課）適用專業(yè)（類）軟件工程二、課程描述及目標(biāo)（一）課程簡介《前端設(shè)計與開發(fā)》是軟件工程專業(yè)拓展就業(yè)創(chuàng)業(yè)方向課，是面向軟件系統(tǒng)前端的一門實踐性很強的課程，主要講授h5基礎(chǔ)和vue框架的基本技術(shù)。其中vue框架是當(dāng)前比較流行的框架之一，要想掌握這種框架，必須要一定的前端基礎(chǔ)。本課程通過講授html，js，css基礎(chǔ)，使得學(xué)生能夠理解和掌握vue框架，靈活運用課堂所學(xué)知識實現(xiàn)自己的前端系統(tǒng)。（二）教學(xué)目標(biāo)通過本課程講授，使得學(xué)生能夠熟練使用h5，css和js。熟練運用vue實現(xiàn)前端系統(tǒng)。掌握Vue組件的屬性和方法，Vue組件的高級用法，如何處理用戶交互，利用Vue進行響應(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：掌握文獻檢索的方法，并能夠進行文獻分析，提高分析問題，解決問題的能力并提高實際動手能力。課程目標(biāo)4：能夠編寫有一定規(guī)模的應(yīng)用程序，養(yǎng)成良好的編程習(xí)慣，會使用重構(gòu)、設(shè)計模式、單元測試等方式提高代碼的質(zhì)量。三、課程目標(biāo)對畢業(yè)要求的支撐關(guān)系畢業(yè)要求指標(biāo)點課程目標(biāo)1-1：vue基礎(chǔ)理論知識；1-2vue實戰(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：工程實踐能力；2-6：組織協(xié)調(diào)能力；3-4：專業(yè)素養(yǎng)課程目標(biāo)4四、教學(xué)方式與方法采用理論與實踐相結(jié)合的教學(xué)方法，以及案例驅(qū)動的教學(xué)方式。在理論課的指導(dǎo)下，通過完成一個個實驗，驗證階段性的任務(wù)和目標(biāo)完成情況，引導(dǎo)學(xué)生掌握理論課講授的知識，使學(xué)生能運用所學(xué)理論知識進行vue前端編程，完成簡單的單頁面設(shè)計和實現(xiàn)，培養(yǎng)其規(guī)范的編程習(xí)慣，掌握基本的操作技能和編程思想。五、教學(xué)重點與難點（一）教學(xué)重點Vue組件和響應(yīng)式編程思想。（二）教學(xué)難點Vue路由和狀態(tài)管理六、教學(xué)內(nèi)容、基本要求與學(xué)時分配序號教學(xué)內(nèi)容基本要求學(xué)時教學(xué)方式對應(yīng)課程目標(biāo)1Html練習(xí)html各個元素使用2講授課程目標(biāo)12Css練習(xí)css各種選擇器使用2講授課程目標(biāo)13Js練習(xí)js的基本語法4講授課程目標(biāo)14Vue模板應(yīng)用掌握模板基礎(chǔ)，理解模板渲染原理2演示課程目標(biāo)15Vue組件的屬性和方法掌握屬性與方法基礎(chǔ)，學(xué)習(xí)計算屬性和偵聽器的使用，以及常見的各種綁定和雙向綁定。2演示課程目標(biāo)1課程目標(biāo)26處理用戶交互掌握事件的監(jiān)聽方法，以及vue事件的類型2演示課程目標(biāo)1課程目標(biāo)27組件基礎(chǔ)和高級應(yīng)用掌握組件中的數(shù)據(jù)與事件的傳遞，自定義組件的方法，以及組件的高級用法。4演示課程目標(biāo)1課程目標(biāo)28Vue響應(yīng)式編程理解響應(yīng)式編程的原理及在Vue中的應(yīng)用2演示課程目標(biāo)1課程目標(biāo)29ElementPlus掌握vue的UI庫的使用2講授課程目標(biāo)1課程目標(biāo)2課程目標(biāo)310vue-axios的應(yīng)用掌握網(wǎng)絡(luò)框架的使用2演示課程目標(biāo)1課程目標(biāo)2課程目標(biāo)311Vue路由管理學(xué)習(xí)vue路由的使用2講授課程目標(biāo)1課程目標(biāo)2課程目標(biāo)312Vue狀態(tài)管理掌握vue狀態(tài)管理框架vuex2講授課程目標(biāo)1課程目標(biāo)2課程目標(biāo)313Vue綜合實例掌握vue單頁面框架的基本開發(fā)流程。6講授課程目標(biāo)1課程目標(biāo)2課程目標(biāo)3課程目標(biāo)4合計34七、學(xué)業(yè)評價和課程考核（一）考核類型：考試eq\o\ac(□,√)考查（二）考核方式：eq\o\ac(□,√)實驗報告實驗作品其它：（填寫具體考核方式）（三）成績評定：考核依據(jù)建議分值（百分比）考核/評價細(xì)則對應(yīng)課程目標(biāo)過程考核50%課堂表現(xiàn)20是否曠課，遲到，早退。課堂積極性等課程目標(biāo)2作業(yè)20作業(yè)是否及時上交、完整，對基本概念的理解是否正確，對開發(fā)環(huán)境和工具的應(yīng)用是否熟練。課程目標(biāo)1課程目標(biāo)2課程目標(biāo)3課程目標(biāo)4課堂練習(xí)20當(dāng)堂課重點知識的理解掌握情況，程序編寫能力。課程目標(biāo)1課程目標(biāo)2課程目標(biāo)3知識復(fù)習(xí)20對學(xué)過的知識進行總結(jié)（形式包括提交文件，思維導(dǎo)圖，知識點總結(jié)等）課程目標(biāo)1課程目標(biāo)2測試20對程序編寫進行測試課程目標(biāo)1課程目標(biāo)3課程目標(biāo)4期末考核50%課程目標(biāo)1課程目標(biāo)2課程目標(biāo)4八、課程目標(biāo)達(dá)成評價課程目標(biāo)的實際達(dá)成效果計算方式如下，達(dá)成值越高，教學(xué)效果越好。課程目標(biāo)達(dá)成度畢業(yè)要求指標(biāo)點達(dá)成度九、教材與教學(xué)參考書（一）教材《