 班級規模及環境--熱線:4008699035 手機:15921673576( 微信同號) |
|
每期人數限3到5人。 |
| 上課時間和地點 |
上課地點：【上海】：同濟大學(滬西)/新城金郡商務樓(11號線白銀路站) 【深圳分部】：電影大廈(地鐵一號線大劇院站)/深圳大學成教院 【北京分部】：北京中山學院/福鑫大樓 【南京分部】：金港大廈(和燕路) 【武漢分部】：佳源大廈（高新二路） 【成都分部】：領館區1號（中和大道） 【沈陽分部】：沈陽理工大學/六宅臻品 【鄭州分部】：鄭州大學/錦華大廈 【石家莊分部】：河北科技大學/瑞景大廈 【廣州分部】：廣糧大廈 【西安分部】：協同大廈
最近開課時間(周末班/連續班/晚班）：2020年3月16日 |
| 實驗設備 |
☆資深工程師授課
☆注重質量
☆邊講邊練
☆合格學員免費推薦工作
★實驗設備請點擊這兒查看★ |
| 質量保障 |
1、培訓過程中，如有部分內容理解不透或消化不好，可免費在以后培訓班中重聽；
2、培訓結束后,授課老師留給學員聯系方式,保障培訓效果,免費提供課后技術支持。
3、培訓合格學員可享受免費推薦就業機會。 |
大綱 |
| |
HTML5破槍式：破解移動前端在HTML5的一切應用
1、區分WEB前端與HTML5移動前端的異同點
2、掌握HTML5移動前端設計的核心要素
1、基于H5的移動前端網頁布局設計與移動端布局常見的問題解決方案 （標簽布局：Article、 Section nav、aside、 header等）
2、移動網頁界面樣式 測試環境Emulation
3、viewport
4、window.devicePixelRatio
5、物理分辨率
6、Media Queries
7、rem
8、window.screen
9、window.deviceorientationevent
10、橫豎屏判斷
11、移動網頁界面樣式
涉及課程獨創細節，保密…
HTML5破鞭式1： 破解多媒體音頻在HTML5的一切應用
1、多媒體應用整體思路
2、學習HTML5新增核心應用之音頻播放
1、移動前端的多媒體控制與PC前端多媒體控制的區別
2、HTML5新增的音頻標簽audio及音頻播放器
3、實現移動前端的音頻播放、暫停、加載等
4、音頻編碼標準的問題
HTML5破鞭式2： 破解多媒體視頻在HTML5的一切應用
學習HTML5核心開發之視頻播放
1、HTML5的視頻標簽video及視頻播放器
2、實現移動前端的音頻播放、暫停、加載等綜述
3、視頻重要屬性應用：controls、src、autoplay、poster、preload、width、height、loop
4、一個常見疑惑：視頻格式與瀏覽器版本的沖突？
5、如何處理不同格式的視頻？如何更具體地指定視頻格式？
6、實現移動前端視頻的音量控制
7、視頻特效
8、難點：視頻緩沖（用后續知識點畫布實現，此處暫不安排課時）
實戰專題課系列
個性課程：技術實操（用HTML5創建電影院）
顯示預告片：觀眾須知或播放你儂我儂的小廣告
顯示正片：張藝謀版《你若不離不棄，我必生死相依》
顯示出品方尾片：銳智出品，必屬精品，演職人員滾動播出
HTML5破索式：破解本地存儲在HTML5的一切應用
1、核心內容：傳統UI頁面存儲在實現手機頁面時的缺點和HTML5的優化技巧
2、區分不同類型的存儲
3、HTML5的本地存儲實現方式
1、重要：H5的本地存儲，安全性、容量、和cookie區別
2、小甜餅cookie（HTML時代的存儲方式），又名“即時貼”系統的工作原理
3、實操：cookie的完整開發流程
4、使用H5的Web Storage API來改進HTML時代的“即時貼”系統
5、問：web存儲與本地存儲是一回事嗎？
6、比較與實操：localStorage、sessionStorage、離線緩存三種存儲
HTML5破掌式：破解畫布canvas在HTML5的一切應用
HTML5新增高級應用 （canvas畫布功能）
秀出你的藝術天分：canvas畫布讓你具備親手創建、管理和消滅像素的能力
知其所以然：為什么鼎鼎大名的flash技術進入了職業生涯的尾聲？
在canvas畫布上繪制線段（用javascript獲取canvas對象后js繪制線段）
在canvas畫布上繪制空心圓（arc）、實心圓（填充fill）
經驗：如何封閉canvas畫布的路徑
在canvas畫布上繪制三角形（重點：深入掌握閉合路徑的作用）
在canvas畫布上添加文本效果
在canvas畫布上繪制圖片
如何在畫布上旋轉線段
如何在畫布上旋轉圖片
HTML5破箭式：破解游戲動畫功能在HTML5的一切應用
利用HTML5開發激動人心的游戲動畫
基于canvas畫布技術的游戲動畫開發原理
與游戲動畫開發相關的canvas API詳解與實際操作
原理剖析：2D游戲繪圖原理
游戲動畫實訓2：使用CANVAS制作2D游戲
原理剖析：游戲繪圖引擎原理
游戲動畫實訓3：使用CANVAS開發游戲繪圖引擎
游戲動畫實戰：你也可以進行手機版的游戲動畫開發了！
專業工具系列
學習數個有助于提升前端開發流程化的開發工具
1、前端加載、預處理、打包類工具 （Webpack、Grunt、Gulp三種工具對比與使用原理）
2、前端開發工程類工具（使用yeoman前端自動化腳手架）
HTML5的用戶交互技巧
特色課程：HTML5工程師如何站在用戶角度設計產品
傻瓜掃盲：用戶交互是產品與用戶交互，而不是不是產品經理與用戶交互，這是設計者考慮怎么樣能讓所開發的產品更容易贏得用戶眼球，恰恰是一線資深工程師的授課精華所在
專家經驗：用戶對產品體驗的幾個最核心要素及解決技巧
HTML5的交互設計應用
特色：移動端框架原型在各類手機操作系統的應用經驗
1、移動端框架原型設計
2、移動端UI設計之ios設計規范
3、移動端UI設計之Android設計規范
4、移動端UI設計之微軟設計規范
項目實戰
1、HTML移動前端產品的設計分析
2、項目需求講解
3、講師演示項目最終效果
4、個人輔導與集中輔導相結合
|
首頁 課程表 在線聊 報名 講師 品牌 QQ聊 活動 就業
合作伙伴與授權機構