HTML5是Web中核心語言HTML的規(guī)范，用戶使用任何手段進行網(wǎng)頁瀏覽時看到的內(nèi)容原本都是HTML格式的，在瀏覽器中通過一些技術(shù)處理將其轉(zhuǎn)換成為了可識別的信息，HTML5在從前HTML4.01的基礎(chǔ)上進行了一定的改進，雖然技術(shù)人員在開發(fā)過程中可能不會將這些新技術(shù)投入應(yīng)用，但是對于該種技術(shù)的新特性，網(wǎng)站開發(fā)技術(shù)人員是必須要有所了解的。

【課程名稱】： HTML5前端課程

【課程對象】：

1、零基礎(chǔ)、非計算機專業(yè)學生；想要學習html5技術(shù)的學員；

2、從事互聯(lián)網(wǎng)開發(fā)工作的學員；想要參加HTML5培訓(xùn)的學員。

【核心優(yōu)勢】：

1、機構(gòu)在教學中側(cè)重于學員實踐能力的培養(yǎng)，根據(jù)學員學習計劃提供了視頻、圖文、答疑、1V1作業(yè)批改等服務(wù)，旨在幫助零基礎(chǔ)學員實現(xiàn)輕松入門。

2、機構(gòu)在課程教學中，全程結(jié)合項目實戰(zhàn)教學，由講師全程面授指導(dǎo)，并采用10-15人的小班制，有針對性地對學員進行個性化拓展及輔導(dǎo)，讓學員能切實地學習到IT技術(shù)。

3、機構(gòu)緊密結(jié)合市場，零死角定制課程大綱，并通過教學團隊的專業(yè)教學，讓學員的學習更有針對性、方向性。

4、為學生量身定做專屬學習方案，讓學生在網(wǎng)上學習，提高各種技能，熟練掌握技能，通過智能化的學習平臺，使學生在多方面得到提高；同時課堂上助教老師24小時在線，回答學生的問題，給出學習的建議和方案，讓學生學得更好。

【課程內(nèi)容】：

第一階段：移動Web網(wǎng)頁開發(fā)

核心知識點：

CSS3 2D、CSS33D變換、CSS3 animation動畫、H5C3炫酷頁面開發(fā)、Flex伸縮布局、移動端主流適配方案、常見移動端樣式兼容方案、預(yù)處理器Less、移動端調(diào)試方案。

學員能力體現(xiàn)：

掌握CSS3 2D、3D變換、動畫效果，了解移動端屏幕、移動端瀏覽器、操作系統(tǒng)的不同，掌握主流移動端調(diào)試方法，掌握常用移動端適配方案（流式布局、flex布局、rem適配)，掌握CSS預(yù)處理器less的使用，掌握主流移動端頁面開發(fā)技術(shù)選型與解決方案，掌握常用移動端框架使用方法，掌握常見移動端頁面開發(fā)流程與規(guī)范，掌握響應(yīng)式布局開發(fā)，掌握Bootstrap開發(fā)響應(yīng)式頁面，掌握適配不同終端的移動端頁面開發(fā)。

關(guān)鍵詞：

2D變化、3D變換、animation動畫、移動端適配、真機調(diào)試、rem、flex布局、媒體查詢、Bootstrap、Viewport.移動端調(diào)試。

第二階段：JavaScript 網(wǎng)頁編程

核心知識點：

JavaScript 語言基礎(chǔ)，BOM操作大全，DOM操作大全，封裝動畫函數(shù)，JavaScript高級語法，正則表達式，ECMAScript 2015 (ES6) jQuery 快速開發(fā)， jQuery插件開發(fā)。

學員能為體現(xiàn)：

能夠掌握JavaScript基本語法，掌握JavaScript中的運算符（操作符)，掌握JavaScript中的數(shù)據(jù)類型與數(shù)據(jù)類型轉(zhuǎn)換，掌握常見JavaScript算法，掌握數(shù)組遍歷，掌握常見的DOM操，能夠掌握DOM中元素的屬性操作，掌握DOM中事件綁定方法，掌握事件委托，能夠使用面向?qū)ο笏枷脒M行DOM編程，掌握offset系列，client系列，scroll系列，掌握JavaScript 的高級語法，熟練使用jQuery操作 DOM，熟練使用和編寫jQuery 插件，獨立完成電商網(wǎng)站的頁面搭建（包括HTML結(jié)構(gòu)、CSS樣式、JavaScript 特效)，函數(shù)進階·面向?qū)ο?，掌握touch事件，掌握touch事件對象，能夠完成移動端輪播圖效果，掌握應(yīng)對業(yè)務(wù)編程的能力，掌握JavaScript常見兼容性方案。

關(guān)鍵詞：

網(wǎng)頁編程、JavaScript 基礎(chǔ)語法、內(nèi)置對象、面向?qū)ο蟆⒗^承、閉包、原型、原型鏈、ES6、正則表達式、DOM、BOM.函數(shù)、jQuery. jQuery 插件、Class類、constructor、super。

第三階段：網(wǎng)絡(luò)編程

核心知識點：

能夠建立客戶端服務(wù)器交互模型，熟悉網(wǎng)絡(luò)通信相關(guān)概念，能夠使用Node，js 進行Web服務(wù)端開發(fā)，基于Node，js開發(fā)Web應(yīng)用，Express ·RESTFul APl，原聲AJAX、jQuery的AJAX相關(guān)API使用，跨域請求及解決方案，前端模板引擎。

學員能力體現(xiàn)：

能夠建立客戶端服務(wù)器交互模型，熟悉網(wǎng)絡(luò)通信相關(guān)概念，能夠使用Node，js進行 Web服務(wù)端開發(fā)，能夠掌握JavaScript 異步編程模型，能夠掌握JavaScript模塊化編程方式，能夠使用Node，js 操作MySQL數(shù)據(jù)庫，能夠理解HTTP協(xié)議，熟悉原生AJAX請求流程與細節(jié)，并掌握常見跨域技巧，能夠基于jQuery的AJAX相關(guān)API熟練開發(fā)常見的前端功能，能夠獨立開發(fā)基于后臺接口的動態(tài)網(wǎng)站、AJAX數(shù)據(jù)交互的項目，能夠獨立完成企業(yè)網(wǎng)站從前臺到后臺的基本開發(fā)工作，MySQL操作建庫建表，增刪改查語句，能夠了解什么是繼承，能夠使用Express快速搭建Web服務(wù)器，能夠使用Node.js操作數(shù)據(jù)庫，能夠使用session保持登錄狀態(tài)。

關(guān)鍵詞：

Node.js、CommonJS、異步編程、服務(wù)端開發(fā)、MySQL、SQL語句的、HTTP協(xié)議、Express/Koa、Cookie、Session、中間件、分頁、注冊登錄、模塊化、CMS系統(tǒng)開發(fā)、RESTful、AJAX、模板引擎、跨域、XMLHttpRequest2。

第四階段：Vue.js項目實戰(zhàn)

核心知識點：

基于Vue技術(shù)棧開發(fā)PC項目，基于Vue技術(shù)棧開發(fā)移動端項目，MVVM，發(fā)布訂閱模式，前后端分離，自定義組件，組件通信·生命周期·axios網(wǎng)絡(luò)請求，開發(fā)SPA項目，Vuex狀態(tài)管理，Element-Ul · vue-cli腳手架搭建項目，Vant . webpack打包項目，打包優(yōu)化和項目部署，Cordova·數(shù)據(jù)可視化開發(fā)。

學員能力體現(xiàn)：

能夠掌握使用Vue技術(shù)棧進行項目開發(fā)，能夠掌握企業(yè)中項目開發(fā)的流程，能夠掌握源代碼管理工具的使用，能夠熟練掌握前后端分離開發(fā)模式，能夠掌握使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)、移動Web 等客戶端，能夠掌握Webpack 項目構(gòu)建配置流程，能夠掌握Web項目的部署與發(fā)布模式，掌握使用echarts/d3，js進行數(shù)據(jù)可視化交互開發(fā)，能夠知道雙向數(shù)據(jù)綁定的原理，能夠知道MVVM設(shè)計模式的原理，能夠掌握自定義組件的封裝，能夠知道Vue的主流技術(shù)棧的使用。

關(guān)鍵詞：

MVM、前后端分離、Vue.js、Vue-Router、Vuex、vue-cli、單頁應(yīng)用、工程化、組件化開發(fā)、axios、webpack. element-ui、vant、websocket、SSR、Cordova。

第五階段：微信小程序

核心知識點：

微信小程序開發(fā)基礎(chǔ)知識，小程序應(yīng)用及頁面的生命周期，小程序視圖與邏輯，小程序商城·購物車，小程序運行機制，微信支付，開發(fā)中常用組件的使用，小程序開發(fā)框架。

學員能力體現(xiàn)：

能夠掌握小程序的開發(fā)基礎(chǔ)，能夠使用小程序開發(fā)者工具創(chuàng)建項目，能夠使用常見的UI組件，能夠知道小程序中生命周期的執(zhí)行，能夠?qū)崿F(xiàn)小程序頁面中的數(shù)據(jù)綁定和事件處理，能夠?qū)崿F(xiàn)頁面之間的導(dǎo)航跳轉(zhuǎn)，能夠獨立開發(fā)小程序項目，能夠掌握小程序的部署與發(fā)布，能夠掌握微信支付的使用，能夠掌握小程序開發(fā)框架的使用，掌握第三方AlI平臺的使用。

關(guān)鍵詞：

微信小程序、小程序開發(fā)框架、小程序商城、購物車、微信支付。

第六階段：React.js項目實戰(zhàn)

核心知識點：

React.js，React Router，Redux，axios ·Ant Design，create-react-app腳手架工具，地理定位，項目部署與開發(fā)。

學員能力體現(xiàn)：

能夠理解React的開發(fā)理念，能夠掌握React的基本使用，能夠理解React的內(nèi)部原理，能夠使用React及其常用組件庫進行項目開發(fā)，能夠使用React封裝項目中用到組件實現(xiàn)復(fù)用，能夠掌握React項目中常見問題的解決方案，能夠掌握React項目優(yōu)化、部署。

關(guān)鍵詞：

React.js、PureComponent、高階組件、虛擬DOM、Redux、React Router、JSX、地理定位、租房、項目打包優(yōu)化。

【師資介紹】：

張老師

所授科目：Java培訓(xùn)、HTML5培訓(xùn)、web前端培訓(xùn)

授課風格：授課經(jīng)驗豐富，注重學生學習體驗，善于利用各種實例激發(fā)學生的學習興趣，崇尚化繁為簡，高效學習的教學方式

個人介紹：6年物聯(lián)網(wǎng)、電商等大型系統(tǒng)開發(fā)經(jīng)驗，上市公司架構(gòu)師及項目經(jīng)理。曾參與或設(shè)計過多個物聯(lián)網(wǎng)項目工程的開發(fā)，擅長各種應(yīng)用服務(wù)平臺的研發(fā)、架構(gòu)的設(shè)計與搭建。熟悉常用設(shè)計模式，有大型分布式、高并發(fā)、高可用性系統(tǒng)設(shè)計經(jīng)驗。