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

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

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

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

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

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

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

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