Vue.js前端開(kāi)發(fā)實(shí)戰(zhàn)-教學(xué)大綱

1、 Vue.js前端開(kāi)發(fā)教學(xué)大綱Vue.js前端開(kāi)發(fā)課程教學(xué)大綱一、 課程基本信息1.課程名稱(chēng)：Vue.js前端開(kāi)發(fā)2.課程英文名稱(chēng)： Application Development of Vue3.課程類(lèi)別：理論課4.先修課程：HTML與CSS設(shè)計(jì)基礎(chǔ) JavaScript程序設(shè)計(jì)5.學(xué)時(shí)安排：課內(nèi)總學(xué)時(shí)理論授課實(shí)踐教學(xué)學(xué)分6432324.0二、 教學(xué)目標(biāo)1.教學(xué)目標(biāo)的總體概括（1）專(zhuān)業(yè)能力目標(biāo)：掌握Vue.js框架的基本特性和基本語(yǔ)法，能夠使用vue-cli獨(dú)立開(kāi)發(fā)、打包和測(cè)試項(xiàng)目。（2）素質(zhì)能力目標(biāo)：培養(yǎng)學(xué)生通過(guò)查閱搜索資料方式進(jìn)行學(xué)習(xí)，引導(dǎo)學(xué)生獨(dú)立學(xué)習(xí)。（3）工程能力目標(biāo)：培養(yǎng)學(xué)生項(xiàng)目的

2、基本需求分析和和設(shè)計(jì)能力，使學(xué)生能夠獨(dú)立開(kāi)發(fā)移動(dòng)Web、移動(dòng)App、微信小程序、微信小游戲和快應(yīng)用等。理解Vue.js手機(jī)開(kāi)發(fā)技術(shù)的基本知識(shí)和常用的實(shí)現(xiàn)方法，涉及網(wǎng)頁(yè)設(shè)計(jì)、CSS樣式、JavaScript、面向?qū)ο蟪绦蛟O(shè)計(jì),響應(yīng)式、前端常用框架等內(nèi)容,通過(guò)本課程的學(xué)習(xí),學(xué)生能夠了解Web前端開(kāi)發(fā)中,使用面向?qū)ο缶幊趟枷脒M(jìn)行代碼封裝的基本方法與基本思路；使用優(yōu)秀的前端框架（Vue.js）；并且通過(guò)這些框架的學(xué)習(xí)和使用,培養(yǎng)學(xué)生運(yùn)用新技術(shù)，解決Web前端開(kāi)發(fā)的綜合能力。2.教學(xué)目標(biāo)列表目標(biāo)內(nèi)容培養(yǎng)能力掌握程度具體描述個(gè)人素質(zhì)學(xué)習(xí)態(tài)度與習(xí)慣運(yùn)用(Apply)能主動(dòng)的學(xué)習(xí)和鞏固知識(shí)技術(shù)。理論知識(shí)專(zhuān)業(yè)知

3、識(shí)理解(Understand)理解Vue.js框架的基本特性和MVVM編程模式專(zhuān)業(yè)技能引進(jìn)、消化、吸收再創(chuàng)新能力理解(Understand)熟悉Vue.js編程基本規(guī)范，養(yǎng)成遵循工程規(guī)范的習(xí)慣和專(zhuān)業(yè)素養(yǎng)。建模分析(Analyze)能夠?qū)ΜF(xiàn)實(shí)世界進(jìn)行抽象和建模。應(yīng)用技術(shù)運(yùn)用(Apply)掌握Vue.js框架的基本語(yǔ)法，掌握vue-router和axios實(shí)現(xiàn)過(guò)程運(yùn)用(Apply)運(yùn)用vue-cli獨(dú)立開(kāi)發(fā)、打包和測(cè)試項(xiàng)目三、 各單元知識(shí)點(diǎn)、技能點(diǎn)分布及學(xué)時(shí)分配章主 要 內(nèi) 容課堂學(xué)時(shí)實(shí)驗(yàn)學(xué)時(shí)第1章Vue.js簡(jiǎn)介，包括Vue.js概述、Vue.js的安裝、開(kāi)發(fā)工具WebStorm簡(jiǎn)介、創(chuàng)建第一個(gè)

4、Vue實(shí)例11第2章基礎(chǔ)特性，包括Vue實(shí)例及選項(xiàng)、數(shù)據(jù)綁定31第3章條件判斷與列表渲染21第4章計(jì)算屬性與監(jiān)聽(tīng)屬性121第5章樣式綁定，包括class屬性綁定、內(nèi)聯(lián)樣式綁定121第6章事件處理，包括事件監(jiān)聽(tīng)、事件處理中的修飾符121第7章表單控件綁定，包括綁定文本框、綁定復(fù)選框、綁定單選按鈕、綁定下拉菜單、值綁定、使用修飾符21第8章自定義指令，包括注冊(cè)指令、鉤子函數(shù)、自定義指令的綁定值121第9章組件，包括注冊(cè)組件、數(shù)據(jù)傳遞、自定義事件、內(nèi)容分發(fā)、混入、動(dòng)態(tài)組件312第10章過(guò)渡，包括單元素過(guò)渡、多元素過(guò)渡、多組件過(guò)渡、列表過(guò)渡212第11章常用插件，包括應(yīng)用vue-router實(shí)現(xiàn)路由、

5、應(yīng)用axios實(shí)現(xiàn)Ajax請(qǐng)求212第12章單頁(yè)Web應(yīng)用，包括webpack簡(jiǎn)介、loader簡(jiǎn)介、單文件組件、項(xiàng)目目錄結(jié)構(gòu)212第13章?tīng)顟B(tài)管理，包括Vuex簡(jiǎn)介、基礎(chǔ)用法、實(shí)例212第14章綜合開(kāi)發(fā)實(shí)例51購(gòu)商城，包括項(xiàng)目的設(shè)計(jì)思路、主頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)、商品詳情頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)、購(gòu)物車(chē)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)、付款頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)、登錄和注冊(cè)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)44第15章課程設(shè)計(jì)仿豆瓣電影評(píng)分網(wǎng)，包括課程設(shè)計(jì)目的、系統(tǒng)設(shè)計(jì)、主頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)、電影信息頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)、電影評(píng)價(jià)功能的實(shí)現(xiàn)33四、實(shí)踐項(xiàng)目實(shí)施計(jì)劃表單人實(shí)現(xiàn)項(xiàng)目名稱(chēng)項(xiàng)目類(lèi)別項(xiàng)目?jī)?nèi)容項(xiàng)目成果學(xué)時(shí)實(shí)踐場(chǎng)所仿豆瓣電影評(píng)分網(wǎng)課程級(jí)實(shí)訓(xùn)為用戶提供資

6、源的瀏覽、更新、刪除、查詢和評(píng)價(jià)等功能可運(yùn)行成果物8實(shí)訓(xùn)室五、教學(xué)方法講授教學(xué)法 、 演示教學(xué)法 、 案例教學(xué)法 、 指導(dǎo)教學(xué)法 、 自主學(xué)習(xí)法。六、教學(xué)資源1.教材Vue.js前端開(kāi)發(fā)實(shí)戰(zhàn)（慕課版），人民郵電出版社，ISBN：978-7-115-52111-8。七、課程考核1.形成性考核標(biāo)準(zhǔn)考核項(xiàng)目滿分值考核內(nèi)容備注平時(shí)成績(jī)考勤0遲到一次扣1分，曠課1學(xué)時(shí)扣2分，使用考勤系統(tǒng)?？鄯种?，扣分上限不超過(guò)10分。課堂表現(xiàn)10回答問(wèn)題、課堂紀(jì)律等?？鄯种?，扣分上限不超過(guò)10分作業(yè)40每次作業(yè)根據(jù)提交以及完成情況酌情010分，批改4次?？傆?jì)課程總成績(jī)（100分）=形成性考核成績(jī)（50分）+終結(jié)性考核成績(jī)（100分×50%）2.終結(jié)性考核安排終結(jié)性考核方式上機(jī)考試考試時(shí)間90分鐘試題類(lèi)型、分值比例選擇題50% 填空題/判斷題20%編程題/問(wèn)答題 30%知識(shí)點(diǎn)覆蓋面知識(shí)點(diǎn)覆蓋面達(dá)到95