石家莊H5全棧工程師培訓(xùn)班

【課程簡介】

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

【課程特點(diǎn)】

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

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

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

4. 更加注重H5 應(yīng)用在市場(chǎng)營銷方面的應(yīng)用，增加實(shí)戰(zhàn)項(xiàng)目操作。

【課程目標(biāo)】

H5 全棧開發(fā)工程師課程是以全棧開發(fā)為目標(biāo)對(duì)學(xué)員進(jìn)行培養(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. 移動(dòng)WebApp 開發(fā)工程師

【適合人群】

H5 全棧開發(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 前端開發(fā)人員

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

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

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

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

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

【課程大綱】

一、基礎(chǔ)階段

HTML5+CSS3

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

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

JavaScript+jQuery

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

PHP+Ajax+JSONP

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

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

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

二、階段

ES6 的語法結(jié)構(gòu)

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

8. Set、Map 數(shù)據(jù)類型 9. Promise 的原理和應(yīng)用 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 基礎(chǔ)概念 10. MongoDB 簡介、安裝數(shù)據(jù)庫、集合、文檔概念11. 文檔CURD 操作 12. nodeJS 操作MongoDB 13. Expres 的安裝、使用 14. 使用模板引擎 15. Express 中間件 16. Express 路由17. Bootstrap 的介紹和使用 18.Express+MongoDB+BootStrap 搭建博客系統(tǒng)實(shí)戰(zhàn)

H5 新特性

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

Vue.js(2.0)

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

Angular(5.0)

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

React.js

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

微信小程序+微信JS-SDK

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

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

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

匯率查詢等APP 應(yīng)用

【師資力量】

【培訓(xùn)現(xiàn)場(chǎng)】

培訓(xùn)現(xiàn)場(chǎng)圖一

培訓(xùn)現(xiàn)場(chǎng)圖二

【學(xué)員作品】

學(xué)員作品圖一

學(xué)員作品圖二

【學(xué)員風(fēng)采】

學(xué)員風(fēng)采圖一

學(xué)員風(fēng)采圖二

【機(jī)構(gòu)榮譽(yù)】

機(jī)構(gòu)榮譽(yù)圖

【關(guān)于我們】

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

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