基于HTML5的前端開發(fā)應用最佳實踐 培訓班其它上課時間:
培訓對象:
對此課程感興趣的學員
培訓內容:
課程收益:
一、培訓特色
1.講授HTML5的基本概念、核心技術、主要特性與產品應用,以及在HTML5投入實際產品運用時需注意的問題;
2.本課程結合實踐講述主流移動端開發(fā)框架,HTML5混合應用開發(fā)等;
3.本課程將指導學員動手完成移動端HTML5混合應用開發(fā)案例,操作搖一搖、語音、相冊等實際開發(fā)內容;
二、培訓目標
通過一個完整的沙盤項目及一組實際應用場景設計案例,完全覆蓋HTML5移動端開發(fā)的實踐應用,包括HTML5新特性、Html5表單、拖拽、移動端響應式布局、Web存儲、離線應用、地理位置定位、移動端開發(fā)框架、混合應用開發(fā)、Html5規(guī)范等。
培訓過程強調互動式教學、強化團隊討論,將專門安排時間用于討論、練習(具體比例可視學員的情況進行調整)。但這一做法需要學員的積極參與,盡可能地將實際項目中地各種問題拿出來討論,這要求學員前期做一定地準備工作。本課程通過培訓使學習者達到如下目標:
1.使參訓人員了解HTML5特性及趨勢
2.了解移動端開發(fā)注意事項
3.了解主流的開發(fā)框架
4.通過案例開展移動端開發(fā)實戰(zhàn)
培訓頒發(fā)證書:
本課程學習考核通過后,由中國信息化培訓中心頒發(fā)《高級HTML5架構師》證書,可作為專業(yè)技術人員職業(yè)能力考核的證明,以及專業(yè)技術人員崗位聘用、任職、定級和晉升職務的重要依據。
課程大綱:
時間知識模塊授課綱要第一天HTML5基礎
移動互聯(lián)網時代下的HTML5lHTML5與傳統(tǒng)的NativeApplHTML5與hybridAPPlHTML5與WebAPP
聒噪的移動端框架l“大名鼎鼎”的JQMl當成的Phonegap如何的Cordoval風生水起的reactnativelAPICloud與DCloud之爭
HTML5移動端加強l手機瀏覽器的特點;l移動端事件;lviewpoint視口;
TML5的困惑l移動端手勢響應l如何調用硬件系統(tǒng)(重力感應等)l如何進行應用打包并發(fā)布HTML5APP對比與發(fā)展
HTML5應用開發(fā)DCloud框架MUIlHTML5應用開發(fā)工具篇lHTML5APPAndroid真機聯(lián)調lHTML5APPIOS真機聯(lián)調lHTML5APPAndroid應用打包lHTML5APPIOS應用打包第二天HTML5如何快速實現(xiàn)移動端UI及交互設計
HTML5移動端UI框架組件l輪播圖片
l文字圖標
l九宮格、分頁九宮格
lActionSheet
l圖文列表(箭頭、數(shù)字角標)
l側滑導航
l可拖動選項卡l底欄選項卡
實戰(zhàn):HTML5移動端手勢——微信l朋友圈頁面上拉加載l朋友圈頁面下拉刷新l朋友圈頁面雙擊狀態(tài)欄頁面滾動到頂部l朋友圈頁面Ajax與Json/JsonP調取后臺數(shù)據HTML5微信案例項目實戰(zhàn)
實戰(zhàn):HTML5移動端UI組件——微信l微信首頁面Div模式l微信首頁面WebView模式l頁面初始化l創(chuàng)建子頁面l打開新頁面l關閉頁面l頁面間傳值HTML5如何完成手機端硬件傳感器調用
HTML5移動端APP訪問硬件系統(tǒng)l什么是HTML5+l重力感應l相冊l攝像頭l二維碼l調用原生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ā)賬目分類設置頁l開發(fā)首頁l生成App
實戰(zhàn)案例:掃一掃Appl使用掃描二維碼插l同步訓練
實戰(zhàn)案例:仿淘寶Appl首頁l商品列表頁l同步訓練前端模塊化之路
前端三大工具:
lGrunt介紹和應用
lGulp介紹和應用
lBower介紹和應用
Js模塊化開發(fā)三大規(guī)范:
lAMDrequirejs
lCMDseajs
lCommonJSnodejs
第四天
學習考核與業(yè)內經驗交流培訓師介紹:
張老師
北航碩士,HTML5專家。專注于項目管理、軟件開發(fā)方法調優(yōu)、軟件建模與系統(tǒng)設計/架構等領域,熟悉主流的移動端開發(fā)平臺,12年IT行業(yè)從業(yè)經驗,6年教育及教育管理經驗,對移動端HTML5產品設計與開發(fā)\\對HTML5WebApp、HTML5混合應用開發(fā)關鍵技術有深刻了解和實踐經驗。趙老師
軟件工程碩士,北京財經學院項目部負責人,主要專業(yè)特長包括HTML5、移動前端、CSS3、AngularJS、Reactnative、VueJS、BootStrap、JQuery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相關技術,對Html5應用開發(fā)及開發(fā)模式有深入研究,熟悉模塊化開發(fā),熟悉IT項目管理,熟悉ICONIX、Scrum等軟件研發(fā)過程改進、詳細設計、IT規(guī)劃。擅長UML建模、MVC、設計模式、架構思想,多年項目管理經驗,千人教育培訓經驗。劉老師
西安郵電學院計算機科學本科,有10年多JAVA開發(fā)經驗,8年授課經驗.精通J2EE多層架構和多種設計模式,熟悉Struts、MyBatis、Hibernate、Spring、SpringMVC、Android、H5、JqueryMobile、AngularJS、Bootstrap等多種開源框架,對源碼有一定的理解.熟悉WebLogic,JBoss容器并發(fā)集群的使用,熟悉WebService、CXF、RESFul、UML、SVN、EasyUI、Flex、Lucene等技術。有著6年軟件的設計與開發(fā)經驗,6年IT培訓教學經驗。長期專注于J2EE系統(tǒng)的分析與設計,親身參與多個J2EE項目研發(fā)和應用系統(tǒng)升級,并主導系統(tǒng)架構設計,有著豐富的系統(tǒng)分析設計工作經驗。高老師
有十多年IT工作經歷,包括大型公司實際開發(fā)經驗,正規(guī)高校教師及IT企業(yè)培訓講師經歷。長期從事企業(yè)培訓和技術咨詢工作,針對企業(yè)客戶有良好的培訓經驗和溝通技巧。有多年的項目經驗,熟悉項目開發(fā)中從需求分析到設計方案再到解決方案的各個階段的實施。從2002年開始.NET研究與開發(fā),對.NET技術、HTML5有長期的實際開發(fā)經驗,熟悉多種開發(fā)技術和開發(fā)工具。