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

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

【課程對象】：

1、零基礎、非計算機專業學生；想要學習html5技術的學員；

2、從事互聯網開發工作的學員；想要參加HTML5培訓的學員。

【核心優勢】：

1、機構在教學中側重于學員實踐能力的培養，根據學員學習計劃提供了視頻、圖文、答疑、1V1作業批改等服務，旨在幫助零基礎學員實現輕松入門。

2、機構在課程教學中，全程結合項目實戰教學，由講師全程面授指導，并采用10-15人的小班制，有針對性地對學員進行個性化拓展及輔導，讓學員能切實地學習到IT技術。

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

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

【課程內容】：

第一階段：移動Web網頁開發

核心知識點：

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

學員能力體現：

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

關鍵詞：

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

第二階段：JavaScript 網頁編程

核心知識點：

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

學員能為體現：

能夠掌握JavaScript基本語法，掌握JavaScript中的運算符（操作符)，掌握JavaScript中的數據類型與數據類型轉換，掌握常見JavaScript算法，掌握數組遍歷，掌握常見的DOM操，能夠掌握DOM中元素的屬性操作，掌握DOM中事件綁定方法，掌握事件委托，能夠使用面向對象思想進行DOM編程，掌握offset系列，client系列，scroll系列，掌握JavaScript 的高級語法，熟練使用jQuery操作 DOM，熟練使用和編寫jQuery 插件，獨立完成電商網站的頁面搭建（包括HTML結構、CSS樣式、JavaScript 特效)，函數進階·面向對象，掌握touch事件，掌握touch事件對象，能夠完成移動端輪播圖效果，掌握應對業務編程的能力，掌握JavaScript常見兼容性方案。

關鍵詞：

網頁編程、JavaScript 基礎語法、內置對象、面向對象、繼承、閉包、原型、原型鏈、ES6、正則表達式、DOM、BOM.函數、jQuery. jQuery 插件、Class類、constructor、super。

第三階段：網絡編程

核心知識點：

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

學員能力體現：

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

關鍵詞：

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

第四階段：Vue.js項目實戰

核心知識點：

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

學員能力體現：

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

關鍵詞：

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

第五階段：微信小程序

核心知識點：

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

學員能力體現：

能夠掌握小程序的開發基礎，能夠使用小程序開發者工具創建項目，能夠使用常見的UI組件，能夠知道小程序中生命周期的執行，能夠實現小程序頁面中的數據綁定和事件處理，能夠實現頁面之間的導航跳轉，能夠獨立開發小程序項目，能夠掌握小程序的部署與發布，能夠掌握微信支付的使用，能夠掌握小程序開發框架的使用，掌握第三方AlI平臺的使用。

關鍵詞：

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

第六階段：React.js項目實戰

核心知識點：

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

學員能力體現：

能夠理解React的開發理念，能夠掌握React的基本使用，能夠理解React的內部原理，能夠使用React及其常用組件庫進行項目開發，能夠使用React封裝項目中用到組件實現復用，能夠掌握React項目中常見問題的解決方案，能夠掌握React項目優化、部署。

關鍵詞：

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

【師資介紹】：

張老師

所授科目：Java培訓、HTML5培訓、web前端培訓

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

個人介紹：6年物聯網、電商等大型系統開發經驗，上市公司架構師及項目經理。曾參與或設計過多個物聯網項目工程的開發，擅長各種應用服務平臺的研發、架構的設計與搭建。熟悉常用設計模式，有大型分布式、高并發、高可用性系統設計經驗。