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