《Web前端框架應(yīng)用》課程標(biāo)準(zhǔn)

1、Web前端框架應(yīng)用課程標(biāo)準(zhǔn)課程學(xué)習(xí)目標(biāo)掌握Vue的基本概念以及優(yōu)勢、Vue開發(fā)環(huán)境的搭建、Vue實(shí)例對象、內(nèi)置指令、組 件、事件、生命周期、全局API以及實(shí)例屬性、過渡動畫、路由、狀態(tài)管理等知識；能 根據(jù)具體工程要求，使用vue-cli腳手架工具快速搭建工程，實(shí)現(xiàn)網(wǎng)頁或app頁面的設(shè) 計(jì)。具有分析和解決實(shí)際問題的能力，養(yǎng)成良好的編程習(xí)慣，為以后從事專業(yè)化的web 前端開發(fā)工作奠定基礎(chǔ)。教學(xué)目標(biāo)課程對應(yīng)的專 業(yè)核心能力專業(yè)核 心能力 比例課程對應(yīng)的 專業(yè)核心能 力指標(biāo)RJA專業(yè)能力：RJA2：掌握 Web熟練運(yùn)用從事軟刖端開發(fā)的知件編碼、軟件測識、技能和工試、軟件實(shí)施與具，能夠熟練維護(hù)等活動所需

2、50%應(yīng)用于前端開的知識、技能和發(fā)等專業(yè)活工具。具備愛崗動，愛崗敬敬業(yè)的勞動態(tài)業(yè)，樂于奉度。獻(xiàn)；教學(xué)目標(biāo)A0B1：掌握Visual Studio Code工具安裝及使用； 熟練使用該工具創(chuàng)立、能耐心細(xì)致編寫代碼設(shè)計(jì)簡 單網(wǎng)頁。A0B2：掌握Vue基礎(chǔ)模板語法、單向和雙向數(shù)據(jù)綁 定、樣式綁定、常用指令以及自定義指令、計(jì)算選 項(xiàng)、狀態(tài)監(jiān)聽、過濾器等；能愛崗敬業(yè)，樂于奉獻(xiàn) 的進(jìn)行頁面設(shè)計(jì)；編程規(guī)范、設(shè)計(jì)出有愛國情懷的 作品。A0B3：掌握表單、事件等控制網(wǎng)頁數(shù)據(jù)的動態(tài)展 示，能實(shí)現(xiàn)頁面表單驗(yàn)證設(shè)計(jì)；愛崗敬業(yè)，樂于奉 獻(xiàn)；編程規(guī)范、設(shè)計(jì)出有愛國情懷的作品。AOB5：掌握Vue工程開發(fā)環(huán)境搭建、常用布局

3、組 件、插件使用，并能夠在此基礎(chǔ)上快速進(jìn)行網(wǎng)頁設(shè) 計(jì)，愛崗敬業(yè)，求真務(wù)實(shí)的勞動態(tài)度；編程規(guī)范、 設(shè)計(jì)出有愛國情懷的作品。RJB問題解決： 能夠識別、分 析、解決軟件編 碼、軟件測試、 軟件實(shí)施與維護(hù) 等活動中的常見 技術(shù)問題。具備 勇于探索、精益 求精的工匠精 神。30%RJB1：能夠運(yùn) 用Web前端框 架開發(fā)技術(shù)和 相關(guān)知識，對 開發(fā)過程中出 現(xiàn)的常見問題 進(jìn)行識別、分 析和解決，勇 于探索，精益 求精；B0B1：能夠運(yùn)用Vue組件設(shè)計(jì)頁面，并能解決設(shè)計(jì) 網(wǎng)頁實(shí)現(xiàn)過程中出現(xiàn)的問題，勇于探索，精益求 精。BOB2：能夠使用Vue插件設(shè)計(jì)頁面，并能解決網(wǎng)頁 或app工程實(shí)現(xiàn)過程中出現(xiàn)的問題；勇于

4、探索，精 益求精。逐步掌握分析前端框架問題的能力及解決 問題的能力。BOB3：能夠搭建Vue的開發(fā)環(huán)境，使用Vue-cli快 速建立工程、能夠解決運(yùn)用webpack打包工程及發(fā) 布工程等遇到的問題；勇于探索，精益求精。B0B4:能夠快速根據(jù)關(guān)鍵字快速獲得未知領(lǐng)域的信 息，有一定的篩選能力；并用于解決快速頁面設(shè)計(jì) 遇到的問題；勇于探索，精益求精。有快速學(xué)習(xí)能 力，未知領(lǐng)域知識獲取應(yīng)用能力。RJC信息素養(yǎng)： 熟練運(yùn)用現(xiàn)代信 息技術(shù)及工具， 獲取、處理和使 用信息。遵守網(wǎng) 絡(luò)倫理道德。RJE終身學(xué)習(xí)； 具備終身學(xué)習(xí)意 識和自主學(xué)習(xí)能 力。20%RJC2：能夠運(yùn) 用現(xiàn)代信息技 術(shù)及工具查閱 專業(yè)文獻(xiàn)、

5、獲 取專業(yè)知識， 并將其運(yùn)用于 工程實(shí)踐中， 遵守網(wǎng)絡(luò)空間 平安法規(guī)和制 度；EOB1:掌握使用搜索引擎、論壇、幫助文檔、課外書 籍等方法解決學(xué)習(xí)中出現(xiàn)的問題，遵紀(jì)守法，按規(guī) 行事，遵守網(wǎng)絡(luò)空間平安法規(guī)和制度；EOB2:能夠主動閱讀書后拓展知識并進(jìn)行工程設(shè)計(jì)與 實(shí)現(xiàn)。學(xué)生遵守網(wǎng)絡(luò)倫理道德，通過網(wǎng)絡(luò)查詢資料，完成 工程開發(fā)；遵紀(jì)守法，按規(guī)行事，遵守網(wǎng)絡(luò)空間安 全法規(guī)和制度。RJE1：能夠認(rèn) 識不斷探索和 學(xué)習(xí)的必要 性，具有自主 學(xué)習(xí)和終身學(xué) 習(xí)的意識；合計(jì)100%單元教學(xué)設(shè)計(jì)單元 名稱對應(yīng)的教學(xué)目 標(biāo)編號教學(xué)內(nèi)容學(xué)時(shí)評價(jià)方式理論教學(xué)方式1 .基礎(chǔ)局部A0B1課堂講授：Vue的核心設(shè)計(jì)思想Vue

6、開發(fā)環(huán)境搭建Vue開發(fā)和調(diào)試工具 的使用Vue工程的創(chuàng)立Vue數(shù)據(jù)綁定Vue事件監(jiān)聽組件定義與注冊生命周期鉤子函數(shù) 演示與練習(xí)：1 .搭建Vue開發(fā)環(huán)境2.IIelloWorld 案例3.學(xué)生列表案例課程平臺討論版：安裝、卸載VSCode、 vue-devtools webpack過程中出現(xiàn)的 問題。104一體化教學(xué)講授教師演示學(xué)生練習(xí).出勤+課堂表現(xiàn)+平臺訪問情況(20%).課后作業(yè)(10%).課程平臺線上小測(20%).階段作品(50%)A0B2B0B1E0B1E0B22.提高局部A0B3課堂講授：.模板語法.數(shù)據(jù)綁定.樣式綁定.計(jì)算.指令.組件. Vue 常用 API. Render 函

7、數(shù). Vue路由. Vuex狀態(tài)管理.服務(wù)器渲染. Element-UI演示及練習(xí)：.插值語法、指令語 法.單項(xiàng)數(shù)據(jù)綁定、雙 向數(shù)據(jù)綁定.綁定 class.條件渲染、列表渲 染.表單創(chuàng)立及其驗(yàn)證.組件通信.常見API使用. Render函數(shù)運(yùn)用課程平臺討論版：運(yùn)用Vue開發(fā)基礎(chǔ)知識解決實(shí)際問題104一體化教學(xué)講授教師演示學(xué)生練習(xí).出勤+課堂表現(xiàn)+平臺訪問情況(20%).課后作業(yè)(10%).課程平臺線上小測(20%)4.階段作品(50%)B0B2E0B1E0B23.工程實(shí)踐A0B5課堂講授：.微商城工程展示.工程搭建&方案工程實(shí)踐：模塊1 工程搭建.創(chuàng)立工程.配置路由.配置Vuex.配置 axios.目錄結(jié)構(gòu)模塊1 商城首頁.頁面結(jié)構(gòu).頂部標(biāo)題欄230一體化教學(xué)講授教師演示學(xué)生練習(xí).出勤+課堂表現(xiàn)+平臺訪問情況(20%).實(shí)踐作品(40%).工程報(bào)告(40%)B0B4E0B1E0B2.輪播圖.九宮格展示區(qū)域.底部導(dǎo)航欄模塊3新聞資訊.新聞資訊列表.新聞詳情模塊4圖片提供.圖片列表.圖片詳情模塊5 商品購買.商品詳情頁.購物車模塊6 分類列表.頁面結(jié)構(gòu)搭建. better-scroll 運(yùn) 用課堂演示及練習(xí)：完整工程展示4.項(xiàng) 目部 署及 辯論B0B1課堂講授：L工程部署辯論：22教師輔導(dǎo)學(xué)生練習(xí)學(xué)生辯論1.辯論(100%)B0B2B0B3B0B4E0B