《Web前端框架開發(fā)技術》課程教學大綱

1、Web前端框架開發(fā)技術課程教學大綱課程編號：課程名稱：Web前端框架開發(fā)技術英文名稱：Technology for the Development of Web Front-end Framework 課程類型：專業(yè)課課程要求：選修學時/學分：48/3適用專業(yè)：計算機科學與技術一、課程性質(zhì)與任務“Web前端框架開發(fā)技術”是計算機科學與技術以及軟件工程相關專業(yè)的專業(yè)課，為移動互聯(lián)等應用方向前端界面開發(fā)提供了技術基礎。本課程旨在使學生了解Web的基礎知識和當前Web前端開發(fā)的主流技術，掌握Web前端開發(fā)的基礎理論知識和技術方法，為學生提供相關的工程知識。通過本課程的學習和實踐，學生能夠采用Web基

2、礎知識和當前Web前端開發(fā)的主流技術和開發(fā)框架進行Web前端應用開發(fā)的能力。通過實例的分析和上機實驗，培養(yǎng)學生分析Web前端應用需求，設計解決方案的能力。二、課程與其他課程的聯(lián)系先修課程：Web程序設計、計算機網(wǎng)絡等后續(xù)課程：Web前端框架開發(fā)項目實踐本課程的先修課程為本課程提供理論支撐和編程基礎，后繼課程是本課程的進一步實踐與提高。三、課程教學目標1能夠熟知HTML和W3C標準，熟悉HTML文件結(jié)構，掌握網(wǎng)頁制作的基礎知識和工具，能夠靈活使用基本標簽，如鏈接、表格、表單、列表，框架等進行網(wǎng)頁設計（支撐畢業(yè)要求3、5）2能夠采用Bootstrap框架，使用相關技術進行前端頁面設計的能力。（支撐

3、畢業(yè)要求3、5）3學生能夠具備分析Web前端應用問題并具備決問題的能力，能夠設計簡單的Web前端項目的解決方案，為今后的進行大型Web工程項目開發(fā)奠定堅實基礎。（支撐畢業(yè)要求1、2、3）四、課程教學內(nèi)容和要求序號教學內(nèi)容教學要求要求學時支撐畢業(yè)要求指標點1Web應用基礎相關技術1Web應用2超文本傳輸協(xié)議3統(tǒng)一資源定位符4C/S模式和B/S模式1能夠敘述一些熟知的Web應用2能夠正確闡述超文本傳輸協(xié)議（HTTP）的規(guī)范3理解統(tǒng)一資源定位符（URL）的含義4能夠闡述C/S模式和B/S模式的優(yōu)缺點以及典型應用432典型Web應用及特點1門戶網(wǎng)站2搜索引擎3社交網(wǎng)站4微博5電子商務網(wǎng)站1熟悉門戶網(wǎng)站

4、特點及相關技術2能夠說出搜索引擎及相關技術3了解社交網(wǎng)站及相關技術4熟悉微博及相關技術5熟悉電子商務網(wǎng)站及相關技術41、23Web前端技術1HTML/xHTML/HTML2JavaScript3CSS4AJAX5HTML51能夠采用HTML/xHTML/DHTML相關技術進行簡單程序設計2能夠使用JavaScript技術進行頁面設計3能夠采用CSS進行樣式設計4掌握AJAX技術的使用5能夠使用HTML5進行簡單編程834Web前端開發(fā)框架1Bootstrap2JQuery UI3Easy UI4Dojo5YUI6JQuery Mobile7Dojo Mobile1能夠按Bootstrap框架技

5、術進行簡單程序設計2能夠使用JQuery UI進行界面設計3具備Easy UI進行界面設計的能力4能夠使用Dojo技術進行界面的設計5掌握YUI技術6了解JQuery Mobile技術特點7能夠用Dojo Mobile進行程序設計83、55課內(nèi)上機1Web前端技術通過實際項目，體驗Web前端開發(fā)的相關幾種技術1236課內(nèi)上機2Web前端開發(fā)框架1通過實際項目訓練熟悉現(xiàn)有的幾種前端框架，對不同應用進行需求分析并設計解決方案設計2能夠熟練使用一種開發(fā)框架進完成布置任務的Web前端開發(fā)123、5五、其他教學環(huán)節(jié)六、教學方法本課程的教學方法是課堂教學與實踐教學并重，結(jié)合作業(yè)及測驗等教學手段和形式完成課

6、程教學任務。在課堂教學中，通過講授、提問、討論、演示等教學方法和手段讓學生理解Web前端開發(fā)技術的相關知識和應用框架。通過上機實踐，熟悉和掌握Web前端開發(fā)過程和相關框架軟件的應用。在作業(yè)和測驗教學環(huán)節(jié)中，通過啟發(fā)式教學、討論式教學培養(yǎng)學生運用Web開發(fā)思維分析問題和解決問題的能力。培養(yǎng)學生自主學習能力、與其他同學合作解決問題的能力，激發(fā)學生的創(chuàng)新思維。七、考核及成績評定方式本課程的最終成績由平時課堂表現(xiàn)成績、課后作業(yè)成績和綜合大作業(yè)成績組合而成。各部分所占比例和考核內(nèi)容如下：平時成績：課堂討論回答問題情況，自己獨立解決問題情況，占10%；課后作業(yè)成績：課后作業(yè)完成情況占30% ；綜合大作業(yè)成績：綜合大作業(yè)包括軟件工程過程是否清晰，文檔規(guī)范，綜合運用所學知識分析問題、解決問題的能力考查，占50% 。八、教材及教學參考書1教材：1 陳恒HTML+CSS+JavaScript網(wǎng)頁設計清華大學出版社，20162參考書目：1Brian Phogan HTML5和CSS3實例教程李杰等譯人民郵電出版社，201