HTML5課程大綱
Web前端+Web后端+混合APP開發(fā)，通通搞定！
主流框架技術(shù)
實(shí)戰(zhàn)教學(xué)案例
企業(yè)級(jí)實(shí)戰(zhàn)項(xiàng)目
完整課程體系
V1.0版本
V1.1版本
V2.1版本
V3.0版本
在V1.0基礎(chǔ)上加入了以下內(nèi)容：
①第五階段：移動(dòng)互聯(lián)網(wǎng)應(yīng)用——去掉小眾移動(dòng)端框架；
在V1.1基礎(chǔ)上加入了以下內(nèi)容：
①第一階段：Web頁(yè)面制作基礎(chǔ)——精簡(jiǎn)壓縮課程時(shí)間；
在V2.1基礎(chǔ)上加入了以下內(nèi)容：
①優(yōu)化課程順序——Web頁(yè)面制作、編程基礎(chǔ)技術(shù)、移動(dòng)互聯(lián)網(wǎng)應(yīng)用、特效開發(fā)高 級(jí)實(shí)戰(zhàn)、后端開發(fā)技術(shù)、企業(yè)級(jí)應(yīng)用開發(fā)；
定制HTML5課程體系，共7個(gè)階段：
第一階段： Web頁(yè)面制作基礎(chǔ)；華清遠(yuǎn)見(jiàn)HTML5課程介紹
課程循序漸進(jìn)
技術(shù)小白快速入門
案例式教學(xué)
4個(gè)月=2年工作經(jīng)驗(yàn)
開設(shè)完整課程體系
個(gè)性化學(xué)習(xí)量身定做
企業(yè)級(jí)實(shí)戰(zhàn)項(xiàng)目
在學(xué)習(xí)中獲得職場(chǎng)工作經(jīng)驗(yàn)
融合主流框架技術(shù)
每一項(xiàng)學(xué)成都可以獨(dú)當(dāng)一面
H5研發(fā)大牛教學(xué)
“老司機(jī)”成為你的高薪領(lǐng)路人
精通炫酷的H5頁(yè)面開發(fā)
移動(dòng)端布局更是不在話下
靈活運(yùn)用各種常見(jiàn)框架和庫(kù)
玩轉(zhuǎn)服務(wù)端數(shù)據(jù)交互
01
Web頁(yè)面制作1.認(rèn)識(shí)web前端和html
· web前端開發(fā)介紹2.標(biāo)簽及語(yǔ)義
· 常見(jiàn)標(biāo)簽3.block，inline-block介紹和使用
· 什么是塊元素掌握HTML5新增的智能表單的使用；掌握優(yōu)化的各種方式；掌握響應(yīng)式頁(yè)面布局技術(shù);使用touch框架搭建移動(dòng)端頁(yè)面、宣傳頁(yè)面；掌握swiper+animate框架；掌握微網(wǎng)站的開發(fā)過(guò)程與微信小程序開發(fā)；掌握如何開發(fā)移動(dòng)端web應(yīng)用;了解移動(dòng)應(yīng)用的流行框架 zepto并掌握移動(dòng)端的手勢(shì)與觸摸事件。
高防大型網(wǎng)站的模板、門戶網(wǎng)站主要模板（新浪）、商城全部模板（京東）
02
編程基礎(chǔ)技術(shù)1.基本運(yùn)算符
· + 加2.面向?qū)ο蟮木幊?/p>
· 基本概念
· 類
· 封裝
·聚合
· 繼承
· 多態(tài)
· 創(chuàng)建對(duì)象
· 工廠模式
· 元素、屬性和方法
· 構(gòu)造器函數(shù)
3.不同數(shù)據(jù)類型數(shù)據(jù)的操作方法
· typeof操作符掌握J(rèn)S基本語(yǔ)法與流程控制相關(guān)操作；使用JS結(jié)合HTML實(shí)現(xiàn)代表性的JS特效制作；可以獨(dú)立完成網(wǎng)頁(yè)中常見(jiàn)特效的編寫以及第三方特效插件的使用；掌握文件操作&canvas；了解ECMAScript6新特性;
結(jié)合js實(shí)現(xiàn)動(dòng)態(tài)頁(yè)面京東、淘寶、騰訊視頻
03
移動(dòng)互聯(lián)網(wǎng)應(yīng)用1.HTML5的應(yīng)用
· HTML5桌面平臺(tái)開發(fā)用到的標(biāo)簽2.HTML5初級(jí)實(shí)戰(zhàn)靜態(tài)網(wǎng)頁(yè)綜合開發(fā)
· HTML5初級(jí)實(shí)戰(zhàn)3.CSS3應(yīng)用
· CSS3的發(fā)展現(xiàn)狀、CSS3中的新增選擇器掌握HTML5新增的智能表單的使用；掌握優(yōu)化的各種方式；掌握響應(yīng)式頁(yè)面布局技術(shù);使用touch框架搭建移動(dòng)端頁(yè)面、宣傳頁(yè)面；掌握swiper+animate框架；掌握微網(wǎng)站的開發(fā)過(guò)程與微信小程序開發(fā)；掌握如何開發(fā)移動(dòng)端web應(yīng)用;了解移動(dòng)應(yīng)用的流行框架 zepto并掌握移動(dòng)端的手勢(shì)與觸摸事件
餓了么，華僑城 仿北京銀行 仿太平洋保險(xiǎn)，仿微信，Swiper+animate項(xiàng)目，Zepto+touch項(xiàng)目，微信小程序
04
特效開發(fā)高級(jí)實(shí)戰(zhàn)1.AJAX詳解
· AJAX的基本原理講解2.jQuery框架詳解
· jQuery的基本語(yǔ)法3.Bootstrap
· Bootstrap 簡(jiǎn)介利用jQuery框架進(jìn)行js特效開發(fā)；掌握Bootstrap的使用；了解AJAX的運(yùn)行原理 使用MUI庫(kù)，完成Android和IOS的移動(dòng)設(shè)置應(yīng)用開發(fā)
京東商城，騰訊視頻PC端，MUI項(xiàng)目
UC瀏覽器網(wǎng)站
vue項(xiàng)目實(shí)戰(zhàn)
Angular+ionic項(xiàng)目
北京銀行項(xiàng)目
Highchart項(xiàng)目
MUI框架項(xiàng)目
UC瀏覽器網(wǎng)站
整體目標(biāo)
讓學(xué)員簡(jiǎn)單的了解網(wǎng)頁(yè)的布局和常用結(jié)構(gòu)，常用樣式處理等為學(xué)習(xí)后期基礎(chǔ)打基礎(chǔ)。
階段目標(biāo)1.讓學(xué)員對(duì)前端開發(fā)有一個(gè)基礎(chǔ)的概念。
2.讓學(xué)員簡(jiǎn)單掌握基礎(chǔ)網(wǎng)頁(yè)的開發(fā)流程。
3.簡(jiǎn)單掌握網(wǎng)頁(yè)整體架構(gòu)搭建。
了解項(xiàng)目開發(fā)流程，了解開發(fā)工具使用，代碼編寫方式和語(yǔ)法基本規(guī)范。了解項(xiàng)
目常用結(jié)構(gòu)布局與樣式處理。
vue項(xiàng)目實(shí)戰(zhàn)
整體目標(biāo)
使用框架vue 搭建大型綜合PC端項(xiàng)目，實(shí)現(xiàn)商品的添加，刪除，購(gòu)買，支付，登錄注冊(cè)等功能。
階段目標(biāo)1.搭建VUE開發(fā)環(huán)境
2.掌握VUE語(yǔ)法結(jié)構(gòu)及使用方法
3.熟練掌握vue組件的使用
4.掌握vue路由與數(shù)據(jù)請(qǐng)求
熟練使用開發(fā)者工具，搭建使用VUE框架為基礎(chǔ)的PC端項(xiàng)目。掌握VUE框架，組件等
Angular+ionic項(xiàng)目
整體目標(biāo)
使用框架angular 搭建大型綜合項(xiàng)目，實(shí)現(xiàn)商品的添加，刪除，購(gòu)買，支付，登錄注冊(cè)，購(gòu)物車等功能。
階段目標(biāo)1.介紹angular新特性，知識(shí)點(diǎn)與企業(yè)需求0對(duì)接
2.環(huán)境搭建和程序架構(gòu)
3.使用angular組件開發(fā)項(xiàng)目架構(gòu)
4.實(shí)現(xiàn)組件與組件之間的通信
熟練使用開發(fā)者工具，搭建使用angular框架為基礎(chǔ)的項(xiàng)目。掌握angular框架，組件，程序架構(gòu)等。
北京銀行項(xiàng)目
整體目標(biāo)
了解簡(jiǎn)單的切圖方式，了解移動(dòng)端布局和編寫方式。練習(xí)CSS3的新屬性。吸引學(xué)員對(duì)H5的濃厚興趣。
階段目標(biāo)1.簡(jiǎn)單運(yùn)用PS切圖技術(shù)
2.了解移動(dòng)端布局與編寫方式
3.新屬性效果并對(duì)新屬性的簡(jiǎn)單運(yùn)用
4.吸引學(xué)員對(duì)前端的濃厚興趣
掌握移動(dòng)端布局與編寫方式，CSS3新屬性，了解簡(jiǎn)單的切圖方式。
Highchart項(xiàng)目
整體目標(biāo)
使用圖表highchart框架搭建具有數(shù)據(jù)變化的時(shí)時(shí)數(shù)據(jù)更新功能的項(xiàng)目。
階段目標(biāo)1.使用圖表框架搭建企業(yè)需求項(xiàng)目
2.掌握?qǐng)D表框架的使用方法
3.數(shù)據(jù)列的使用
4.與后臺(tái)數(shù)據(jù)的結(jié)合
熟練掌握?qǐng)D表開發(fā)框架的使用，了解代碼優(yōu)化，培養(yǎng)學(xué)員興趣。
MUI框架項(xiàng)目
整體目標(biāo)
使用MUI框架搭建移動(dòng)端原型項(xiàng)目。
階段目標(biāo)1.掌握MUI開發(fā)技巧
2.學(xué)習(xí)代碼時(shí)時(shí)更改時(shí)時(shí)調(diào)
3.使用真機(jī)測(cè)試，調(diào)試代碼
4.打包生成手機(jī)端app
使用移動(dòng)框架快速搭建移動(dòng)端界面，使界面媲美原生開發(fā)界面，大大節(jié)省了開發(fā)成本。掌握一次編寫處處使用的能力。
移動(dòng)Web前端
Web前端開發(fā)工程師
H5前端開發(fā)工程師
混合APP前端開發(fā)
Web后端開發(fā)
微網(wǎng)站開發(fā)
H5開發(fā)工程師
UI設(shè)計(jì)+產(chǎn)品原型設(shè)計(jì)
PC Web前端
| 姓名 | 專業(yè) | 就業(yè)崗位 | 就業(yè)單位 | 月薪 | 學(xué)歷 |
張*鋒
計(jì)算機(jī)科學(xué)與技術(shù)
H5前端工程師
上海有*信息科技有限公司
15000
本科
孫*
UI設(shè)計(jì)
H5網(wǎng)頁(yè)制作工程師
上海栗*機(jī)電工程技術(shù)有限公司
16000
本科
李*
通信工程
全棧開發(fā)工程師
宇**誠(chéng)（北京）信息技術(shù)有限公司
12000
�？�
劉*童
光電
H5網(wǎng)頁(yè)制作工程師
廣州市*安電子科技有限公司
13500
本科
吳*勤
通信工程
全棧開發(fā)工程師
佛山市帕**網(wǎng)絡(luò)科技有限公司
15000
本科
夏*
UI設(shè)計(jì)
全棧開發(fā)工程師
成都億**通信息技術(shù)有限公司
13500
本科
楊*剛
計(jì)算機(jī)科學(xué)與技術(shù)
H5前端工程師
上海造*網(wǎng)絡(luò)科技有限公司
12000
�？�
王*磊
UI設(shè)計(jì)
Web后端開發(fā)工程師
深圳三**網(wǎng)絡(luò)科技有限公司
12000
專科
劉*燕
通信工程
移動(dòng)前端開發(fā)工程師
海爾***融控股有限公司
10500
本科
崔*靜
計(jì)算機(jī)科學(xué)與技術(shù)
全棧開發(fā)工程師
鄭州萬(wàn)*信息技術(shù)有限公司
15000
本科
陳*龍
通信工程
H5前端工程師
河北燕*信息科技有限公司
18000
本科
白*春
計(jì)算機(jī)科學(xué)與技術(shù)
H5高級(jí)工程師
湖南*信科技有限公司
13500
本科
楊*
通信工程
H5網(wǎng)頁(yè)制作工程師
北京迪*科技有限公司
15000
本科
馬*月
計(jì)算機(jī)科學(xué)與技術(shù)
H5高級(jí)工程師
北京中**動(dòng)科技有限公司
10000
本科
盧*
光電
全棧開發(fā)工程師
平安**保險(xiǎn)股份有限公司
15000
本科
殷*雪
計(jì)算機(jī)科學(xué)與技術(shù)
H5網(wǎng)頁(yè)制作工程師
銀**聯(lián)網(wǎng)電視有限公司
10000
本科
朱*
光電
H5高級(jí)工程師
武漢萬(wàn)**金科技有限公司
15000
本科
李*鵬
UI設(shè)計(jì)
全棧開發(fā)工程師
四川**健康管理有限公司
13500
本科
蘇*
光電
H5高級(jí)工程師
德*實(shí)業(yè)（深圳）有限公司
10000
本科
袁*雪
通信工程
Web后端開發(fā)工程師
北京阿**努信息技術(shù)有限公司
16000
本科
