《Web前端框架應(yīng)用》課程大綱

《Web前端框架應(yīng)用》課程大綱課程名稱Web前端框架應(yīng)用課程代碼GX04F099D10總學(xué)時64實踐學(xué)時32學(xué)分4修課方式t必修選修開課學(xué)期第二學(xué)年第一學(xué)期使用班級2021級軟件技術(shù)專業(yè)課程所屬部門人工智能學(xué)院課程負(fù)責(zé)人課程團(tuán)隊專任教師企業(yè)教師授課教師姓名聯(lián)系方式輔導(dǎo)地點輔導(dǎo)時間適用專業(yè)軟件技術(shù)專業(yè)、移動應(yīng)用開發(fā)專業(yè)等前導(dǎo)課程Web前端基礎(chǔ)、web前端應(yīng)用開發(fā)后續(xù)課程基于框架的web開發(fā)實訓(xùn)選用教材及資料教材名稱Vue。js實戰(zhàn)編者梁灝出版社清華大學(xué)出版社版次2017年11月第2版主要教學(xué)參考資料課程學(xué)習(xí)目標(biāo)掌握Vue的基本概念以及優(yōu)勢、Vue開發(fā)環(huán)境的搭建、Vue實例對象、內(nèi)置指令、組件、事件、生命周期、全局API以及實例屬性、過渡動畫、路由、狀態(tài)管理等知識；能根據(jù)具體項目要求，使用vue—cli腳手架工具快速搭建項目，實現(xiàn)網(wǎng)頁或app頁面的設(shè)計。具有分析和解決實際問題的能力，養(yǎng)成良好的編程習(xí)慣，為以后從事專業(yè)化的web前端開發(fā)工作奠定基礎(chǔ)。教學(xué)目標(biāo)課程對應(yīng)的專業(yè)核心能力專業(yè)核心能力比例分配課程對應(yīng)的專業(yè)核心能力指標(biāo)教學(xué)目標(biāo)RJA專業(yè)能力：熟練運用從事軟件編碼、軟件測試、軟件實施與維護(hù)等活動所需的知識、技能和工具。具備愛崗敬業(yè)的勞動態(tài)度。50%RJA2：掌握Web前端開發(fā)的知識、技能和工具，能夠熟練應(yīng)用于前端開發(fā)等專業(yè)活動，愛崗敬業(yè)，樂于奉獻(xiàn)；AOB1：掌握VisualStudioCode工具安裝及使用；熟練使用該工具創(chuàng)建、能耐心細(xì)致編寫代碼設(shè)計簡單網(wǎng)頁。AOB2：掌握Vue基礎(chǔ)模板語法、單向和雙向數(shù)據(jù)綁定、樣式綁定、常用指令以及自定義指令、計算選項、狀態(tài)監(jiān)聽、過濾器等；能愛崗敬業(yè)，樂于奉獻(xiàn)的進(jìn)行頁面設(shè)計；編程規(guī)范、設(shè)計出有愛國情懷的作品。AOB3：掌握表單、事件等控制網(wǎng)頁數(shù)據(jù)的動態(tài)展示，能實現(xiàn)頁面表單驗證設(shè)計；愛崗敬業(yè)，樂于奉獻(xiàn)；編程規(guī)范、設(shè)計出有愛國情懷的作品。AOB5：掌握Vue項目開發(fā)環(huán)境搭建、常用布局組件、插件使用，并能夠在此基礎(chǔ)上快速進(jìn)行網(wǎng)頁設(shè)計，愛崗敬業(yè)，求真務(wù)實的勞動態(tài)度；編程規(guī)范、設(shè)計出有愛國情懷的作品。RJB問題解決：能夠識別、分析、解決軟件編碼、軟件測試、軟件實施與維護(hù)等活動中的常見技術(shù)問題。具備勇于探索、精益求精的工匠精神。30%RJB1：能夠運用Web前端框架開發(fā)技術(shù)和相關(guān)知識，對開發(fā)過程中出現(xiàn)的常見問題進(jìn)行識別、分析和解決，勇于探索，精益求精；BOB1：能夠運用Vue組件設(shè)計頁面，并能解決設(shè)計網(wǎng)頁實現(xiàn)過程中出現(xiàn)的問題，勇于探索，精益求精。BOB2：能夠使用Vue插件設(shè)計頁面，并能解決網(wǎng)頁或app項目實現(xiàn)過程中出現(xiàn)的問題；勇于探索，精益求精。逐步掌握分析前端框架問題的能力及解決問題的能力。BOB3：能夠搭建Vue的開發(fā)環(huán)境，使用Vue—cli快速建立項目、能夠解決運用webpack打包項目及發(fā)布項目等遇到的問題；勇于探索，精益求精。BOB4：能夠快速根據(jù)關(guān)鍵字快速獲得未知領(lǐng)域的信息，有一定的篩選能力；并用于解決快速頁面設(shè)計遇到的問題；勇于探索，精益求精。有快速學(xué)習(xí)能力，未知領(lǐng)域知識獲取應(yīng)用能力。RJC信息素養(yǎng)：熟練運用現(xiàn)代信息技術(shù)及工具，獲取、處理和使用信息。遵守網(wǎng)絡(luò)倫理道德。RJE終身學(xué)習(xí)：具備終身學(xué)習(xí)意識和自主學(xué)習(xí)能力。20%RJC2：能夠運用現(xiàn)代信息技術(shù)及工具查閱專業(yè)文獻(xiàn)、獲取專業(yè)知識，并將其運用于工程實踐中，遵守網(wǎng)絡(luò)空間安全法規(guī)和制度；RJE1：能夠認(rèn)識不斷探索和學(xué)習(xí)的必要性，具有自主學(xué)習(xí)和終身學(xué)習(xí)的意識；EOB1：掌握使用搜索引擎、論壇、幫助文檔、課外書籍等方法解決學(xué)習(xí)中出現(xiàn)的問題，遵紀(jì)守法，按規(guī)行事，遵守網(wǎng)絡(luò)空間安全法規(guī)和制度；EOB2：能夠主動閱讀書后拓展知識并進(jìn)行項目設(shè)計與實現(xiàn)。學(xué)生遵守網(wǎng)絡(luò)倫理道德，通過網(wǎng)絡(luò)查詢資料，完成項目開發(fā)；遵紀(jì)守法，按規(guī)行事，遵守網(wǎng)絡(luò)空間安全法規(guī)和制度。合計100%單元教學(xué)設(shè)計單元名稱對應(yīng)的教學(xué)目標(biāo)編號教學(xué)內(nèi)容學(xué)時教學(xué)方式評價方式理論實踐1.基礎(chǔ)部分AOB1課堂講授：1.Vue的核心設(shè)計思想2.Vue開發(fā)環(huán)境搭建3.Vue開發(fā)和調(diào)試工具的使用4.Vue項目的創(chuàng)建5.Vue數(shù)據(jù)綁定6.Vue事件監(jiān)聽7.組件定義與注冊8.生命周期鉤子函數(shù)演示與練習(xí)：1.搭建Vue開發(fā)環(huán)境2.HelloWorld案例3.學(xué)生列表案例課程平臺討論版：安裝、卸載VSCode、vue—devtools、webpack過程中出現(xiàn)的問題。104一體化教學(xué)講授教師演示學(xué)生練習(xí)1.出勤+課堂表現(xiàn)+平臺訪問情況（20%）2.課后作業(yè)（10%）3.課程平臺線上小測（20%）4.階段作品（50%）AOB2BOB1EOB1EOB22.提高部分AOB3課堂講授：1.模板語法2.數(shù)據(jù)綁定3.樣式綁定4.計算5.指令6.組件7.Vue常用API8.Render函數(shù)9.Vue路由10.Vuex狀態(tài)管理11.服務(wù)器渲染12.Element—UI演示及練習(xí)：1.插值語法、指令語法2.單項數(shù)據(jù)綁定、雙向數(shù)據(jù)綁定3.綁定class4.條件渲染、列表渲染5.表單創(chuàng)建及其驗證6.組件通信7.常見API使用8.Render函數(shù)運用課程平臺討論版：運用Vue開發(fā)基礎(chǔ)知識解決實際問題104一體化教學(xué)講授教師演示學(xué)生練習(xí)1.出勤+課堂表現(xiàn)+平臺訪問情況（20%）2.課后作業(yè)（10%）3.課程平臺線上小測（20%）4.階段作品（50%）BOB2EOB1EOB23.項目實踐AOB5課堂講授：1.微商城項目展示2.項目搭建&方案項目實踐：模塊1［項目搭建]3.創(chuàng)建項目4.配置路由5.配置Vuex6.配置axios7.目錄結(jié)構(gòu)模塊1［商城首頁]1.頁面結(jié)構(gòu)2.頂部標(biāo)題欄3.輪播圖4.九宮格展示區(qū)域5.底部導(dǎo)航欄模塊3［新聞資訊]1.新聞資訊列表2.新聞詳情模塊4［圖片分享]1.圖片列表2.圖片詳情模塊5［商品購買]1.商品詳情頁2.購物車模塊6［分類列表]1.頁面結(jié)構(gòu)搭建2.better—scroll運用課堂演示及練習(xí)：完整項目展示230一體化教學(xué)講授教師演示學(xué)生練習(xí)1.出勤+課堂表現(xiàn)+平臺訪問情況（20%）2.實踐作品（40%）3.項目報告（40%）BOB4EOB1EOB24.項目部署及答辯BOB1課堂講授：1.項目部署答辯：22教師輔導(dǎo)學(xué)生練習(xí)學(xué)生答辯1.答辯（100%）BO