基于HTML5的前端開發(fā)應(yīng)用最佳實(shí)踐培訓(xùn)班（上海，6月24-27日）
【舉辦單位】北京曼頓培訓(xùn)網(wǎng)  www.mdpxb.com   中國培訓(xùn)資訊網(wǎng)  www.e71edu.com
【咨詢電話】4006820825   010-56133998  13810210257 
【培訓(xùn)日期】
上海，2017年6月24-27日；成都，2017年10月23-26日 
北京，2017年11月24-27日
【培訓(xùn)地點(diǎn)】上海、成都、北京

【課程背景】
為響應(yīng)工業(yè)和信息化部信息化高端人才培養(yǎng)的號召,特推出了HTML5移動端高級技術(shù)課程培訓(xùn)班，希望通過專業(yè)的HTML5技術(shù)與業(yè)界真實(shí)案例來全面提高移動端APP開發(fā)人員的建設(shè)水平，旨在培養(yǎng)專業(yè)移動端開發(fā)專家，更好地服務(wù)于企業(yè)信息化建設(shè)。

【課程特色】
1.講授HTML5的基本概念、核心技術(shù)、主要特性與產(chǎn)品應(yīng)用，以及在HTML5投入實(shí)際產(chǎn)品運(yùn)用時(shí)需注意的問題；
2.本課程還將結(jié)合實(shí)踐講述主流移動端開發(fā)框架，HTML5混合應(yīng)用開發(fā)等；
3.本課程將指導(dǎo)學(xué)員動手完成移動端HTML5混合應(yīng)用開發(fā)案例，操作搖一搖、語音、相冊等實(shí)際開發(fā)內(nèi)容；

【課程目標(biāo)】
通過一個(gè)完整的沙盤項(xiàng)目及一組實(shí)際應(yīng)用場景設(shè)計(jì)案例，完全覆蓋HTML5移動端開發(fā)的實(shí)踐應(yīng)用,包括HTML5新特性、Html5表單、拖拽、移動端響應(yīng)式布局、Web存儲、離線應(yīng)用、地理位置定位、移動端開發(fā)框架、混合應(yīng)用開發(fā)、Html5+規(guī)范等。
培訓(xùn)過程強(qiáng)調(diào)互動式教學(xué)、強(qiáng)化團(tuán)隊(duì)討論，將專門安排時(shí)間用于討論、練習(xí)（具體比例可視學(xué)員的情況進(jìn)行調(diào)整）。但這一做法需要學(xué)員的積極參與，盡可能地將實(shí)際項(xiàng)目中地各種問題拿出來討論，這要求學(xué)員前期做一定地準(zhǔn)備工作。本課程通過培訓(xùn)使學(xué)習(xí)者達(dá)到如下目標(biāo)：
1.使參訓(xùn)人員了解HTML5特性及趨勢
2.了解移動端開發(fā)注意事項(xiàng)
3.了解主流的開發(fā)框架
4.通過案例開展移動端開發(fā)實(shí)戰(zhàn)

【課程大綱】
第一天 HTML5基礎(chǔ) 移動互聯(lián)網(wǎng)時(shí)代下的HTML5
■HTML5與傳統(tǒng)的Native App
■HTML5與hybrid APP
■HTML5與Web APP
聒噪的移動端框架
■“大名鼎鼎”的JQM
■當(dāng)成的Phonegap如何的Cordova
■風(fēng)生水起的react native
■API Cloud與DCloud之爭
HTML5移動端加強(qiáng)
■手機(jī)瀏覽器的特點(diǎn)；
■移動端事件；
■viewpoint 視口；
TML5的困惑
■移動端手勢響應(yīng)
■如何調(diào)用硬件系統(tǒng)（重力感應(yīng)等）
■如何進(jìn)行應(yīng)用打包并發(fā)布

HTML5 APP對比與發(fā)展 
HTML5應(yīng)用開發(fā)DCloud框架MUI
■HTML5應(yīng)用開發(fā)工具篇
■HTML5 APP Android真機(jī)聯(lián)調(diào)
■HTML5 APP IOS真機(jī)聯(lián)調(diào)
■HTML5 APP Android應(yīng)用打包
■HTML5 APP IOS應(yīng)用打包
第二天 HTML5如何快速實(shí)現(xiàn)移動端UI及交互設(shè)計(jì) 
HTML5移動端UI框架組件
■輪播圖片
■文字圖標(biāo)
■九宮格、分頁九宮格
■Action Sheet
■圖文列表（箭頭、數(shù)字角標(biāo)）
■側(cè)滑導(dǎo)航
■可拖動選項(xiàng)卡
■底欄選項(xiàng)卡
實(shí)戰(zhàn)：HTML5移動端手勢——微信
■朋友圈頁面上拉加載
■朋友圈頁面下拉刷新
■朋友圈頁面雙擊狀態(tài)欄頁面滾動到頂部
■朋友圈頁面Ajax與Json/JsonP調(diào)取后臺數(shù)據(jù)
HTML5微信案例項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)：HTML5移動端UI組件——微信
■微信首頁面Div模式
■微信首頁面WebView模式
■頁面初始化
■創(chuàng)建子頁面
■打開新頁面
■關(guān)閉頁面
■頁面間傳值
HTML5如何完成手機(jī)端硬件傳感器調(diào)用 
HTML5移動端APP訪問硬件系統(tǒng)
■什么是HTML5+
■重力感應(yīng)
■相冊
■攝像頭
■二維碼
■調(diào)用原生Action Sheet
實(shí)戰(zhàn)：HTML5移動端APP手機(jī)硬件——微信聊天頁面
HTML5移動端手勢
■HTML5手勢缺陷
■HTML5移動端手勢支持
■移動端Tap事件
■移動端滑動事件
■移動端拖放事件
■自定義事件
■事件觸發(fā)
第三天 集成IDE出現(xiàn)，weX5框架的前世今生 WeX5簡介
■安裝及啟動
■開發(fā)工具介紹
■實(shí)戰(zhàn)案例：歡樂捕魚App
■準(zhǔn)備游戲
■生成App
■運(yùn)行App
H5 App簡介
■開發(fā)原理、開發(fā)過程
■實(shí)戰(zhàn)案例： Hello World App
■開發(fā)App、生成App
實(shí)戰(zhàn)案例：記賬本App
■開發(fā)賬目列表頁
■開發(fā)記一筆頁
■開發(fā)賬目分類設(shè)置頁
■開發(fā)首頁
■生成App
實(shí)戰(zhàn)案例：掃一掃App
■使用掃描二維碼插
■同步訓(xùn)練
實(shí)戰(zhàn)案例：仿淘寶App
■首頁
■商品列表頁
■同步訓(xùn)練
第四天
前端模塊化之路 
前端三大工具：
■Grunt介紹和應(yīng)用
■Gulp介紹和應(yīng)用
■Bower介紹和應(yīng)用
Js模塊化開發(fā)三大規(guī)范：
■AMD  requirejs
■CMD  seajs
■CommonJS   nodejs

學(xué)習(xí)考核與業(yè)內(nèi)經(jīng)驗(yàn)交流
【講師介紹】
  張老師，曼頓培訓(xùn)網(wǎng)（www.mdpxb.com）資深講師。北航碩士，HTML5專家。專注于項(xiàng)目管理、軟件開發(fā)方法調(diào)優(yōu)、軟件建模與系統(tǒng)設(shè)計(jì)/架構(gòu)等領(lǐng)域，熟悉主流的移動端開發(fā)平臺，12年IT行業(yè)從業(yè)經(jīng)驗(yàn)，6年教育及教育管理經(jīng)驗(yàn)，對移動端HTML5產(chǎn)品設(shè)計(jì)與開發(fā)\對HTML5 Web App、HTML5混合應(yīng)用開發(fā)關(guān)鍵技術(shù)有深刻了解和實(shí)踐經(jīng)驗(yàn)。

  趙老師，曼頓培訓(xùn)網(wǎng)（www.mdpxb.com）資深講師。軟件工程碩士，北京財(cái)經(jīng)學(xué)院項(xiàng)目部負(fù)責(zé)人，主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、React native、VueJS、BootStrap、JQuery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關(guān)技術(shù)，對Html5應(yīng)用開發(fā)及開發(fā)模式有深入研究，熟悉模塊化開發(fā)，熟悉IT項(xiàng)目管理，熟悉ICONIX、Scrum等軟件研發(fā)過程改進(jìn)、詳細(xì)設(shè)計(jì)、IT規(guī)劃。擅長UML建模、MVC、設(shè)計(jì)模式、架構(gòu)思想，多年項(xiàng)目管理經(jīng)驗(yàn)，千人教育培訓(xùn)經(jīng)驗(yàn)。

  劉老師，曼頓培訓(xùn)網(wǎng)（www.mdpxb.com）資深講師。西安郵電學(xué)院計(jì)算機(jī)科學(xué)本科，有10年多JAVA開發(fā)經(jīng)驗(yàn),8年授課經(jīng)驗(yàn). 精通J2EE多層架構(gòu)和多種設(shè)計(jì)模式，熟悉Struts、MyBatis、Hibernate、Spring、Spring MVC、Android、H5、Jquery Mobile、AngularJS、Bootstrap等多種開源框架, 對源碼有一定的理解. 熟悉 WebLogic, JBoss 容器并發(fā)集群的使用, 熟悉WebService、CXF、RESFul、UML、SVN、EasyUI、Flex、Lucene 等技術(shù)。有著6年軟件的設(shè)計(jì)與開發(fā)經(jīng)驗(yàn)，6年IT培訓(xùn)教學(xué)經(jīng)驗(yàn)。長期專注于J2EE系統(tǒng)的分析與設(shè)計(jì)，親身參與多個(gè)J2EE項(xiàng)目研發(fā)和應(yīng)用系統(tǒng)升級，并主導(dǎo)系統(tǒng)架構(gòu)設(shè)計(jì)，有著豐富的系統(tǒng)分析設(shè)計(jì)工作經(jīng)驗(yàn)。

  高老師，曼頓培訓(xùn)網(wǎng)（www.mdpxb.com）資深講師。有十多年IT工作經(jīng)歷，包括大型公司實(shí)際開發(fā)經(jīng)驗(yàn)，正規(guī)高校教師及IT企業(yè)培訓(xùn)講師經(jīng)歷。長期從事企業(yè)培訓(xùn)和技術(shù)咨詢工作，針對企業(yè)客戶有良好的培訓(xùn)經(jīng)驗(yàn)和溝通技巧。有多年的項(xiàng)目經(jīng)驗(yàn)，熟悉項(xiàng)目開發(fā)中從需求分析到設(shè)計(jì)方案再到解決方案的各個(gè)階段的實(shí)施。 從2002年開始.NET研究與開發(fā)，對.NET技術(shù)、HTML5有長期的實(shí)際開發(fā)經(jīng)驗(yàn)，熟悉多種開發(fā)技術(shù)和開發(fā)工具。

【費(fèi)用及報(bào)名】
1、費(fèi)用：培訓(xùn)費(fèi)5800元（含培訓(xùn)費(fèi)、講義費(fèi)）；如需食宿，會務(wù)組可統(tǒng)一安排,費(fèi)用自理。
2、報(bào)名咨詢：4006820825  010-56133998  56028090  13810210257   鮑老師
3、報(bào)名流程：電話登記-->填寫報(bào)名表-->發(fā)出培訓(xùn)確認(rèn)函
4、備注：如課程已過期，請?jiān)L問我們的網(wǎng)站，查詢最新課程
5、詳細(xì)資料請?jiān)L問北京曼頓培訓(xùn)網(wǎng)：www.mdpxb.com (每月在全國開設(shè)四百多門公開課，歡迎報(bào)名學(xué)習(xí))