【H5介紹】

H5從廣義上說是前端開發(fā)中各種新技術(shù)的總稱，包含了HTML5、CSS3、JavaScript、ES6和各種開源框架等前端開發(fā)技術(shù)的總和。自2014年底發(fā)布以來，已經(jīng)逐漸成為現(xiàn)代互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)開發(fā)的核心技術(shù)，以及各行各業(yè) 進入互聯(lián)網(wǎng)+的熱門開發(fā)技術(shù)。

【就業(yè)前景】

HTML5開發(fā)工程師是隨著互聯(lián)網(wǎng)而興起的職位，可從事Web前端、Web后端、APP開發(fā)等多種崗位。以用戶體驗需求為基礎(chǔ)，發(fā)展多元化，是目前互聯(lián)網(wǎng)產(chǎn)業(yè)中為搶手的人才之一。

【職業(yè)方向】

移動Web前端

Web前端開發(fā)工程師

H5前端開發(fā)工程師

混合APP前端開發(fā)

Web后端開發(fā)

微網(wǎng)站開發(fā)

H5開發(fā)工程師

UI設(shè)計+產(chǎn)品原型設(shè)計

PC Web前端

【課程優(yōu)勢】

1. 案例式開發(fā)，4個月=2年工作經(jīng)驗

2. 零基礎(chǔ)入學(xué) ,手把手帶你成功入行

3. 課程結(jié)合企業(yè)需求，畢業(yè)即可上手

4. 項目實戰(zhàn)豐富 ,涵蓋H5所有主流技術(shù)

5. 專業(yè)H5研發(fā)大牛 ,**課程定期更新

【課程大綱】

階段一：Web頁面制作

學(xué)習(xí)目標(biāo)：掌握傳統(tǒng)pc端網(wǎng)頁布局和制作

1、認識web前端和html

· web前端開發(fā)介紹

· CSS標(biāo)記· 開發(fā)工具

· CSS元素· 開發(fā)環(huán)境介紹

· CSS屬性· 認識CSS

· 如何深度理解CSS· CSS優(yōu)點

· 如何優(yōu)化布局

2、標(biāo)簽及語義

·常見標(biāo)簽

·類型選擇符

·標(biāo)簽的理解

·類型分

·標(biāo)簽的用途

·類型樣式初始化

·標(biāo)簽的合理使用

·仿百度首頁

·認識A鏈接

·仿美團網(wǎng)

3、block，inline-block介紹和使用

· 什么是塊元素

· 如何正確使用

· 什么內(nèi)嵌元素

· 流水式布局

· 如何理解這兩者的區(qū)別

· 瀑布式布局

· 他們各自哪些特點
· 仿淘寶主頁

階段二：編程基礎(chǔ)技術(shù)

學(xué)習(xí)目標(biāo)：JS完成一些常見網(wǎng)頁開發(fā)

1、基本運算符

· + 加

· - 減· * 乘

· / 除

· % 求余

· ++ 累加

· -- 累減

2、面向?qū)ο蟮木幊?/p>

· 基本概念

· 類

· 封裝

· 聚合

· 繼承

· 多態(tài)

· 創(chuàng)建對象

· 工廠模式

· 元素、屬性和方法

· 構(gòu)造器函數(shù)

3、不同數(shù)據(jù)類型數(shù)據(jù)的操作方法

· typeof操作符

· Undefined類型· Null類型

· Boolean類型· Number類型

· String類型· Object類型

· Array類型· 棧方法

· 隊列方法

階段三：移動互聯(lián)網(wǎng)應(yīng)用

學(xué)習(xí)目標(biāo)：掌握現(xiàn)在主流的頁面制作技術(shù)，可以完成微網(wǎng)站的制作和微信小程序開發(fā)，并可以做到多設(shè)備兼容

1、HTML5的應(yīng)用

· HTML5桌面平臺開發(fā)用到的標(biāo)簽

· 標(biāo)簽語義化及標(biāo)簽的默認屬性特點· 標(biāo)簽的常用用法

· 新增的智能表單的應(yīng)用· 音頻和視頻標(biāo)簽的應(yīng)用

· 視頻格式與瀏覽器的支持· 使用 DOM 控制HTML5 video

· 音頻格式及瀏覽器支持

2、HTML5初級實戰(zhàn)靜態(tài)網(wǎng)頁綜合開發(fā)

· HTML5初級實戰(zhàn)

· 靜態(tài)網(wǎng)頁綜合開發(fā)

· 背景圖合并技術(shù)

· 圖片處理技巧

· 框架的基本知識

· 嵌套合理化

3、CSS3應(yīng)用

· CSS3的發(fā)展現(xiàn)狀、CSS3中的新增選擇器

· CSS3邊框效果的講解與應(yīng)用· CSS3陰影效果的講解與應(yīng)用

· CSS3透明度效果· CSS3漸變效果、CSS3中對背景的相關(guān)操作

· CSS3中倒影效果的講解與應(yīng)用

階段四：開發(fā)實戰(zhàn)

通過實際項目開發(fā)，精通前端常用框架的實際應(yīng)用及問題解決，以及常見開發(fā)、前后臺交互開發(fā)

1、AJAX詳解

· AJAX的基本原理講解

· XHR對象的基本知識

· JSON與XML的辨析

· AJAX框架的封裝

· 同步加載與異步加載

· AJAX中的緩存問題

· 數(shù)據(jù)綁定和模板技術(shù)

· JSON和跨域技術(shù)

2、jQuery框架詳解

· jQuery的基本語法

· jQuery中的常用選擇器

· jQuery對于事件的處理

· jQuery中的動畫知識與應(yīng)用

· jQuery的文檔操作

· jQuery對屬性，CSS的修改和設(shè)置

· jQuery的核心與原理

· Jquery UI組件

3、Bootstrap

· Bootstrap 簡介

· Bootstrap 配置· Bootstrap響應(yīng)式概念

· 使用Bootstrap布局頁面和全局樣式

· Bootstrap網(wǎng)格系統(tǒng)及工作原理

· Bootstrap各種常用組件

階段五：后端開發(fā)技術(shù)

了解 WEB 服務(wù)器工作原理，并可以簡單的搭建自己的應(yīng)用程序服務(wù)器端

【教學(xué)師資】

關(guān)老師

華清遠見教學(xué)總監(jiān) · HTML5首席講師

代前端設(shè)計工程師，前端設(shè)計類培訓(xùn)教學(xué)者，10多年始終專注于前端設(shè)計方向相關(guān)課程研發(fā)及教學(xué)工作，有非常豐富的企業(yè)前端開發(fā)及研發(fā)經(jīng)驗，曾負責(zé)過多個大型WEB端與移動端項目開發(fā)。授課思路清晰，幽默風(fēng)趣，注重理論與實踐結(jié)合，以貼近工作的實戰(zhàn)案例為主線，讓學(xué)生快速掌握開發(fā)技術(shù)并能靈活運用。

孟老師

華清遠見講師 · HTML5講師

多年豐富的HTML5開發(fā)經(jīng)驗，精通HTML5跨平臺、WebApp開發(fā)；精通產(chǎn)品硬件設(shè)計與開發(fā)；且精通Unix/Linux操作系統(tǒng)應(yīng)用開發(fā)，是軟硬件開發(fā)領(lǐng)域不可多得的人才。

李老師

華清遠見講師 · HTML5講師

華清遠見年輕教師隊伍的中堅力量。精通HTLM5應(yīng)用程序設(shè)計開發(fā)，具有豐富的前端開發(fā)經(jīng)驗。精通C語言及嵌入式Linux應(yīng)用程序開發(fā)，精通Linux操作系統(tǒng)以及嵌入式Linux的各種應(yīng)用編程接口;曾參與智能家居和消費電子領(lǐng)域內(nèi)嵌入式產(chǎn)品及HTML5前端的規(guī)劃和研發(fā)。教學(xué)風(fēng)趣幽默，具有超強的思維邏輯性，深受學(xué)員的追捧和好評。

【教學(xué)現(xiàn)場】

【學(xué)員風(fēng)采】

【合作企業(yè)】