培訓背景
通過一個完整的沙盤項目及一組實際應用場景設計案例,完全覆蓋Android及iOS原生移動應用交互設計與開發;圖形化及繪圖開發;布局設計;大表單設計;界面優化;屏幕適配等開發技巧。HTML5移動端開發的實踐應用,包括HTML5新特性、Html5表單、拖拽、移動端響應式布局、Web存儲、離線應用、地理位置定位、移動端開發框架、混合應用開發、Html5+規范,前端自動化,工程化構建,前端MVVM框架簡介等。
培訓收益
1.使參訓人員了解HTML5特性及趨勢,對原生開發有進一步的認識;
2.了解移動端開發注意事項;
3.了解主流的前端開發框架;
4.通過案例開展移動端開發實戰。
培訓特色
1.培訓過程強調互動式教學、強化團隊討論,將專門安排時間用于討論、練習(具體比例可視學員的情況進行調整);
2.授課講師會積極活躍課堂氣氛,激發學員熱情將實際項目中地各種問題拿出來討論,達到實戰練習目的。
課程大綱
日程 | 培訓模塊 | 內容 |
---|---|---|
第一天 上午 |
第一部分 Android圖形化與繪圖開發 |
●使用內置的Camera應用程序捕獲圖像 ●圖像存儲和元數據 ●使用Camera類 ●實現Camera對象 ●構建基于定時器的Camera應用程序 ●使用內置Gallery應用程序選擇圖像,在位圖上繪制位圖 ●Matrix類的方法 ●畫布繪圖 ●手指繪圖 ●觸摸事件 |
第一天 下午 |
第二部分 界面優化;屏幕適配 |
●Android-屏幕尺寸像素密度 ●Android中的px和dp ●Android中的sp ●Android中的mdpi ●支持各種屏幕尺寸的解決方案 ●支持各種屏幕密度的解決方案 ●實施自適應用戶界面流程 ●listview萬能適配 |
第二天 |
第三部分 ios圖形化與繪圖開發 |
●UIKit與Quartz 2D繪圖技術 ●繪制視圖,視圖繪制周期,填充與描邊,繪制圖像和文本 ●Quartz圖形上下文,Quartz路徑,Quartz坐標變換,2D圖形的基本變換,變換矩陣 ●圖像處理 ●Core Image框架 ●人臉識別 ●人臉識別開發 |
第四部分 ios界面布局和多屏幕適配 |
●界面布局與屏幕適配 ●界面布局概述 ●iOS界面布局設計模式 ●表單布局模式 ●列表布局模式 ●網格布局模式 ●傳統布局技 ●Auto Layout布局技 ●Interface Builder中管理Auto Layout ●iOS 9堆視圖StackView ●堆視圖與布局 ●iOS屏幕介紹 ●Size Class與iOS多屏幕適配 | |
第三天 |
第五部分 HTML5前端進階開發 |
●集成IDE Hbuilder和webstorm ●前端常用框架和插件開發 ●swiper.js,zepto.js ●MUI,H5plus ●微信js SDK,微信小程序 ●前端MVVM框架簡介 ●前端自動化構建 |
總結與答疑 | 總結所學內容,解答學員問題 |