第 一部分：前端

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

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

- HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性

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

- 容器，溢出及元素類型

- 瀏覽器兼容與寬高自適應(yīng)

- 定位，錨點(diǎn)與透明

- 圖片整合

- 表格，CSS屬性與濾鏡

項(xiàng)目二、HTML5 CSS3基礎(chǔ)項(xiàng)目(1周)

- HTML5新增的元素與屬性

- 表單域增強(qiáng)元素

- CSS3選擇器

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

- CSS3位移與變形處理

- CSS3 2D轉(zhuǎn)換與過(guò)度動(dòng)畫(huà)

- CSS3 3D轉(zhuǎn)換與關(guān)鍵幀動(dòng)畫(huà)

- 彈性盒模型

- 媒體查詢

- 響應(yīng)式設(shè)計(jì)

項(xiàng)目三、WebApp頁(yè)面布局項(xiàng)目（0.5周）

- 移動(dòng)端頁(yè)面設(shè)計(jì)規(guī)范

- 移動(dòng)端切圖

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

- 等比縮放布局

- viewport/meta

- rem/vw的使用

- flexbox詳解

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

第二部分：JavaScript高級(jí)程序設(shè)計(jì)（5周）

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

- 基本語(yǔ)法

- 循環(huán)語(yǔ)句

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

- String與Date

- BOM與DOM

- 事件

- 拖拽效果

- cookie存儲(chǔ)

- 正則表達(dá)式

- Ajax

- 面向?qū)ο蠡A(chǔ)

- 運(yùn)動(dòng)與游戲開(kāi)發(fā)

項(xiàng)目五、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用項(xiàng)目（1周）

- Promise

- 設(shè)計(jì)模式（觀察者模式等）

- 原型鏈

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

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

- 變量對(duì)象與活動(dòng)對(duì)象

- 作用域鏈

- 閉包

- this

- ES5

- ES6

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

- DOM庫(kù)

- 事件庫(kù)

- AJAX庫(kù)

- 原型和繼承庫(kù)

- MVVM核心庫(kù)

- 基于SPA的路由庫(kù)

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

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

- 時(shí)間軸特效

- tab頁(yè)面切換效果

- 網(wǎng)頁(yè)定位導(dǎo)航特效

- 滑動(dòng)門(mén)特效

- 焦點(diǎn)圖輪播特效

- 導(dǎo)航條菜單效果

- 瀑布流特效

- 彈出層效果

- 倒計(jì)時(shí)效果

- **效果

項(xiàng)目八、PHP MySQL后端基礎(chǔ)項(xiàng)目（1周）

- PHP

- MySQL

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

- Ajax進(jìn)階、跨域與Defered

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

- 接口的定義

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

- Restful

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

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

項(xiàng)目九、前端工程化與模塊化應(yīng)用項(xiàng)目（0.5周）

- Gulp

- Webpack

- NPM

- Linux命令

- Git/SVN

- CommonJS

- AMD

- CMD

- ES6模塊化

項(xiàng)目十、PC端全棧開(kāi)發(fā)項(xiàng)目（1周）

- 大首頁(yè)、列表頁(yè)與詳情頁(yè)

- 展示與交互特效

- 搜索

- 登錄與注冊(cè)

- 購(gòu)物車(chē)

- jQueryUI 與 jQuery EasyUI

- Bootstrap(ACE)

- Highcharts/Echarts

- ArtTemplate

- velocity

- smarty

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

第四部分：移動(dòng)端WebApp開(kāi)發(fā)（3周）

項(xiàng)目十一、應(yīng)用Vue.js開(kāi)發(fā)WebApp項(xiàng)目（1周）

- WebApp開(kāi)發(fā)基礎(chǔ)(Webstorage,移動(dòng)端事件,UI組件, Zepto, IScroll, Swiper)

- Vue.js基礎(chǔ)

- 模塊化

- 單文件組件

- 路由

- 與服務(wù)器通信

- 狀態(tài)管理

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

- 服務(wù)端渲染SSR與Nuxt.js

- 基于Vue.js企業(yè)級(jí)項(xiàng)目開(kāi)發(fā)(Mint UI, Element UI)

項(xiàng)目十二、應(yīng)用React.js開(kāi)發(fā)WebApp項(xiàng)目（1周）

- ReactJS基礎(chǔ)

- JSX語(yǔ)法

- 組件

- flux Redux

- React-Router路由

- 動(dòng)畫(huà)效果

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

項(xiàng)目十三、應(yīng)用Angular開(kāi)發(fā)WebApp項(xiàng)目（1周）

- TypeScript 基礎(chǔ)與進(jìn)階

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

- Hello World

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

- 模板

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

- 表單

- 服務(wù)與指令

- 依賴注入

- 路由

- Ionic 3 MUI框架

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

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

項(xiàng)目十四、微信公眾號(hào)開(kāi)發(fā)(0.4周)

- 初識(shí)微信公眾號(hào)

- 訂閱號(hào)的基本功能

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

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

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

- 微信JSSDK接口API

- 微信場(chǎng)景項(xiàng)目開(kāi)發(fā)與接入

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

- 微信小程序初探

- 小程序入門(mén)必學(xué)

- 小程序組件體驗(yàn)

- 小程序大功能

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

項(xiàng)目十六、React Native（0.6周）

- React Native初探

- React Native 項(xiàng)目導(dǎo)航

- React Native 項(xiàng)目文本框

- React Native 項(xiàng)目滾動(dòng)分頁(yè)

- React Native 項(xiàng)目第三方登錄

- React Native 其他組件

項(xiàng)目十七、各類混合應(yīng)用開(kāi)發(fā)（0.4周）

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

- 第三方Hybrid框架Cordova/Phone gap

- 第三方Hybrid框架MUI HTML5

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

項(xiàng)目十八、Node.js基礎(chǔ)項(xiàng)目（1周）

一、NodeJS基礎(chǔ)

- NodeJS介紹

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

- 模塊與包管理工具

- CommonJS模塊

- URL網(wǎng)址解析

- QueryString參數(shù)處理

- HTTP模塊

- HTTP小爬蟲(chóng)

- request方法

- 事件 events模塊

- 文件 fs模塊

- Stream 流模塊

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

- 讀取圖片文件

- npm scripts

- Yarn 與 PM2

二、MongoDB

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

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

- Collection聚集集合

- document文檔操作

- 聚集集合查詢

- NodeJS連接MongoDB

三、GraphGL

- GraphQL初探:從REST到GraphQL

- GraphGL安裝

- 準(zhǔn)備數(shù)據(jù)源

- 搭建GraphQL服務(wù)器

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

四、Express

- express 介紹

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

- Express 4.1x 初始化項(xiàng)目詳解

- 路由簡(jiǎn)介

- 模板引擎EJS

- 模板引擎Pug（Jade）

五、Koa

- Koa入門(mén)

- Koa應(yīng)用

- 中間件

- Context

- async await

- 請(qǐng)求與響應(yīng)

六、測(cè)試框架mocha

- 搭建框架

- 斷言assert

- 項(xiàng)目測(cè)試

- 運(yùn)行多個(gè)測(cè)試

七、socket 即時(shí)通信項(xiàng)目

- Socket簡(jiǎn)介和通訊流程

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

- WebSocket

- Socket.io

項(xiàng)目十九、Node.js高級(jí)全棧項(xiàng)目（1周）

- 基于Vue Node MongoDB 微信的高級(jí)全棧項(xiàng)目開(kāi)發(fā)

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

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

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

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

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

二、D3.js詳解

- D3.js 入門(mén)

- D3.js 進(jìn)階

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

- D3.js 高級(jí)應(yīng)用

- D3.js 應(yīng)用工具：NVD3、n3-charts

三、其他JS庫(kù)

- Highcharts

- FusionCharts

- Polymaps

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