《Web前端高級開發(fā)》課程簡介及教學(xué)大綱《Web前端高級開發(fā)》課程簡介課程編號：JX02S1155課程結(jié)構(gòu)：實(shí)踐教育模塊/必修學(xué)分/學(xué)時：4學(xué)分/64學(xué)時先修課程：Web前端開發(fā)基礎(chǔ)適用專業(yè)：軟件工程內(nèi)容簡介：本課程是本科三年級第二學(xué)期必修課，要求學(xué)生通過學(xué)習(xí)掌握網(wǎng)頁設(shè)計、CSS樣式、JavaScript、面向?qū)ο蟪绦蛟O(shè)計，響應(yīng)式、前端常用框架等內(nèi)容；了解Web前端開發(fā)中，使用面向?qū)ο缶幊趟枷脒M(jìn)行代碼封裝的基本方法與基本思路；在此基礎(chǔ)上學(xué)習(xí)目前較為流行的、優(yōu)秀的前端框架，如JS框架、jQuery、Angular．js、Vue．js、CSS框架、bootstrap等，通過這些框架的學(xué)習(xí)和使用，培養(yǎng)學(xué)生運(yùn)用新技術(shù)能力，培養(yǎng)Web前端開發(fā)的綜合能力，設(shè)計出優(yōu)秀的前端界面，提升用工具的能力、表達(dá)能力和團(tuán)隊協(xié)作能力。參考教材、著作或參考資料：[1]楊旺功．BootstrapWeb設(shè)計與開發(fā)實(shí)戰(zhàn)[M]．北京：清華大學(xué)出版社，2017．[2]達(dá)科特．杜偉，柴曉偉，涂曙光譯．DuckettJ．JavaScript&jQuery交互式Web前端開發(fā)[M]．北京：清華大學(xué)出版社，2015．[3]明日科技．jQuery從入門到精通[M]．北京：清華大學(xué)出版社，2017．

WebFront-endAdvancedDevelopmentCourseDescriptionTerm：3-2CourseTitle：WebFront-endAdvancedDevelopmentCourseCode：JX02S1155PrerequisiteCourses：FoundationofWebFront-endDevelopmentCredit/Hours：4/64CourseDescription：Thiscourseisacompulsorycourseforthesecondsemesterofthethirdyearofundergraduatecourse．Studentsarerequiredtomasterwebpagedesign,CSSstyle,JavaScript,object-orientedprogramming,responsive,front-endcommonlyusedframeworks,etc．Theyarealsorequiredtounderstandthebasicmethodsandbasicideasofcodeencapsulationusingobject-orientedprogrammingideasinWebfront-enddevelopment．Onthisbasis,welearnsomepopularandexcellentfront-endframeworks,suchasJSframework,jQuery,Angular．js,Vue．js,CSSframework,bootstrap,etc．Throughthestudyanduseoftheseframeworks,wecancultivatestudents'abilitytousenewtechnologies,developthecomprehensiveabilityofWebfront-enddevelopment,designexcellentfront-endinterface,andenhancetheuseoftheseframeworks．Abilityoftools,expressionandteamwork．

《Web前端高級開發(fā)》課程教學(xué)大綱一、課程基本信息1．課程編號：JX02S11552．課程名稱：Web前端高級開發(fā)3．課程結(jié)構(gòu)：實(shí)踐教育模塊/必修4．學(xué)時/學(xué)分：64學(xué)時/4學(xué)分5．先修課程：Web前端開發(fā)基礎(chǔ)6．適用專業(yè)：軟件工程二、課程任務(wù)和目的通過對網(wǎng)頁設(shè)計、CSS樣式、JavaScript、面向?qū)ο蟪绦蛟O(shè)計，響應(yīng)式、前端常用框架等內(nèi)容，通過學(xué)習(xí)，學(xué)生能夠了解Web前端開發(fā)中，使用面向?qū)ο缶幊趟枷脒M(jìn)行代碼封裝的基本方法與基本思路；在此基礎(chǔ)上學(xué)習(xí)目前較為流行的、優(yōu)秀的前端框架，比如JS框架：jQuery，Angular．js和Vue．js；CSS框架：bootstrap，并且通過這些框架的學(xué)習(xí)和使用，培養(yǎng)學(xué)生運(yùn)用新技術(shù)，解決Web前端開發(fā)的綜合能力，設(shè)計出優(yōu)秀的前端界面。三、課程教學(xué)內(nèi)容及安排理論教學(xué)和實(shí)踐內(nèi)容（共64學(xué)時）第1章開發(fā)環(huán)境搭建（4學(xué)時）1．教學(xué)內(nèi)容實(shí)訓(xùn)項(xiàng)目介紹；開發(fā)軟件安裝（HBuilder，svn版本控制）；使用HBuider編寫入門Javascript代碼；使用svn進(jìn)行代碼管理。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：開發(fā)環(huán)境的搭建；軟件開發(fā)流程；svn版本控制。3．基本要求開發(fā)環(huán)境的搭建，HBuilder基本功能的使用。4．培養(yǎng)的能力通過對本章的學(xué)習(xí)，使學(xué)生了解系統(tǒng)的開發(fā)過程以及本次開發(fā)需求，了解軟件開發(fā)流程以及文檔；熟悉開發(fā)環(huán)境的搭建流程。第2章JavaScript的面向?qū)ο缶幊谭椒ǎ?學(xué)時）1．教學(xué)內(nèi)容JS語言面向?qū)ο缶幊痰奶攸c(diǎn)；JS對象與構(gòu)造函數(shù)；JS原型與原型鏈；JS繼承。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：語言面向?qū)ο缶幊?；JS原型與原型鏈。3．基本要求掌握J(rèn)avaScript面向?qū)ο缶幊碳夹g(shù)；規(guī)范的程序編寫能力和良好的編程習(xí)慣。4．培養(yǎng)的能力通過本章的學(xué)習(xí)，學(xué)習(xí)JS的面向?qū)ο缶幊蹋私釰S內(nèi)部的實(shí)現(xiàn)原理。第3章JS框架jQuery（10學(xué)時）1．教學(xué)內(nèi)容下載jQuery框架代碼；引用jQuery框架，簡單應(yīng)用；分析jQuery框架原理。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：jQuery框架原理。3．基本要求掌握J(rèn)avaScript面向?qū)ο缶幊碳夹g(shù)；了解jQuery框架的設(shè)計思想；掌握jQuery常用API；規(guī)范的程序編寫能力和良好的編程習(xí)慣。4．培養(yǎng)的能力通過本章的學(xué)習(xí)，能夠使用jQuery框架，并且能夠在了解框架的基本原理。第4章jQuery的應(yīng)用（10學(xué)時）1．教學(xué)內(nèi)容jQuery常用基本API；jQueryAJAX框架使用；Jsonp和常用的WebAPI，art-template。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：jQuery常用基本API；jQueryAJAX框架使用。3．基本要求了解jQuery框架的設(shè)計思想；掌握jQuery常用API；掌握J(rèn)sonp和常用的WebAPI，art-template。4．培養(yǎng)的能力通過本章的學(xué)習(xí)，能夠掌握jQuery常用API，能夠使用jQuery實(shí)現(xiàn)頁面局部刷新。第5章Web界面布局設(shè)計（8學(xué)時）1．教學(xué)內(nèi)容下載BootStrap框架；使用BootStrap框架進(jìn)行頁面整體布局；使用BootStrap框架對頁面表單進(jìn)行驗(yàn)證；掌握常用的BootStrap樣式定義。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：使用BootStrap框架進(jìn)行頁面整體布局；使用BootStrap框架對頁面表單進(jìn)行驗(yàn)證。3．基本要求掌握J(rèn)avaScript面向?qū)ο缶幊碳夹g(shù)；掌握Bootstrap前端框架。4．培養(yǎng)的能力通過學(xué)習(xí)本章，能夠掌握最常用的前端CSS框架BootStrap，并且能夠使用它進(jìn)行頁面布局設(shè)計。第6章前端JS框架Vue．js、Angular．js（8學(xué)時）1．教學(xué)內(nèi)容Vue．js框架簡介；Angular框架簡介。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：Vue．js框架。3．基本要求了解其他框架：Vue．js框架、Angular框架；掌握J(rèn)avaScript面向?qū)ο缶幊碳夹g(shù)；掌握J(rèn)sonp和常用的WebAPI，art-template；規(guī)范的程序編寫能力和良好的編程習(xí)慣。4．培養(yǎng)的能力通過學(xué)習(xí)本章，能了解互聯(lián)網(wǎng)一些常見的開發(fā)框架。第7章Web前端實(shí)踐開發(fā)（8學(xué)時）1．教學(xué)內(nèi)容實(shí)訓(xùn)項(xiàng)目需求分析；HBuilder中創(chuàng)建實(shí)訓(xùn)項(xiàng)目Web工程；實(shí)訓(xùn)項(xiàng)目設(shè)計開發(fā)。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：實(shí)訓(xùn)項(xiàng)目需求分析。3．基本要求實(shí)訓(xùn)項(xiàng)目設(shè)計開發(fā)。4．培養(yǎng)的能力通過本章的學(xué)習(xí)，掌握實(shí)訓(xùn)項(xiàng)目開發(fā)的基本流程和方法。第8章Web前端實(shí)踐答辯（12學(xué)時）1．教學(xué)內(nèi)容完成實(shí)訓(xùn)項(xiàng)目中剩余的業(yè)務(wù)功能；測試項(xiàng)目以及bug修復(fù)；項(xiàng)目答辯。2．教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)：bug修復(fù)。3．基本要求bug修復(fù)；項(xiàng)目答辯。4．培養(yǎng)的能力通過本章的學(xué)習(xí)，能夠鞏固之前學(xué)習(xí)到的技術(shù)內(nèi)容，在實(shí)踐中得到應(yīng)用，培養(yǎng)學(xué)生發(fā)現(xiàn)問題、解決問題的能力。四、課程教學(xué)基本要求課程的重點(diǎn)和難點(diǎn)是面向?qū)ο蟮木幊谭椒?、響?yīng)式、封裝的基本方法與基本思路、JS框架Angular．js、Vue．js環(huán)境配置及使用、CSS框架bootstrap，web前后端分離技術(shù)。通過本課程的教學(xué)，使學(xué)生從總體上能夠使用基本的前端框架jQuery、bootstrap、Vue．js等,使學(xué)生具備更高級的Web前端開發(fā)能力、使用工具的能力、表達(dá)能力和團(tuán)隊協(xié)作能力。五、課程考核分為兩部分由平時成績（30%）、項(xiàng)目答辯（70%）組成，平時成績包括考勤、回答問題、個人表現(xiàn)，項(xiàng)目答辯分?jǐn)?shù)考核以項(xiàng)目結(jié)果，答辯表現(xiàn)組成，學(xué)生針對八章教學(xué)內(nèi)容撰寫自己的學(xué)習(xí)體會，要求能夠通過教材、網(wǎng)絡(luò)、報刊和雜志等工具來拓展學(xué)習(xí)深度和廣度，成績分為優(yōu)