【課程介紹】

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

【課程目標】

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

【適學人群】

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

1.想從事 IT互聯網行業的“零基礎”人員

2.有一定基礎的 Web 前端開發人員

3.后端開發想轉為全棧開發工程師的人員

4.想自己獨立運營網站的人員

5.想從事跨平臺移動 App 開發人員

6.想從事微信小程序開發人員

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

【課程內容】

一、基礎階段（45天）

1.HTML5+CSS3（15天）

課程體系介紹、HTML+CSS 基本入門知識；網站運行原理；HTML 常用標簽、表單新類型、網頁 SEO 優化，HTML5 語義化標簽、音視頻標簽；CSS 選擇器 ( 基本、層級、屬性、偽類、偽狀態 )；CSS 常用樣式屬性；CSS3 過渡、變換、動畫；CSS3 3D 場景搭建與應用；精靈圖 ( 雪碧圖 )的原理以及實現；Iconfont 字體圖標 ( 阿里巴巴矢量字體圖標庫 )原理以及實現；Media 媒體響應式布局；Flex 彈性盒子布局；Photoshop 基本切圖。

2.JavaScript+jQuery（23 天）

ECMAScript 核心語法結構；變量聲明優先級 (var/function)；函數詳解 ( 格式、作用域、作用域鏈、回調、閉包、匿名、遞歸 )；對象詳解 ( 格式、內置對象、原型、原型鏈 )；事件 (event)；DOM 文檔對象模型；BOM 瀏覽器對象模型；jQuery 的概念與基本使用；jQuery 元素節點操作；jQuery 的事件綁定與鏈式操作；jQuery 元素屬性與樣式操作。

3.PHP+Ajax+JSONP（2天）

Ajax 原理以及應用場景；原生 Ajax 的運行原理與實現；異步操作與同步操作原理與區別；Ajax 請求同源策略布局；JSONP 跨域請求原理以及實現方式；Query 封裝的 Ajax 調用和 JSONP 數據跨域請求原理和實現。

4.項目實戰考核

任選電商類、游戲類、論壇類、門戶類網站，完成整站開發；實現 Ajax 后臺數據交互；實現網站常見頁面布局以及 JS 開發；完成移動端頁面布局 (flex 彈性盒子、rem 布局 )；打包移動端項目，真機運行；PC 端項目放入 GitHub 社區，在線運行。

二、階段（60天）

1.ES6 的語法結構（2天）

let const 語法、解構賦值、 for of 語法、模板字符串、箭頭函數、新增數組操作、新增對象操作Set、Map 數據類型、Promise 的原理和應用、 Class 語法、ES6 Module。

2.Nodejs+MongoDB+Express+Bootstrap（12天）

nodeJS 介紹及使用、環境搭建、NPM 包管理器、CommonJS 規范、模塊化思想及操作、文件模塊、 http、URL、querystring、path 等模塊、 HTTP 模塊、WEB 開發框架介紹、noSQL 基礎概念、 MongoDB 簡介、安裝、數據庫、集合、文檔概念、文檔 CURD 操作、nodeJS 操作 MongoDB、Expres 的安裝、使用、使用模板引擎、Express 中間件、Express 路由、 Bootstrap 的介紹和使用、Express+MongoDB+BootStrap 搭建博客系統實戰。

3.H5 新特性（9天）

多媒體 API、地理定位 (Geolocation)、拖拽 API、文件 API（FileReader）、xhr2、FormData、localStorage/sessionStorage 本地存儲、ApplicationCache 應用程序緩存、WebWorks 多線程、Websocket 網絡編程、 userMediaAPI 調用攝像頭、麥克風、SVG 矢量圖、Canvas 繪圖、

4.Vue.js(2.0)（15天）

Vue 實例、Vue 生命周期、模板語法、計算屬性 computed、條件和列表渲染、事件處理器、組件定義和使用、組件間的通信、自定義指令、單文件組件、腳手架 vue-cli、路由 vue-router、vueX 狀態管理、數據請求 axios、Vue todoList 實戰。

5.Angular(5.0)（2天）

TypeScrip、angular-cli 構建工具、屬性型指令 (attribute directive)、封裝桶 (barrel)、裝飾器 (decorator)、注入器 (injector)、插值表達式 (interpolation)、即時編譯 (JiT)、生命周期鉤子 (lifecycle hook)、可觀察對象 (observable)、管道 (pipe)、提供商 (provider)、路由器 (router)、路由器模塊 (router module)、路由組、 angular todoList 實戰。

6.React.js（13天）

react 介紹、虛擬 Virtual-DOM、單向數據流、JSX、結構渲染 render、組件通信、組件嵌套、數組儲存結構、事件規則、ref、組件狀態 state、更新視圖 setState、生命周期 lifeCycle、路由 react-router、React todoList 實戰。

7.微信小程序 + 微信 JS-SDK（7天）

微信開發介紹，以及公眾號、小程序的注冊；JSSDK 接口注入權限驗證；JSSDK 分享接口、圖像接口、音頻接口，地理位置接口等接口的使用；小程序目錄結構講解；小程序配置講解；小程序邏輯層講解，注冊 ；程序、注冊頁面、路由；小程序視圖層：數據綁；定、列表渲染、條件渲染、事件、模板；小程序組件講解；自定義小程序組件；小程序網絡請求 API；設備 API、文件 API、多媒體 API 等各種 API 的應用。

8.項目實戰考核（各項目在授課階段獨立完成，不再安排額外時間）

Vue.js、Angular、React、微信小程序項目。實戰項目：可開發商城類、論壇類、音樂播放類、視頻播放類、小說閱讀類、天氣查詢、物流快遞查詢類、匯率查詢等 APP 應用。

【發展前景】

1.發展前景好

H5 發展從一個上升期進入到了一個平穩過渡期，H5 在視覺設計和技術上進一步提升，更加注重用戶的視覺以及交互體驗。隨著計算機科學的飛速發展，硬件設備的不斷更陳出新，從 PC 端到移動端，從網頁到 APP 應用，H5 無處不在。

2.人才需求大

2中國軟件開發白皮書中提出：目前 IT互聯網中具有橫跨精通前端、后端、移動端的 全棧開發能力的開發人員，憑借全新的理念、全面的技術以及全局性思維等優勢，成為互聯網行業的新寵兒，全棧開發工程師的崗位和薪資日益增多、增高。

3.工資薪酬高

2018 年將是 H5 在網頁酷炫、移動跨平臺 APP、H5 游戲等方向再次迅速上升和爆發的一年，兄弟連 H5 堅持走H5 全棧開發工程師培養路線，為廣大從事或有志從事 IT互聯網行業的朋友們，提供前沿的 H5 全棧開發技術，研發契合 BAT( 百度、阿里、騰訊 )

等一線互聯網企業的實戰項目，在技術和實踐能力上提供雙重**，做到技術能力強，動手能力強，就業薪資高。

【就業方向】

H5全棧開發工程師課程是以全棧開發為目標對學員進行培養的，在 IT互聯網公司中前端和后端的崗位都是非常適合的，特進行羅列，有但不僅限于以下職位。

1.H5 全棧開發工程師

2.H5 開發工程師

3.Web 前端開發工程師

4.Node.js 開發工程師

5.微信小程序開發工程師

6.H5 游戲開發工程師

7.移動 WebApp 開發工程師

【老師介紹】

胡和意老師

十多年 web 前端開發經驗，對于移動端和 PC 端有獨特的見解，曾獨立設計和負責過多個大中型的企業應用，比如 msn 中國，紅袖添香，飛利浦互聯項目。曾任職于諾賽生物中心公司，精通 vue.js、react.js、javascript、node.js 等框架和前端模塊。

張松銀老師

兄弟連 IT 培訓機構名師，多年開發經驗和教育經驗，喜歡技術、喜歡分享。語言幽默生動 , 善于把實際項目融入到課程中,講解詳細、深入通俗易于理解。

宋超老師

從事多年 Web 開發工作，對移動端應用有深入的研究，精通 HTML5、CSS3、JavaScript、Node.js、Vue 等多種前沿編程技術。主講 H5 全棧開發，實戰經驗豐富 , 授課細致耐心 , 風趣幽默 , 現致力于 H5 全棧應用的研究和推廣。

阮曉超老師

有 HTML5,JavaScript,H5 全棧 ,PHP 教學和開發 11 年以上的經驗，對各個知識深入淺出，講解細致，有激情 , 條理清晰 , 理論與實踐緊密結合。對待學生有耐心和負責心，并鼓勵學生的積極性。

劉賀老師

80和90的結合體,有著80后的沉穩,兼具90后的靈動。從事前端工作多年,熱愛前端技術,上課風格猥瑣,幽默,和諧，精通 HTML/CSS HTML5 JavaSript。認為學習應該是一件輕松且愉快的事情。對待學員耐心負責,擁有豐富的學習方法和技巧 . 對教育始終保持敬畏之心

【學員就業實況】