太原web前端崗前培訓-HTML5全棧工程師

多重人才輸送渠道 實現(xiàn)學員全國就業(yè)

太原web前端崗前培訓-一門課程解決就業(yè)/轉行/升職/加薪四大問題

培養(yǎng)全棧型工程師-擴大就業(yè)選擇空間，HTML、CSS、JS-都是輕量級語言，學習快由淺入深，循序漸進-不同層次因材施教采用真實互聯(lián)網(wǎng)案例-企業(yè)需要什么就講什么，講師授課激情勵志風格幽默-讓學習生動快樂，課堂互動性強，案例緊扣知識點-讓學習更簡單

（太原web前端崗前培訓）單一的前端/后端工程師已無法滿足企業(yè)需求，HTML5全棧工程師時代已經到來

為什么很多互聯(lián)網(wǎng)公司只招HTML5全棧工程師？

1. 全局性思維

2. 降低溝通成本

3. 創(chuàng)業(yè)公司需要全能多面手

4. Web應用、移動互聯(lián)網(wǎng)主宰者

太原web前端崗前培訓-輕量級開發(fā)語言 重量級行業(yè)地位 HTML5無處不在

從安卓到蘋果，從網(wǎng)頁到APP，HTML5全棧工程師的能力無限延伸！

太原web前端崗前培訓-課程框架

第 一階段 HTML5 CSS3

經典表格布局制作簡歷

1. HTML5簡介及發(fā)展史 2. HTTP協(xié)議介紹 
3. HTTP消息類型 4. 互聯(lián)網(wǎng)發(fā)展形式 
5. web開發(fā)所需要的構件 6. 編輯器的使用 
7. HTML基本語法與規(guī)范（標簽元素、屬性） 
8. 第 一個HTML網(wǎng)頁 9.表格標簽

規(guī)范代碼盒模型布局小米等網(wǎng)站

1. 文檔頭和編碼聲明 2. 基礎標簽 
3. 文本類標簽 4. 列表標簽 
5. 語義化標簽的使用 6. 字符實體 
7. 表格標簽 8. HTML5標簽的兼容處理 
9. HTML5標簽SEO的作用 
10. HTML5表單新特性 11. 多媒體標簽

3D旋轉+動畫制作正方體

1. CSS的定義 2. CSS引入 
3. CSS選擇器 4. CSS3與CSS2的區(qū)別 
5. 長度單位 6. 顏色單位 
7. 常用屬性 8. CSS屬性

流行的pc端，App頁面響應式布局

1. W3C盒子模型 2. Div+CSS網(wǎng)頁布局 
3. 彈性盒子 4. HTML5兼容處理 
5. 使用HTML5布局元素的布局 
6. Media Query響應式布局 
7. 百分比網(wǎng)頁布局

工作要求，實戰(zhàn)大型電商網(wǎng)站靜態(tài)頁面

1. W3C盒子模型 2. Div+CSS網(wǎng)頁布局 
3. 彈性盒子 4. HTML5兼容處理 
5. 使用HTML5布局元素的布局 
6. Media Query響應式布局 
7. 百分比網(wǎng)頁布局

第二階段 JavaScript jQuery實例

前端核心語言javascript語法

1. JavaScript簡介 2. 在頁面中使用JavaScript 
3. JavaScript的語法 a) 變量聲明規(guī)范 b)語句結束 c)腳本注釋 d)代碼塊 e)數(shù)據(jù)類型 f)類型轉換 g)運算符 h)流程控制語句 i）函數(shù) j）內置對象

原生Js功能開發(fā)

1. 更換頁面皮膚 2. 五彩小球 3. 隨機點名器 4. 輪播圖 5. 網(wǎng)站時間顯示 6. 商城搶購活動 7. 購物車的全選、反選、全不選 8. 選項卡

前端后臺交互功能開發(fā)

9. 進度條 10. 拖拽div 11. 放大鏡 12. 城市地址二級、三級聯(lián)動 13. 隨機浮動廣告 14. 無縫連接 15. 仿百度登錄

Jquery庫交互特效開發(fā)

1. JQuery簡介 2. JQuery安裝 3. JQuery CSS操作 4. JQuery選擇器 5. JQuery篩選 6. JQuery html 文檔處理 7. JQuery事件 8. JQuery效果 9. JQuery Ajax 10. JQuery其他操作 11. JQuery插件

工作要求，實戰(zhàn)大型電商網(wǎng)站靜態(tài)頁面

1.PS切圖 2.CSS重置樣式表 3.網(wǎng)頁規(guī)范 4.兼容性 5.SASS 6.Compass精靈圖 7.代碼壓縮 8.常見網(wǎng)站效果 9.rem相對大小布局

第三階段 Node.JS MongoDB Express Vue.js

Vue.js前端熱組件化開發(fā)框架

1. 介紹 2. 安裝 3. 模板/數(shù)據(jù)綁定 4. Class／Style綁定 5. 事件 6. 組件 7. 混合 8. 插件 9. 服務/路由

后端Js-Node.js搭建前端腳手架

1. Node.js簡介 2. Node.js安裝 3. NPM工具使用 4. 模塊、Package 5. 回調函數(shù) 6. Buffer，事件 7. 文件處理模塊 8. Http，URL，Querystring Path等模塊 9. POST/GET請求 10. 安裝模板引擎

Mongodb數(shù)據(jù)庫操作

1. NoSQL基礎概念 2. MongoDB 簡介 3. 數(shù)據(jù)庫、集合、文檔概念 4. 數(shù)據(jù)庫操作 5. 集合操作  6. 文檔CURD操作 7. 條件操作符 8. Limit與Skip方法 9. 排序 10. Node.Js的mongoose模塊 操作MongoDB

基于node.js搭建express服務器

1. Express 簡介 2. 安裝 Express 3. 路由 4. 中間件 5. 視圖 6. 模板引擎 7. AJAX 8. 跨域/JSONP 9. 搜索分頁 10. 文件上傳 11. 登陸注冊

實戰(zhàn)-大型單頁應用

1. Web Socket 2. SSE 3. 網(wǎng)絡爬蟲（實現(xiàn)多人聊天時，服務器主動推送消息） 4. 常用工具使用Webpack 5. 壓縮混淆 6. AMD/CMD規(guī)范 7. 結合Vue.JS實現(xiàn)單頁面應用 8. Web APP 打包

第四階段 HTML5新特性 微信開發(fā) 微信小程序

HTML5新特性(1)

1.音頻/視頻API 2.本地存儲LocalStorage 3.Geolocation（地理定位） 4.百度地圖API5.瀏覽器多線程Web Workers6.應用程序緩存（Application Cache）

HTML5新特性(2)

7. Canvas畫圖、SVG 8. 拖拽事件、API 9.FileReader API 10. PAJAX 11. Bootstrap 12.插件：Swiper、圖表、Iconfont

微信公眾號開發(fā)

1. 接入微信公眾平臺 2. 賬號申請 3. 微信JSSDK使用 4. 分享接口 5. 圖像接口 6. 音頻接口 7. 智能接口 8. 設備信息 9. 地理位置

微信小程序開發(fā)

10. 界面操作 11. WEUI框架 12. 微信小程序開發(fā) 13. 創(chuàng)建項目 14. 工具 15. 框架 16. WXML 17. 組件 18. API

實戰(zhàn)--團隊協(xié)作工具

1. Git協(xié)作 2. 前端項目規(guī)范化 3. H5新特性 
4. 即時通訊 5. 互聯(lián)網(wǎng)服務接口調用