我要報(bào)名

咨詢電話：
手　　機(jī)：	郵箱：

課程介紹

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

課程收益:

通過一個(gè)完整的沙盤項(xiàng)目及一組實(shí)際應(yīng)用場(chǎng)景設(shè)計(jì)案例，完全覆蓋HTML5移動(dòng)端開發(fā)的實(shí)踐應(yīng)用,包括HTML5新特性、Html5表單、拖拽、移動(dòng)端響應(yīng)式布局、Web存儲(chǔ)、離線應(yīng)用、地理位置定位、移動(dòng)端開發(fā)框架、混合應(yīng)用開發(fā)、Html5+規(guī)范等。

培訓(xùn)過程強(qiáng)調(diào)互動(dòng)式教學(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特性及趨勢(shì)

2.了解移動(dòng)端開發(fā)注意事項(xiàng)

3.了解主流的開發(fā)框架

4.通過案例開展移動(dòng)端開發(fā)實(shí)戰(zhàn)

課程特色 :

1.講授HTML5的基本概念、核心技術(shù)、主要特性與產(chǎn)品應(yīng)用，以及在HTML5投入實(shí)際產(chǎn)品運(yùn)用時(shí)需注意的問題；

2.本課程結(jié)合實(shí)踐講述主流移動(dòng)端開發(fā)框架，HTML5混合應(yīng)用開發(fā)等；

3.本課程將指導(dǎo)學(xué)員動(dòng)手完成移動(dòng)端HTML5混合應(yīng)用開發(fā)案例，操作搖一搖、語音、相冊(cè)等實(shí)際開發(fā)內(nèi)容；

4.通過一個(gè)完整的沙盤項(xiàng)目及一組實(shí)際應(yīng)用場(chǎng)景設(shè)計(jì)案例，完全覆蓋HTML5移動(dòng)端開發(fā)的實(shí)踐應(yīng)用,包括HTML5新特性、HTML5表單、拖拽、移動(dòng)端響應(yīng)式布局、Web存儲(chǔ)、離線應(yīng)用、地理位置定位、移動(dòng)端開發(fā)框架、混合應(yīng)用開發(fā)、Html5+規(guī)范等。

課程大綱:

第一天

HTML5與MUI框架介紹

移動(dòng)互聯(lián)網(wǎng)時(shí)代下的HTML5

?HTML5與傳統(tǒng)的Native App

?HTML5與hybrid APP

?HTML5與Web APP

MUI框架基本組件介紹

?輪播圖片

?九宮格、分頁九宮格

?Action Sheet

?圖文列表（箭頭、數(shù)字角標(biāo)）

?側(cè)滑導(dǎo)航、可拖動(dòng)選項(xiàng)卡

?底欄選項(xiàng)卡

MUI框架開發(fā)微信頁面(上)

實(shí)戰(zhàn)：HTML5移動(dòng)端手勢(shì)——微信

?朋友圈頁面上拉加載

?朋友圈頁面下拉刷新

?朋友圈頁面雙擊狀態(tài)欄頁面滾動(dòng)到頂部

?朋友圈頁面Ajax與Json/JsonP調(diào)取后臺(tái)數(shù)據(jù)

實(shí)戰(zhàn)：HTML5移動(dòng)端UI組件——微信

?微信首頁面Div模式

?微信首頁面WebView模式

?頁面初始化

第二天 MUI框架開發(fā)微信頁面(下)

微信聊天頁面、移動(dòng)端手勢(shì)

?頁面跳轉(zhuǎn)與數(shù)據(jù)傳遞

?創(chuàng)建子頁面

?打開新頁面

?關(guān)閉頁面

?頁面間傳值

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)用打包

Vue.js組件介紹

Vue.js框架快速入門

?Vue.js框架介紹

?條件、列表渲染

?事件處理機(jī)制

?組件生命周期介紹

?自定義組件與數(shù)據(jù)傳遞

第三天采用Vue.js 模擬美團(tuán)H5跨平臺(tái)開發(fā) (上)

采用Vue.js 模擬美團(tuán)H5跨平臺(tái)開發(fā)(上)

?Vue.2x-mock數(shù)據(jù)及配置

?美團(tuán)結(jié)構(gòu)和樣式設(shè)計(jì)(移動(dòng)端)

?點(diǎn)菜頁面設(shè)計(jì) (核心功能)

?Vue2.x-購物車(核心功能)

采用Vue.js 模擬美團(tuán)H5跨平臺(tái)開發(fā) (下)

采用Vue.js 模擬美團(tuán)H5跨平臺(tái)開發(fā)(下)

?商品詳情頁面 (核心功能)

?評(píng)價(jià)頁面

?商家頁面設(shè)計(jì)

?路由優(yōu)化和項(xiàng)目調(diào)試

?Vuejs真機(jī)調(diào)試、APP打包

張老師

張老師 北航碩士，HTML5專家。專注于項(xiàng)目管理、軟件開發(fā)方法調(diào)優(yōu)、軟件建模與系統(tǒng)設(shè)計(jì)/架構(gòu)等領(lǐng)域，熟悉主流的移動(dòng)端開發(fā)平臺(tái)，12年IT行業(yè)從業(yè)經(jīng)驗(yàn)，6年教育及教育管理經(jīng)驗(yàn)，對(duì)移動(dòng)端HTML5產(chǎn)品設(shè)計(jì)與開發(fā)\對(duì)HTML5 Web App、HTML5混合應(yīng)用開發(fā)關(guān)鍵技術(shù)有深刻了解和實(shí)踐經(jīng)驗(yàn)。

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

劉老師 有15年JAVA開發(fā)經(jīng)驗(yàn),9年授課經(jīng)驗(yàn). 精通J2EE多層架構(gòu)和多種設(shè)計(jì)模式，熟悉Struts、MyBatis、Hibernate、Spring、Spring MVC、Android、H5、Jquery Mobile、AngularJS、Bootstrap等多種開源框架, 對(duì)源碼有一定的理解. 熟悉 WebLogic, JBoss 容器并發(fā)集群的使用, 熟悉WebService、CXF、RESFul、UML、SVN、EasyUI、Flex、Lucene 等技術(shù)。長(zhǎng)期專注于J2EE系統(tǒng)的分析與設(shè)計(jì)，親身參與多個(gè)J2EE項(xiàng)目研發(fā)和應(yīng)用系統(tǒng)升級(jí)，并主導(dǎo)系統(tǒng)架構(gòu)設(shè)計(jì)，有著豐富的系統(tǒng)分析設(shè)計(jì)工作經(jīng)驗(yàn)。

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

我要報(bào)名

在線報(bào)名：基于HTML5的前端開發(fā)應(yīng)用最佳實(shí)踐培訓(xùn)班(北京)