【課程目標】

H5全棧開發課程旨在打造精通前端(HTML5、CSS3、、JQuery)、后端(Node.js)、移動跨平臺(Android/I0S/)App(Vue.js/Angular/React)、微信小程序開發的全棧型全能工程師。

【課程介紹】

結合BAT等一線互聯網實際項目需求以及H5技術的飛速發展,2018年在WebAPP開發、數據交互、游戲開發多方面更新課程體系,培養H5全棧開發工程師,在原有課程體系的基礎上,添加更為精華,更實用的課程。

【課程內容】

本次課程更新內容:

1.在課程階段增加Angular4、React.js課程,與原有vue.js開發課程齊頭并進,打造前端WebAPP開發框架三劍客,形成覆蓋式技能培養戰略。

2.在課程階段增加H5游戲AI智能算法,打造精品游戲,拓展學員H5游殘開發相關就業新方向。

3.新加入完善的ES6/ES7語法結構,讓JS編程更加簡潔、爽快,6的飛起。

4.更加注重H5應用在市場營銷方面的應用,增加實戰項目操作。

【教學安排】

階段:前端基礎階段

課程:HTML5 + CSS3 JavaScrip基礎

主講內容:

1.課程體系介紹、HTML+CSS基本入門知識

2.運行原理

3.HTML常用標簽、表單新類型、網頁SE0優化

4.HTML5語義化標簽、音視頻標簽

5.CSS選擇器(基本、層級、屬性、偽類、偽狀態)

6.CSS常用樣式屬性

7.CSS3過渡、變換、動畫

8.CSS3 3D場景搭建與應用

9.精靈圖(雪碧園)的原理以及實現

10.Iconfont 字體圖標(阿里巴巴矢量字體圖標庫)原理以及實現

11.Media 媒體響應式布局

12.Flex彈性盒子布局

13.Photoshop基本切器

14.ECMAscript核心語法結構

15.變量聲明優先

第二階段:前端中級階段

課程: + jQuery PHP + Ajax + JS0NP項目實戰考核

主講內容:

1.對象詳解(格式、內置對象、原型、原型鏈)

2.事件{event}

3.D0M文檔對象模型

4.B0M瀏覽器對象模型

5.jQuery的概念與基本使用

6.jQuery元素節點操作

7.jQuery的事件綁定鏈式操作

8.jQuery元素屬性樣式操作

9.原生Ajex的運行原理與實現

10.Ajax請求網源策略布局

11.JS0NP跨域請求原理以及實現方式

課程:Node.js + Sass + Less + Bootstrap

主講內容:

1.1.node.JS介紹及使用

2.環境搭建

3.NPM包管理器

4.Common JS規范、模塊化思想及操作

5.文件模塊

6.http、URL

7.querystring、path等模塊

8.HTTP模塊、WEB開發框架介紹

9.noSQL基礎概念

10.MongoDB簡介、安裝數據庫、集合、文檔概念

11.文檔CURD操作

12.nodeJS操作MongoDB

13.Expres的安裝、使用

14.使用模板引擎

15.Express中間件

16.Express路由

17.Bootstrap的介紹和使用

18.Sass與Less介紹與使用

19.Express + MongoDB + BootStrap搭建博客系統實戰

第三階段:前端階段

課程:H5新特性vue

主講內容:

1.多媒體API

2.地理定位(Geolocation)

3.拖拽API

4.文件API(FileReader)

5.xhr2、FormData

6.localstorage/sessionStorage本地存儲

7.ApplicationCache應用程序緩存

8.WebWorks多線程

9.Websocket網絡編程

10.Canvas繪圖

11.Vue實例

12.Vue生命周期

13.Vue語法

14.組件定義和使用、組件間的通信

15.自定義指令、單文件組件、

16.腳手架Vue-cli

17.路由Vue-router

18.VueX狀態管理

19.數據請求axios

20.vue項目

課程:React、Angular、微信小程序、Svn&git

主講內容:

1.I.svn的使用

2.git的使用

3.react的介紹和使用

4.angular的介紹使用

5.微信小程序

6.服務器的簡單使用和項目部署