基于HTML5的前端開發(fā)應(yīng)用最佳實踐 培訓(xùn)班其它上課時間：

• 2018-9-27至2018-9-30 北京

對此課程感興趣的學(xué)員

課程收益:

一、培訓(xùn)特色
1.講授HTML5的基本概念、核心技術(shù)、主要特性與產(chǎn)品應(yīng)用，以及在HTML5投入實際產(chǎn)品運用時需注意的問題；
2.本課程結(jié)合實踐講述主流移動端開發(fā)框架，HTML5混合應(yīng)用開發(fā)等；
3.本課程將指導(dǎo)學(xué)員動手完成移動端HTML5混合應(yīng)用開發(fā)案例，操作搖一搖、語音、相冊等實際開發(fā)內(nèi)容；
二、培訓(xùn)目標(biāo)
通過一個完整的沙盤項目及一組實際應(yīng)用場景設(shè)計案例，完全覆蓋HTML5移動端開發(fā)的實踐應(yīng)用,包括HTML5新特性、Html5表單、拖拽、移動端響應(yīng)式布局、Web存儲、離線應(yīng)用、地理位置定位、移動端開發(fā)框架、混合應(yīng)用開發(fā)、Html5規(guī)范等。
培訓(xùn)過程強調(diào)互動式教學(xué)、強化團隊討論，將專門安排時間用于討論、練習(xí)（具體比例可視學(xué)員的情況進行調(diào)整）。但這一做法需要學(xué)員的積極參與，盡可能地將實際項目中地各種問題拿出來討論，這要求學(xué)員前期做一定地準備工作。本課程通過培訓(xùn)使學(xué)習(xí)者達到如下目標(biāo)：
1.使參訓(xùn)人員了解HTML5特性及趨勢
2.了解移動端開發(fā)注意事項
3.了解主流的開發(fā)框架
4.通過案例開展移動端開發(fā)實戰(zhàn)

培訓(xùn)頒發(fā)證書:

本課程學(xué)習(xí)考核通過后，由中國信息化培訓(xùn)中心頒發(fā)《高級HTML5架構(gòu)師》證書,可作為專業(yè)技術(shù)人員職業(yè)能力考核的證明，以及專業(yè)技術(shù)人員崗位聘用、任職、定級和晉升職務(wù)的重要依據(jù)。

課程大綱:

時間知識模塊授課綱要第一天HTML5基礎(chǔ)
移動互聯(lián)網(wǎng)時代下的HTML5lHTML5與傳統(tǒng)的NativeApplHTML5與hybridAPPlHTML5與WebAPP
聒噪的移動端框架l“大名鼎鼎”的JQMl當(dāng)成的Phonegap如何的Cordoval風(fēng)生水起的reactnativelAPICloud與DCloud之爭
HTML5移動端加強l手機瀏覽器的特點；l移動端事件；lviewpoint視口；
TML5的困惑l移動端手勢響應(yīng)l如何調(diào)用硬件系統(tǒng)（重力感應(yīng)等）l如何進行應(yīng)用打包并發(fā)布HTML5APP對比與發(fā)展
HTML5應(yīng)用開發(fā)DCloud框架MUIlHTML5應(yīng)用開發(fā)工具篇lHTML5APPAndroid真機聯(lián)調(diào)lHTML5APPIOS真機聯(lián)調(diào)lHTML5APPAndroid應(yīng)用打包lHTML5APPIOS應(yīng)用打包第二天HTML5如何快速實現(xiàn)移動端UI及交互設(shè)計
HTML5移動端UI框架組件l輪播圖片
l文字圖標(biāo)
l九宮格、分頁九宮格
lActionSheet
l圖文列表（箭頭、數(shù)字角標(biāo)）
l側(cè)滑導(dǎo)航
l可拖動選項卡l底欄選項卡
實戰(zhàn)：HTML5移動端手勢——微信l朋友圈頁面上拉加載l朋友圈頁面下拉刷新l朋友圈頁面雙擊狀態(tài)欄頁面滾動到頂部l朋友圈頁面Ajax與Json/JsonP調(diào)取后臺數(shù)據(jù)HTML5微信案例項目實戰(zhàn)
實戰(zhàn)：HTML5移動端UI組件——微信l微信首頁面Div模式l微信首頁面WebView模式l頁面初始化l創(chuàng)建子頁面l打開新頁面l關(guān)閉頁面l頁面間傳值HTML5如何完成手機端硬件傳感器調(diào)用
HTML5移動端APP訪問硬件系統(tǒng)l什么是HTML5+l重力感應(yīng)l相冊l攝像頭l二維碼l調(diào)用原生ActionSheet
實戰(zhàn)：HTML5移動端APP手機硬件——微信聊天頁面
HTML5移動端手勢lHTML5手勢缺陷lHTML5移動端手勢支持l移動端Tap事件l移動端滑動事件l移動端拖放事件l自定義事件l事件觸發(fā)第三天集成IDE出現(xiàn)，weX5框架的前世今生
WeX5簡介l安裝及啟動l開發(fā)工具介紹l實戰(zhàn)案例：歡樂捕魚Appl準備游戲l生成Appl運行App
H5App簡介l開發(fā)原理、開發(fā)過程l實戰(zhàn)案例：HelloWorldAppl開發(fā)App、生成App
實戰(zhàn)案例：記賬本Appl開發(fā)賬目列表頁l開發(fā)記一筆頁l開發(fā)賬目分類設(shè)置頁l開發(fā)首頁l生成App
實戰(zhàn)案例：掃一掃Appl使用掃描二維碼插l同步訓(xùn)練
實戰(zhàn)案例：仿淘寶Appl首頁l商品列表頁l同步訓(xùn)練前端模塊化之路
前端三大工具：
lGrunt介紹和應(yīng)用
lGulp介紹和應(yīng)用
lBower介紹和應(yīng)用
Js模塊化開發(fā)三大規(guī)范：
lAMDrequirejs
lCMDseajs
lCommonJSnodejs
第四天
學(xué)習(xí)考核與業(yè)內(nèi)經(jīng)驗交流

培訓(xùn)師介紹：

張老師
北航碩士，HTML5專家。專注于項目管理、軟件開發(fā)方法調(diào)優(yōu)、軟件建模與系統(tǒng)設(shè)計/架構(gòu)等領(lǐng)域，熟悉主流的移動端開發(fā)平臺，12年IT行業(yè)從業(yè)經(jīng)驗，6年教育及教育管理經(jīng)驗，對移動端HTML5產(chǎn)品設(shè)計與開發(fā)\\對HTML5WebApp、HTML5混合應(yīng)用開發(fā)關(guān)鍵技術(shù)有深刻了解和實踐經(jīng)驗。
趙老師
軟件工程碩士，北京財經(jīng)學(xué)院項目部負責(zé)人，主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、Reactnative、VueJS、BootStrap、JQuery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關(guān)技術(shù)，對Html5應(yīng)用開發(fā)及開發(fā)模式有深入研究，熟悉模塊化開發(fā)，熟悉IT項目管理，熟悉ICONIX、Scrum等軟件研發(fā)過程改進、詳細設(shè)計、IT規(guī)劃。擅長UML建模、MVC、設(shè)計模式、架構(gòu)思想，多年項目管理經(jīng)驗，千人教育培訓(xùn)經(jīng)驗。
劉老師
西安郵電學(xué)院計算機科學(xué)本科，有10年多JAVA開發(fā)經(jīng)驗,8年授課經(jīng)驗.精通J2EE多層架構(gòu)和多種設(shè)計模式，熟悉Struts、MyBatis、Hibernate、Spring、SpringMVC、Android、H5、JqueryMobile、AngularJS、Bootstrap等多種開源框架,對源碼有一定的理解.熟悉WebLogic,JBoss容器并發(fā)集群的使用,熟悉WebService、CXF、RESFul、UML、SVN、EasyUI、Flex、Lucene等技術(shù)。有著6年軟件的設(shè)計與開發(fā)經(jīng)驗，6年IT培訓(xùn)教學(xué)經(jīng)驗。長期專注于J2EE系統(tǒng)的分析與設(shè)計，親身參與多個J2EE項目研發(fā)和應(yīng)用系統(tǒng)升級，并主導(dǎo)系統(tǒng)架構(gòu)設(shè)計，有著豐富的系統(tǒng)分析設(shè)計工作經(jīng)驗。
高老師
有十多年IT工作經(jīng)歷，包括大型公司實際開發(fā)經(jīng)驗，正規(guī)高校教師及IT企業(yè)培訓(xùn)講師經(jīng)歷。長期從事企業(yè)培訓(xùn)和技術(shù)咨詢工作，針對企業(yè)客戶有良好的培訓(xùn)經(jīng)驗和溝通技巧。有多年的項目經(jīng)驗，熟悉項目開發(fā)中從需求分析到設(shè)計方案再到解決方案的各個階段的實施。從2002年開始.NET研究與開發(fā)，對.NET技術(shù)、HTML5有長期的實際開發(fā)經(jīng)驗，熟悉多種開發(fā)技術(shù)和開發(fā)工具。