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