佛山H5前端全棧開發(fā)工程師培訓(xùn)班

【課程介紹】

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

【課程目標(biāo)】

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

【適學(xué)人群】

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

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

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

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

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

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

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

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

【課程內(nèi)容】

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

1.HTML5+CSS3（15天）

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

2.JavaScript+jQuery（23 天）

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

3.PHP+Ajax+JSONP（2天）

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

4.項目實戰(zhàn)考核

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

二、階段（60天）

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

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

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

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

3.H5 新特性（9天）

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

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

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

5.Angular(5.0)（2天）

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

6.React.js（13天）

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

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

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

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

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

【發(fā)展前景】

1.發(fā)展前景好

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

2.人才需求大

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

3.工資薪酬高

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

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

【就業(yè)方向】

H5全棧開發(fā)工程師課程是以全棧開發(fā)為目標(biāo)對學(xué)員進行培養(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ā)工程師

【老師介紹】

胡和意老師

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

張松銀老師

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

宋超老師

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

阮曉超老師

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

劉賀老師

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

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