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