第 一部分：前端

頁面重構(gòu)（4周）

項目一、PC端網(wǎng)站布局項目（2.5周）

- HTML基礎，CSS基礎，CSS核心屬性

- CSS樣式層疊，繼承，盒模型

- 容器，溢出及元素類型

- 瀏覽器兼容與寬高自適應

- 定位，錨點與透明

- 圖片整合

- 表格，CSS屬性與濾鏡

項目二、HTML5 CSS3基礎項目(1周)

- HTML5新增的元素與屬性

- 表單域增強元素

- CSS3選擇器

- 文字字體相關(guān)樣式

- CSS3位移與變形處理

- CSS3 2D轉(zhuǎn)換與過度動畫

- CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動畫

- 彈性盒模型

- 媒體查詢

- 響應式設計

項目三、WebApp頁面布局項目（0.5周）

- 移動端頁面設計規(guī)范

- 移動端切圖

- 文字流式/控件彈性/圖片等比例/特殊設計的100%布局

- 等比縮放布局

- viewport/meta

- rem/vw的使用

- flexbox詳解

- 移動web特別樣式處理（reset, 1px border, 高清圖片）

第二部分：JavaScript高級程序設計（5周）

項目四、原生JavaScript交互功能開發(fā)項目（3周）

- 基本語法

- 循環(huán)語句

- 函數(shù)與數(shù)組

- String與Date

- BOM與DOM

- 事件

- 拖拽效果

- cookie存儲

- 正則表達式

- Ajax

- 面向?qū)ο蠡A

- 運動與游戲開發(fā)

項目五、面向?qū)ο筮M階與ES5/ES6應用項目（1周）

- Promise

- 設計模式（觀察者模式等）

- 原型鏈

- 構(gòu)造函數(shù)

- 執(zhí)行上下文棧與執(zhí)行上下文

- 變量對象與活動對象

- 作用域鏈

- 閉包

- this

- ES5

- ES6

項目六、JavaScript工具庫自主研發(fā)項目（1周）

- DOM庫

- 事件庫

- AJAX庫

- 原型和繼承庫

- MVVM核心庫

- 基于SPA的路由庫

第三部分：PC端全棧開發(fā)（3周）

項目七、jQuery經(jīng)典交互特效開發(fā)（0.5周）

- 時間軸特效

- tab頁面切換效果

- 網(wǎng)頁定位導航特效

- 滑動門特效

- 焦點圖輪播特效

- 導航條菜單效果

- 瀑布流特效

- 彈出層效果

- 倒計時效果

- **效果

項目八、PHP MySQL后端基礎項目（1周）

- PHP

- MySQL

- HTTP(s)協(xié)議詳解

- Ajax進階、跨域與Defered

- Apache與Nginx 環(huán)境搭建與配置

- 接口的定義

- Mock數(shù)據(jù)

- Restful

- 前后端聯(lián)調(diào)

- 前端安全(XSS,CSRF,JSON注入)

項目九、前端工程化與模塊化應用項目（0.5周）

- Gulp

- Webpack

- NPM

- Linux命令

- Git/SVN

- CommonJS

- AMD

- CMD

- ES6模塊化

項目十、PC端全棧開發(fā)項目（1周）

- 大首頁、列表頁與詳情頁

- 展示與交互特效

- 搜索

- 登錄與注冊

- 購物車

- jQueryUI 與 jQuery EasyUI

- Bootstrap(ACE)

- Highcharts/Echarts

- ArtTemplate

- velocity

- smarty

- 云平臺系統(tǒng)前端

第四部分：移動端WebApp開發(fā)（3周）

項目十一、應用Vue.js開發(fā)WebApp項目（1周）

- WebApp開發(fā)基礎(Webstorage,移動端事件,UI組件, Zepto, IScroll, Swiper)

- Vue.js基礎

- 模塊化

- 單文件組件

- 路由

- 與服務器通信

- 狀態(tài)管理

- 單元測試與生產(chǎn)發(fā)布

- 服務端渲染SSR與Nuxt.js

- 基于Vue.js企業(yè)級項目開發(fā)(Mint UI, Element UI)

項目十二、應用React.js開發(fā)WebApp項目（1周）

- ReactJS基礎

- JSX語法

- 組件

- flux Redux

- React-Router路由

- 動畫效果

- 基于React 企業(yè)級項目研發(fā)( Antd, Antd Mobile)

項目十三、應用Angular開發(fā)WebApp項目（1周）

- TypeScript 基礎與進階

- 開發(fā)環(huán)境配置

- Hello World

- 架構(gòu)、模塊與組件

- 模板

- 元數(shù)據(jù)、數(shù)據(jù)綁定與數(shù)據(jù)顯示

- 表單

- 服務與指令

- 依賴注入

- 路由

- Ionic 3 MUI框架

- 項目實戰(zhàn)

第五部分：混合(Hybrid,RN)開發(fā)（2周）

項目十四、微信公眾號開發(fā)(0.4周)

- 初識微信公眾號

- 訂閱號的基本功能

- 使用百度BAE實現(xiàn)代碼的快速上線

- 使用Git完成線上代碼部署

- 公眾號開發(fā)權(quán)限及功能接入

- 微信JSSDK接口API

- 微信場景項目開發(fā)與接入

項目十五、微信小程序開發(fā)（0.6周）

- 微信小程序初探

- 小程序入門必學

- 小程序組件體驗

- 小程序大功能

- 項目實戰(zhàn)帶你征服小程序

項目十六、React Native（0.6周）

- React Native初探

- React Native 項目導航

- React Native 項目文本框

- React Native 項目滾動分頁

- React Native 項目第三方登錄

- React Native 其他組件

項目十七、各類混合應用開發(fā)（0.4周）

- 自主原生Navtive Hybrid(iOS、Android)

- 第三方Hybrid框架Cordova/Phone gap

- 第三方Hybrid框架MUI HTML5

第六部分：Node.js全棧開發(fā)（2周）

項目十八、Node.js基礎項目（1周）

一、NodeJS基礎

- NodeJS介紹

- 開發(fā)環(huán)境搭建

- 模塊與包管理工具

- CommonJS模塊

- URL網(wǎng)址解析

- QueryString參數(shù)處理

- HTTP模塊

- HTTP小爬蟲

- request方法

- 事件 events模塊

- 文件 fs模塊

- Stream 流模塊

- 原生路由與參數(shù)接收

- 讀取圖片文件

- npm scripts

- Yarn 與 PM2

二、MongoDB

- MongoDB介紹與環(huán)境搭建

- 數(shù)據(jù)庫常用命令

- Collection聚集集合

- document文檔操作

- 聚集集合查詢

- NodeJS連接MongoDB

三、GraphGL

- GraphQL初探:從REST到GraphQL

- GraphGL安裝

- 準備數(shù)據(jù)源

- 搭建GraphQL服務器

- 數(shù)據(jù)查詢

四、Express

- express 介紹

- 安裝和創(chuàng)建基于Express的項目

- Express 4.1x 初始化項目詳解

- 路由簡介

- 模板引擎EJS

- 模板引擎Pug（Jade）

五、Koa

- Koa入門

- Koa應用

- 中間件

- Context

- async await

- 請求與響應

六、測試框架mocha

- 搭建框架

- 斷言assert

- 項目測試

- 運行多個測試

七、socket 即時通信項目

- Socket簡介和通訊流程

- 基于net模塊實現(xiàn)socket

- WebSocket

- Socket.io

項目十九、Node.js高級全棧項目（1周）

- 基于Vue Node MongoDB 微信的高級全棧項目開發(fā)

第七部分：大數(shù)據(jù)可視化（1周）

項目二十 大數(shù)據(jù)可視化化基礎與實戰(zhàn)

一、數(shù)據(jù)可視化入門

- 數(shù)據(jù)可視化基礎

- 零編程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau

二、D3.js詳解

- D3.js 入門

- D3.js 進階

- D3.js 選擇集與數(shù)據(jù)

- D3.js 高級應用

- D3.js 應用工具：NVD3、n3-charts

三、其他JS庫

- Highcharts

- FusionCharts

- Polymaps

四、項目實戰(zhàn)<span "="" style="font-size: 19px">