【H5介紹】

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

【就業(yè)前景】

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

【職業(yè)方向】

移動Web前端

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

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

混合APP前端開發(fā)

Web后端開發(fā)

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

H5開發(fā)工程師

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

PC Web前端

【課程優(yōu)勢】

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

2. 零基礎入學 ,手把手帶你成功入行

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

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

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

【課程大綱】

階段一：Web頁面制作

學習目標：掌握傳統(tǒng)pc端網(wǎng)頁布局和制作

1、認識web前端和html

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

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

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

· CSS屬性· 認識CSS

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

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

2、標簽及語義

·常見標簽

·類型選擇符

·標簽的理解

·類型分

·標簽的用途

·類型樣式初始化

·標簽的合理使用

·仿百度首頁

·認識A鏈接

·仿美團網(wǎng)

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

· 什么是塊元素

· 如何正確使用

· 什么內嵌元素

· 流水式布局

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

· 瀑布式布局

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

階段二：編程基礎技術

學習目標：JS完成一些常見網(wǎng)頁開發(fā)

1、基本運算符

· + 加

· - 減· * 乘

· / 除

· % 求余

· ++ 累加

· -- 累減

2、面向對象的編程

· 基本概念

· 類

· 封裝

· 聚合

· 繼承

· 多態(tài)

· 創(chuàng)建對象

· 工廠模式

· 元素、屬性和方法

· 構造器函數(shù)

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

· typeof操作符

· Undefined類型· Null類型

· Boolean類型· Number類型

· String類型· Object類型

· Array類型· 棧方法

· 隊列方法

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

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

1、HTML5的應用

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

· 標簽語義化及標簽的默認屬性特點· 標簽的常用用法

· 新增的智能表單的應用· 音頻和視頻標簽的應用

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

· 音頻格式及瀏覽器支持

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

· HTML5初級實戰(zhàn)

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

· 背景圖合并技術

· 圖片處理技巧

· 框架的基本知識

· 嵌套合理化

3、CSS3應用

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

· CSS3邊框效果的講解與應用· CSS3陰影效果的講解與應用

· CSS3透明度效果· CSS3漸變效果、CSS3中對背景的相關操作

· CSS3中倒影效果的講解與應用

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

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

1、AJAX詳解

· AJAX的基本原理講解

· XHR對象的基本知識

· JSON與XML的辨析

· AJAX框架的封裝

· 同步加載與異步加載

· AJAX中的緩存問題

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

· JSON和跨域技術

2、jQuery框架詳解

· jQuery的基本語法

· jQuery中的常用選擇器

· jQuery對于事件的處理

· jQuery中的動畫知識與應用

· jQuery的文檔操作

· jQuery對屬性，CSS的修改和設置

· jQuery的核心與原理

· Jquery UI組件

3、Bootstrap

· Bootstrap 簡介

· Bootstrap 配置· Bootstrap響應式概念

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

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

· Bootstrap各種常用組件

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

了解 WEB 服務器工作原理，并可以簡單的搭建自己的應用程序服務器端

【教學師資】

關老師

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

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

孟老師

華清遠見講師 · HTML5講師

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

李老師

華清遠見講師 · HTML5講師

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

【教學現(xiàn)場】

【學員風采】

【合作企業(yè)】