Web前端開發(fā)課程建設(shè)課件

1、Web Applications“Web前端開發(fā)”課程建設(shè)2Web課程與教育教學(xué)計(jì)劃3Web前端開發(fā)課程1河北地質(zhì)大學(xué)信息工程學(xué)院目錄CONTENTS2Web課程與教育教學(xué)計(jì)劃3Web前端開發(fā)課程1河北地質(zhì)大學(xué)信息工程學(xué)院目錄CONTENTS河北地質(zhì)大學(xué)011953-1971021971-1996031996-2016042016-宣化地質(zhì)學(xué)校河北地質(zhì)學(xué)院石家莊經(jīng)濟(jì)學(xué)院2003199619931981信工系改為信息工程學(xué)院成立信息工程系，開始招收計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)本科生招收第一屆計(jì)算機(jī)專業(yè)?？茖W(xué)生計(jì)算站和原物探系的電子技術(shù)教研室信息工程學(xué)院辦學(xué)歷史 國家級專業(yè)綜合改革試點(diǎn)1河北省二級學(xué)院綜合改

2、革試點(diǎn)26Part1計(jì)算機(jī)科學(xué)與技術(shù)*（挑戰(zhàn)性成果）Part2軟件工程Part 6光電信息科學(xué)與工程Part3網(wǎng)絡(luò)工程Part4電子信息工程Part5通信工程6個(gè)專業(yè)師資與碩士點(diǎn)情況副教授教授博士231224計(jì)算機(jī)軟件與理論計(jì)算機(jī)應(yīng)用技術(shù)計(jì)算機(jī)體系結(jié)構(gòu)2006年，獲批計(jì)算機(jī)科學(xué)與技術(shù)一級學(xué)科碩士學(xué)位授予點(diǎn)并開始招收研究生。目前，研究生導(dǎo)師15人。計(jì)算機(jī)在地學(xué)中的應(yīng)用人工智能與機(jī)器學(xué)習(xí)0105地質(zhì)大數(shù)據(jù)地質(zhì)機(jī)器人與地質(zhì)儀器0206計(jì)算智能及其應(yīng)用嵌入式系統(tǒng)與結(jié)構(gòu)0307復(fù)雜網(wǎng)絡(luò)與復(fù)雜系統(tǒng)光纖光柵傳感器0408主要研究領(lǐng)域2Web課程與教育教學(xué)計(jì)劃3Web前端開發(fā)課程1河北地質(zhì)大學(xué)信息工程學(xué)院目錄

3、CONTENTS教育教學(xué)計(jì)劃總體設(shè)計(jì)第四學(xué)年第三學(xué)年第二學(xué)年第一學(xué)年專業(yè)（方向）“習(xí)”系統(tǒng)知識+系統(tǒng)能力準(zhǔn)通識教育+系統(tǒng)知識專業(yè)（方向）“學(xué)”系統(tǒng)知識+系統(tǒng)能力準(zhǔn)通識教育+系統(tǒng)知識分專業(yè)，每專業(yè)三個(gè)方向?qū)I(yè)（方向）設(shè)計(jì)：方向交叉、個(gè)性化培養(yǎng)第四學(xué)年Web應(yīng)用02大數(shù)據(jù)03云計(jì)算04網(wǎng)絡(luò)安全05軟件工程網(wǎng)絡(luò)工程企業(yè)應(yīng)用01校內(nèi)“習(xí)”：項(xiàng)目實(shí)戰(zhàn)企業(yè)“習(xí)”：學(xué)分置換Web應(yīng)用方向課程架構(gòu)第五階段框架技術(shù)第四階段Web前端高級第三階段服務(wù)器端技術(shù)第二階段JS開發(fā)第一階段Web前端基礎(chǔ)第六學(xué)期第六學(xué)期第五學(xué)期第三學(xué)期第二學(xué)期HTML5基礎(chǔ)CSS3、PS原型工具代碼優(yōu)化瀏覽器JavaScriptDOM/B

4、OM代碼調(diào)試HTTP協(xié)議PHP/JSP/ASPAJAXHTML5高級編程JQueryAngularJSExtJSBootStrapJquery.mobileWebAPPPhoneGap分專業(yè)2Web課程與教育教學(xué)計(jì)劃3Web前端開發(fā)課程1河北地質(zhì)大學(xué)信息工程學(xué)院目錄CONTENTS“Web前端應(yīng)用”教學(xué)目標(biāo)建立自信培養(yǎng)興趣1HTML+CSS容易學(xué)生接觸互聯(lián)網(wǎng)多建立學(xué)生編程自信培養(yǎng)學(xué)生專業(yè)興趣2理解萬維網(wǎng)通過此門課程，認(rèn)識萬維網(wǎng)。理解萬維網(wǎng)的工作原理。3奠定基礎(chǔ) 在專業(yè)方向上奠定基礎(chǔ)。4獨(dú)立完成前端能獨(dú)立完成一個(gè)前端應(yīng)用意識見識知識技識工作職業(yè)15“Web前端應(yīng)用”課程知識體系6-12課時(shí)6-8

5、/6-12課時(shí)4-6課時(shí)6課時(shí)解剖式自學(xué)16設(shè)計(jì)思路：實(shí)際案例驅(qū)動17設(shè)計(jì)思路：實(shí)際案例驅(qū)動(cont.)Ver5.0Ajax實(shí)踐Ver4.0HTML+CSS+JS+Jquery代碼優(yōu)化、效果提升Ver3.0HTML+CSS+JS動態(tài)效果Ver 2.0HTML+CSS實(shí)現(xiàn)DIV布局Ver1.0HTML實(shí)現(xiàn)表格布局4432118基于“軟件過程”的教學(xué)過程管理（沉浸式過程管理）項(xiàng)目是指一系列獨(dú)特的、復(fù)雜的并相互關(guān)聯(lián)的活動，這些活動有著一個(gè)明確的目標(biāo)或目的，必須在特定的時(shí)間、預(yù)算、資源限定內(nèi)，依據(jù)規(guī)范完成。項(xiàng)目課程教學(xué)課程教學(xué)項(xiàng)目嗎？！19沉浸式過程管理(cont.)教師團(tuán)隊(duì)管理、溝通管理A教學(xué)質(zhì)量

6、管理、進(jìn)度(時(shí)間)管理B范圍管理（教學(xué)內(nèi)容管理）C風(fēng)險(xiǎn)管理：如何動態(tài)調(diào)整教學(xué)行為/方式/內(nèi)容D過程管理平臺（以禪道為平臺）1234隨時(shí)跟蹤備課進(jìn)度過程透明，動態(tài)可見學(xué)生在學(xué)習(xí)，也在體驗(yàn)項(xiàng)目管理沉浸式根據(jù)反饋及時(shí)調(diào)整進(jìn)度、內(nèi)容等進(jìn)度可控協(xié)作、共同進(jìn)步、共贏發(fā)展團(tuán)隊(duì)意識21課程組備課里面有什么？22課程資料準(zhǔn)備情況（以HTML部分為例）23總體進(jìn)展情況PPT+代碼PPT+代碼+部分視頻JS的PPT+代碼+部分視頻完成24教學(xué)方式以教為主A以學(xué)為主如何落實(shí)？B12345線上平臺學(xué)知識線下實(shí)操學(xué)技識課上互動學(xué)脈絡(luò)網(wǎng)絡(luò)拓展學(xué)見識團(tuán)隊(duì)協(xié)作學(xué)意識(結(jié)對編程）12課上講脈絡(luò)Code Review25教學(xué)方式：全鏈條的以學(xué)為主CDEF原型設(shè)計(jì)（墨刀、Axure）兼容性測試代碼優(yōu)化切圖設(shè)計(jì)圖部署代碼編寫（以前的教學(xué)）AB26教學(xué)方式：嘀嗒教育