【課程介紹】

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

【課程目標(biāo)】

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

【適學(xué)人群】

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

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

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

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

4.想自己獨(dú)立運(yùn)營(yíng)網(wǎng)站的人員

5.想從事跨平臺(tái)移動(dòng) App 開(kāi)發(fā)人員

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

7.在讀或已畢業(yè)的計(jì)算機(jī)相關(guān)專(zhuān)業(yè)人員

【課程內(nèi)容】

一、基礎(chǔ)階段（45天）

1.HTML5+CSS3（15天）

課程體系介紹、HTML+CSS 基本入門(mén)知識(shí)；網(wǎng)站運(yùn)行原理；HTML 常用標(biāo)簽、表單新類(lèi)型、網(wǎng)頁(yè) SEO 優(yōu)化，HTML5 語(yǔ)義化標(biāo)簽、音視頻標(biāo)簽；CSS 選擇器 ( 基本、層級(jí)、屬性、偽類(lèi)、偽狀態(tài) )；CSS 常用樣式屬性；CSS3 過(guò)渡、變換、動(dòng)畫(huà)；CSS3 3D 場(chǎng)景搭建與應(yīng)用；精靈圖 ( 雪碧圖 )的原理以及實(shí)現(xiàn)；Iconfont 字體圖標(biāo) ( 阿里巴巴矢量字體圖標(biāo)庫(kù) )原理以及實(shí)現(xiàn)；Media 媒體響應(yīng)式布局；Flex 彈性盒子布局；Photoshop 基本切圖。

2.JavaScript+jQuery（23 天）

ECMAScript 核心語(yǔ)法結(jié)構(gòu)；變量聲明優(yōu)先級(jí) (var/function)；函數(shù)詳解 ( 格式、作用域、作用域鏈、回調(diào)、閉包、匿名、遞歸 )；對(duì)象詳解 ( 格式、內(nèi)置對(duì)象、原型、原型鏈 )；事件 (event)；DOM 文檔對(duì)象模型；BOM 瀏覽器對(duì)象模型；jQuery 的概念與基本使用；jQuery 元素節(jié)點(diǎn)操作；jQuery 的事件綁定與鏈?zhǔn)讲僮?；jQuery 元素屬性與樣式操作。

3.PHP+Ajax+JSONP（2天）

Ajax 原理以及應(yīng)用場(chǎng)景；原生 Ajax 的運(yùn)行原理與實(shí)現(xiàn)；異步操作與同步操作原理與區(qū)別；Ajax 請(qǐng)求同源策略布局；JSONP 跨域請(qǐng)求原理以及實(shí)現(xiàn)方式；Query 封裝的 Ajax 調(diào)用和 JSONP 數(shù)據(jù)跨域請(qǐng)求原理和實(shí)現(xiàn)。

4.項(xiàng)目實(shí)戰(zhàn)考核

任選電商類(lèi)、游戲類(lèi)、論壇類(lèi)、門(mén)戶類(lèi)網(wǎng)站，完成整站開(kāi)發(fā)；實(shí)現(xiàn) Ajax 后臺(tái)數(shù)據(jù)交互；實(shí)現(xiàn)網(wǎng)站常見(jiàn)頁(yè)面布局以及 JS 開(kāi)發(fā)；完成移動(dòng)端頁(yè)面布局 (flex 彈性盒子、rem 布局 )；打包移動(dòng)端項(xiàng)目，真機(jī)運(yùn)行；PC 端項(xiàng)目放入 GitHub 社區(qū)，在線運(yùn)行。

二、階段（60天）

1.ES6 的語(yǔ)法結(jié)構(gòu)（2天）

let const 語(yǔ)法、解構(gòu)賦值、 for of 語(yǔ)法、模板字符串、箭頭函數(shù)、新增數(shù)組操作、新增對(duì)象操作Set、Map 數(shù)據(jù)類(lèi)型、Promise 的原理和應(yīng)用、 Class 語(yǔ)法、ES6 Module。

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

nodeJS 介紹及使用、環(huán)境搭建、NPM 包管理器、CommonJS 規(guī)范、模塊化思想及操作、文件模塊、 http、URL、querystring、path 等模塊、 HTTP 模塊、WEB 開(kāi)發(fā)框架介紹、noSQL 基礎(chǔ)概念、 MongoDB 簡(jiǎn)介、安裝、數(shù)據(jù)庫(kù)、集合、文檔概念、文檔 CURD 操作、nodeJS 操作 MongoDB、Expres 的安裝、使用、使用模板引擎、Express 中間件、Express 路由、 Bootstrap 的介紹和使用、Express+MongoDB+BootStrap 搭建博客系統(tǒng)實(shí)戰(zhàn)。

3.H5 新特性（9天）

多媒體 API、地理定位 (Geolocation)、拖拽 API、文件 API（FileReader）、xhr2、FormData、localStorage/sessionStorage 本地存儲(chǔ)、ApplicationCache 應(yīng)用程序緩存、WebWorks 多線程、Websocket 網(wǎng)絡(luò)編程、 userMediaAPI 調(diào)用攝像頭、麥克風(fēng)、SVG 矢量圖、Canvas 繪圖、

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

Vue 實(shí)例、Vue 生命周期、模板語(yǔ)法、計(jì)算屬性 computed、條件和列表渲染、事件處理器、組件定義和使用、組件間的通信、自定義指令、單文件組件、腳手架 vue-cli、路由 vue-router、vueX 狀態(tài)管理、數(shù)據(jù)請(qǐng)求 axios、Vue todoList 實(shí)戰(zhàn)。

5.Angular(5.0)（2天）

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

6.React.js（13天）

react 介紹、虛擬 Virtual-DOM、單向數(shù)據(jù)流、JSX、結(jié)構(gòu)渲染 render、組件通信、組件嵌套、數(shù)組儲(chǔ)存結(jié)構(gòu)、事件規(guī)則、ref、組件狀態(tài) state、更新視圖 setState、生命周期 lifeCycle、路由 react-router、React todoList 實(shí)戰(zhàn)。

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

微信開(kāi)發(fā)介紹，以及公眾號(hào)、小程序的注冊(cè)；JSSDK 接口注入權(quán)限驗(yàn)證；JSSDK 分享接口、圖像接口、音頻接口，地理位置接口等接口的使用；小程序目錄結(jié)構(gòu)講解；小程序配置講解；小程序邏輯層講解，注冊(cè) ；程序、注冊(cè)頁(yè)面、路由；小程序視圖層：數(shù)據(jù)綁；定、列表渲染、條件渲染、事件、模板；小程序組件講解；自定義小程序組件；小程序網(wǎng)絡(luò)請(qǐng)求 API；設(shè)備 API、文件 API、多媒體 API 等各種 API 的應(yīng)用。

8.項(xiàng)目實(shí)戰(zhàn)考核（各項(xiàng)目在授課階段獨(dú)立完成，不再安排額外時(shí)間）

Vue.js、Angular、React、微信小程序項(xiàng)目。實(shí)戰(zhàn)項(xiàng)目：可開(kāi)發(fā)商城類(lèi)、論壇類(lèi)、音樂(lè)播放類(lèi)、視頻播放類(lèi)、小說(shuō)閱讀類(lèi)、天氣查詢(xún)、物流快遞查詢(xún)類(lèi)、匯率查詢(xún)等 APP 應(yīng)用。

【發(fā)展前景】

1.發(fā)展前景好

H5 發(fā)展從一個(gè)上升期進(jìn)入到了一個(gè)平穩(wěn)過(guò)渡期，H5 在視覺(jué)設(shè)計(jì)和技術(shù)上進(jìn)一步提升，更加注重用戶的視覺(jué)以及交互體驗(yàn)。隨著計(jì)算機(jī)科學(xué)的飛速發(fā)展，硬件設(shè)備的不斷更陳出新，從 PC 端到移動(dòng)端，從網(wǎng)頁(yè)到 APP 應(yīng)用，H5 無(wú)處不在。

2.人才需求大

2中國(guó)軟件開(kāi)發(fā)白皮書(shū)中提出：目前 IT互聯(lián)網(wǎng)中具有橫跨精通前端、后端、移動(dòng)端的 全棧開(kāi)發(fā)能力的開(kāi)發(fā)人員，憑借全新的理念、全面的技術(shù)以及全局性思維等優(yōu)勢(shì)，成為互聯(lián)網(wǎng)行業(yè)的新寵兒，全棧開(kāi)發(fā)工程師的崗位和薪資日益增多、增高。

3.工資薪酬高

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

等一線互聯(lián)網(wǎng)企業(yè)的實(shí)戰(zhàn)項(xiàng)目，在技術(shù)和實(shí)踐能力上提供雙重**，做到技術(shù)能力強(qiáng)，動(dòng)手能力強(qiáng)，就業(yè)薪資高。

【就業(yè)方向】

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

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

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

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

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

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

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

7.移動(dòng) WebApp 開(kāi)發(fā)工程師

【老師介紹】

胡和意老師

十多年 web 前端開(kāi)發(fā)經(jīng)驗(yàn)，對(duì)于移動(dòng)端和 PC 端有獨(dú)特的見(jiàn)解，曾獨(dú)立設(shè)計(jì)和負(fù)責(zé)過(guò)多個(gè)大中型的企業(yè)應(yīng)用，比如 msn 中國(guó)，紅袖添香，飛利浦互聯(lián)項(xiàng)目。曾任職于諾賽生物中心公司，精通 vue.js、react.js、javascript、node.js 等框架和前端模塊。

張松銀老師

兄弟連 IT 培訓(xùn)機(jī)構(gòu)名師，多年開(kāi)發(fā)經(jīng)驗(yàn)和教育經(jīng)驗(yàn)，喜歡技術(shù)、喜歡分享。語(yǔ)言幽默生動(dòng) , 善于把實(shí)際項(xiàng)目融入到課程中,講解詳細(xì)、深入通俗易于理解。

宋超老師

從事多年 Web 開(kāi)發(fā)工作，對(duì)移動(dòng)端應(yīng)用有深入的研究，精通 HTML5、CSS3、JavaScript、Node.js、Vue 等多種前沿編程技術(shù)。主講 H5 全棧開(kāi)發(fā)，實(shí)戰(zhàn)經(jīng)驗(yàn)豐富 , 授課細(xì)致耐心 , 風(fēng)趣幽默 , 現(xiàn)致力于 H5 全棧應(yīng)用的研究和推廣。

阮曉超老師

有 HTML5,JavaScript,H5 全棧 ,PHP 教學(xué)和開(kāi)發(fā) 11 年以上的經(jīng)驗(yàn)，對(duì)各個(gè)知識(shí)深入淺出，講解細(xì)致，有激情 , 條理清晰 , 理論與實(shí)踐緊密結(jié)合。對(duì)待學(xué)生有耐心和負(fù)責(zé)心，并鼓勵(lì)學(xué)生的積極性。

劉賀老師

80和90的結(jié)合體,有著80后的沉穩(wěn),兼具90后的靈動(dòng)。從事前端工作多年,熱愛(ài)前端技術(shù),上課風(fēng)格猥瑣,幽默,和諧，精通 HTML/CSS HTML5 JavaSript。認(rèn)為學(xué)習(xí)應(yīng)該是一件輕松且愉快的事情。對(duì)待學(xué)員耐心負(fù)責(zé),擁有豐富的學(xué)習(xí)方法和技巧 . 對(duì)教育始終保持敬畏之心

【學(xué)員就業(yè)實(shí)況】