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