【課程簡介】

H5 在狹義上指HTML（超文本標記語言）的第5 個版本，在廣義上包含了HTML5、CSS3、JavaScript 等在內(nèi)的所有應用場景，H5 全棧開發(fā)課程旨在打造精通前端(HTML5、CSS3、JavaScript、JQuery)、后端（Node.js）、移動跨平臺(Android/IOS)App(Vue.js/Angular/React)、微信小程序開發(fā)的全棧型全能工程師。

【課程特點】

1. 在課程階段增加Angular4、React.js 課程，與原有Vue.js 開發(fā)課程齊頭并進，打造前端和WebAPP 開發(fā)框架三劍客，形成覆蓋式技能培養(yǎng)戰(zhàn)略。

2. 在課程階段增加H5 游戲AI 智能算法，打造精品游戲，拓展學員H5 游戲開發(fā)相關就業(yè)新方向

3. 新加入完善的ES6/ES7 語法結(jié)構，讓JS 編程更加簡潔、爽快。

4. 更加注重H5 應用在市場營銷方面的應用，增加實戰(zhàn)項目操作。

【課程目標】

H5 全棧開發(fā)工程師課程是以全棧開發(fā)為目標對學員進行培養(yǎng)的，在IT 互聯(lián)網(wǎng)公司中前端和后端的崗位都是非常適合的，有但不僅限于以下職位。

1.H5 全棧開發(fā)工程師

2.H5 開發(fā)工程師

3.Web 前端開發(fā)工程師

4.Node.js 開發(fā)工程師

5. 微信小程序開發(fā)工程師

6.H5 游戲開發(fā)工程師

7. 移動WebApp 開發(fā)工程師

【適合人群】

H5 全棧開發(fā)工程師課程是由兄弟連教研團隊與一線講師共同商討，緊密結(jié)合當下企業(yè)所需，面向“零基礎”學員，由淺入深的企業(yè)級實戰(zhàn)課程。

1. 想從事IT 互聯(lián)網(wǎng)行業(yè)的“零基礎”人員

2. 有一定基礎的Web 前端開發(fā)人員

3. 后端開發(fā)想轉(zhuǎn)為全棧開發(fā)工程師的人員

4. 想自己獨立運營網(wǎng)站的人員

5. 想從事跨平臺移動App 開發(fā)人員

6. 想從事微信小程序開發(fā)人員

7. 在讀或已畢業(yè)的計算機相關專業(yè)人員

【課程大綱】

一、基礎階段

HTML5+CSS3

1. 課程體系介紹、HTML+CSS 基本入門知識 2. 網(wǎng)站運行原理 3.HTML 常用標簽、表單新類型、網(wǎng)頁SEO 優(yōu)化

4.HTML5 語義化標簽、音視頻標簽 5.CSS 選擇器( 基本、層級、屬性、偽類、偽狀態(tài)) 6.CSS 常用樣式屬性 7.CSS3 過渡、變換、動畫 8.CSS3 3D 場景搭建與應用 9. 精靈圖( 雪碧圖) 的原理以及實現(xiàn) 10.Iconfont 字體圖標( 阿里巴巴矢量字體圖標庫) 原理以及實現(xiàn) 11.Media 媒體響應式布局 12.Flex 彈性盒子布局 13.Photoshop 基本切圖

JavaScript+jQuery

1.ECMAScript 核心語法結(jié)構 2. 變量聲明優(yōu)先級(var/function) 3. 函數(shù)詳解( 格式、作用域、作用域鏈、回調(diào)、閉包、匿名、遞歸) 4. 對象詳解( 格式、內(nèi)置對象、原型、原型鏈) 5. 事件(event) 6.DOM 文檔對象模型 7.BOM 瀏覽器對象模型 8.jQuery 的概念與基本使用9.jQuery 元素節(jié)點操作 10.jQuery 的事件綁定與鏈式操作 jQuery 元素屬性與樣式操作

PHP+Ajax+JSONP

1.Ajax 原理以及應用場景 2. 原生Ajax 的運行原理與實現(xiàn) 3. 異步操作與同步操作原理與區(qū)別 4.Ajax 請求同源策略布局 5.JSONP 跨域請求原理以及實現(xiàn)方式 jQuery 封裝的Ajax 調(diào)用和JSONP 數(shù)據(jù)跨域請求原理和實現(xiàn)

項目實戰(zhàn)考核

1.任選電商類、游戲類、論壇類、門戶類網(wǎng)站，完成整站開發(fā) 2. 實現(xiàn)Ajax 后臺數(shù)據(jù)交互 3. 實現(xiàn)網(wǎng)站常見頁面布局以及JS 開發(fā) 4. 完成移動端頁面布局(flex 彈性盒子、rem 布局) 5. 打包移動端項目，真機運行 PC 端項目放入GitHub 社區(qū)，在線運行

二、階段

ES6 的語法結(jié)構

1. let const 語法 2. 解構賦值 3. for of 語法 4. 模板字符串 5. 箭頭函數(shù) 6. 新增數(shù)組操作 7. 新增對象操作

8. Set、Map 數(shù)據(jù)類型 9. Promise 的原理和應用 10. Class 語法 11. ES6 Module

Node.js+MongoDB+Express+Bootstrap

1. nodeJS 介紹及使用 2. 環(huán)境搭建 3. NPM 包管理器 4. CommonJS 規(guī)范、模塊化思想及操作 5. 文件模塊 6. http、URL、querystring 7. path 等模塊 8. HTTP 模塊、WEB 開發(fā)框架介紹、 9. noSQL 基礎概念 10. MongoDB 簡介、安裝數(shù)據(jù)庫、集合、文檔概念11. 文檔CURD 操作 12. nodeJS 操作MongoDB 13. Expres 的安裝、使用 14. 使用模板引擎 15. Express 中間件 16. Express 路由17. Bootstrap 的介紹和使用 18.Express+MongoDB+BootStrap 搭建博客系統(tǒng)實戰(zhàn)

H5 新特性

1. 多媒體API 2. 地理定位(Geolocation) 3. 拖拽API 4. 文件API（FileReader） 5. xhr2、FormData 6.localStorage/sessionStorage 本地存儲 7. ApplicationCache 應用程序緩存 8. WebWorks 多線程 9. Websocket 10. userMediaAPI 調(diào)用攝像頭、麥克風 11. SVG 矢量圖 12. Canvas 繪圖

Vue.js(2.0)

1. Vue 實例 2. Vue 生命周期 3. 模板語法 4. 計算屬性computed 5. 條件和列表渲染 6. 事件處理器 7. 組件定義和使用、組件間的通信、 8. 自定義指令、單文件組件、 9. 腳手架vue-cli 10. 路由vue-router、 11. vueX 狀態(tài)管理 12. 數(shù)據(jù)請求axios13. Vue todoList 實戰(zhàn)

Angular(5.0)

1. TypeScrip 2. angular-cli 構建工具 3. 屬性型指令 (attribute directive) 4. 封裝桶 (barrel) 5. 裝飾器 (decorator) 6. 注入器 (injector) 7. 插值表達式 (interpolation) 8. 即時編譯 (JiT) 9. 生命周期鉤子 (lifecycle hook) 10.可觀察對象 (observable)11. 管道 (pipe) 12. 提供商 (provider) 13. 路由器 (router) 14.路由器模塊 (router module)、路由組 15. angular todoList 實戰(zhàn)

React.js

1. react 介紹 2. 虛擬Virtual-DOM 3. 單向數(shù)據(jù)流 4. JSX 5. 結(jié)構渲染render 6. 組件通信 7. 組件嵌套 8. 數(shù)組儲存結(jié)構9. 事件規(guī)則 10. ref 11. 組件狀態(tài)state 12. 更新視圖setState 13. 生命周期lifeCycle 14. 路由react-router 15. ReacttodoList 實戰(zhàn)

微信小程序+微信JS-SDK

1. 微信開發(fā)介紹，以及公眾號、小程序的注冊 2. JSSDK 接口注入權限驗證 3. JSSDK 分享接口、圖像接口、音頻接口，地理位置接口等接口的使用 4. 小程序目錄結(jié)構講解 5. 小程序配置講解 6. 小程序邏輯層講解，注冊7. 程序、注冊頁面、路由 8. 小程序視圖層：數(shù)據(jù)綁定 9.列表渲染、條件渲染、事件、模板 10. 小程序組件講解 11. 自定義小程序組件 12. 小程序網(wǎng)絡請求API 13. 設備API、文件API、多媒體API 等各種API 的應用

項目實戰(zhàn)考核

Vue.js、Angular、React、微信小程序項目。實戰(zhàn)項目：可開發(fā)商城類、論壇類、音樂播放類、視頻播放類、小說閱讀類、天氣查詢、物流快遞查詢類、

匯率查詢等APP 應用

【師資力量】

【培訓現(xiàn)場】

培訓現(xiàn)場圖一

培訓現(xiàn)場圖二

【學員作品】

學員作品圖一

學員作品圖二

【學員風采】

學員風采圖一

學員風采圖二

【機構榮譽】

機構榮譽圖

【關于我們】

兄弟連教育成立于2007 年，2016 年成功掛牌新三板（股票代碼：839467）?，F(xiàn)已開設PHP、JavaEE、UI/UE、 H5 全棧、Linux/ 云計算、Python 全棧、大數(shù)據(jù)、網(wǎng)絡營銷等眾多學科，累計培養(yǎng)數(shù)萬名學員。

專注于IT 職業(yè)教育，目前已在北京、上海、廣州、深圳、天津、杭州、南京、成都、沈陽、鄭州、寧波、徐州、西安、重慶、蘇州、石家莊、濟南、西寧、南寧等地成立20 個校區(qū)，堅持“教學靠譜、變態(tài)嚴管、職業(yè)素養(yǎng)課貫穿始終”的辦學理念，提供24 小時開放機房，認認真真做教育，用工匠精神和良心教育傾力打造一站式學習就業(yè)平臺。