前端開發入門學習有：HTML、CSS、JavaScript（簡稱JS）這三個部分。所以在學習之前我們需要先明確三個概念：
- HTML——內容層，它的作用是表示一個HTML標籤在頁面裏是個什麼角色。
- CSS——樣式層，它的作用是表示一塊內容以什麼樣的樣式（字體、大小、顏色、寬高等）顯示。
- JS——行爲層，它的作用是當用戶觸發某些行爲時，會給內容和樣式帶來什麼樣的改變。
WEB總結：
JS總結：
項目一：PC端網站佈局
所含知識點：HTML基礎，CSS基礎，CSS核心屬性，CSS樣式層疊，繼承，盒模型，容器，溢出及元素類型，瀏覽器兼容與寬高自適度，定位，錨點與透明，圖片整合，表格，CSS屬性與濾鏡。
項目二：HTML5+CSS3基礎項目
所含知識點：HTML5新增的元素與屬性，表單域增強元素，CSS3選擇器，文字字體相關樣式，CSS3位移與變形處理，CSS3 2D轉換與過度動畫，CSS3 3D轉換與關鍵幀動畫，彈性盒模型，媒體查詢，響應式設計。
項目三：WebApp頁面佈局項目
所含知識點：移動端頁面設計規範，移動端切圖，文字流式/控件彈性/圖片等比例/特殊設計的100%佈局，等比縮放佈局，viewport/meta，rem/vw的使用，flexbox詳解，移動web特別樣式處理（reset, 1px border, 高清圖片）
項目四：原生JavaScript交互功能開發項目
所含知識點：基本語法，循環語句，函數與數組，String與Date，BOM與DOM，事件，拖拽效果，cookie存儲，正則表達式，Ajax，面向對象基礎，運動與遊戲開發
項目五：面向對象進階與ES5/ES6應用項目
所含知識點：Promise/A+，設計模式（觀察者模式等），原型鏈，構造函數，執行上下文棧與執行上下文，變量對象與活動對象，作用域鏈，閉包，this，ES5，ES6
項目六：JavaScript工具庫自主研發項目
所含知識點：DOM庫，事件庫，AJAX庫，原型和繼承庫，MVVM核心庫，基於SPA的路由庫
項目七：jQuery經典交互特效開發
所含知識點：時間軸特效，tab頁面切換效果，網頁定位導航特效，滑動門特效，焦點圖輪播特效，導航條菜單效果，瀑布流特效，彈出層效果，倒計時效果，抽獎效果
項目八：PHP+MySQL後端基礎項目
所含知識點：PHP，MySQL，HTTP(s)協議詳解，Ajax進階、跨域與Defered，Apache與Nginx 環境搭建與配置，接口的定義，Mock數據，Restful，前後端聯調，前端安全(XSS,CSRF,JSON注入)
項目九：前端工程化與模塊化應用項目
所含知識點：Gulp，Webpack，NPM，Git/SVN，CommonJS，AMD，CMD，ES6模塊化
項目十：PC端全棧開發項目
所含知識點：大首頁、列表頁與詳情頁展示與交互特效、搜索、登錄與註冊、購物車、jQueryUI 與 jQuery EasyUI、Bootstrap(ACE)、Highcharts/Echarts、ArtTemplate、Velocity、Smarty、雲平臺系統前端
項目十一：應用Vue.js開發WebApp項目
所含知識點：Vue.js基礎，模塊化，單文件組件，路由，與服務器通信，狀態管理，單元測試與生產發佈，服務端渲染SSR與Nuxt.js，基於Vue.js企業級項目開發(Mint UI, Element UI)
項目十二：應用React.js開發WebApp項目
所含知識點：ReactJS基礎，JSX語法，組件，flux+Redux，React，Router路由，動畫效果，基於React 企業級項目研發( Antd, Antd Mobile）
項目十三：應用Angular開發WebApp項目
所含知識點：TypeScript 基礎與進階，開發環境配置，Hello World，架構、模塊與組件，模板，元數據、數據綁定與數據顯示，表單，服務與指令，依賴注入，路由，Ionic 3 MUI框架
項目十四：微信公衆號開發
所含知識點：初識微信公衆號，訂閱號的基本功能，使用百度BAE實現代碼的快速上線，使用Git完成線上代碼部署，公衆號開發權限及功能接入，微信JSSDK接口API，微信場景項目開發與接入
項目十五：微信小程序開發
所含知識點：微信小程序初探，小程序入門必學，小程序組件體驗，小程序大功能，項目實戰帶你征服小程序
項目十六：React Native
所含知識點：React Native 初探，React Native 項目導航，React Native 項目文本框，React Native 項目滾動分頁，React Native 項目第三方登錄，React Native 其他組件
項目十七：各類混合應用開發
所含知識點：自主原生Navtive Hybrid(iOS、Android)，第三方Hybrid框架Cordova/Phone gap，第三方Hybrid框架MUI + HTML5+CSS
項目十八：NodeJS全棧開發
所含知識點：
- Node.js基礎項目——NodeJS介紹，開發環境搭建，模塊與包管理工具，CommonJS模塊，URL網址解析，QueryString參數處理，HTTP模塊，HTTP小爬蟲，request方法，事件 events模塊，文件 fs模塊，Stream 流模塊，原生路由與參數接收，讀取圖片文件，npm scripts，Yarn 與 PM2
- MongoDB——MongoDB介紹與環境搭建，數據庫常用命令，Collection聚集集合，document文檔操作，聚集集合查詢，NodeJS連接MongoDB
- GraphGL——GraphQL初探：從REST到GraphQL，GraphGL安裝，準備數據源，搭建GraphQL服務器，數據查詢
- Express——express 介紹，安裝和創建基於Express的項目，Express 4.1x 初始化項目詳解，路由簡介，模板引擎EJS，模板引擎Pug（Jade）
- Koa——Koa入門、Koa應用、中間件、Context、async await、請求與響應
- 測試框架mocha——搭建框架、斷言assert、項目測試、運行多個測試
- socket 即時通信項目——Socket簡介和通訊流程，基於net模塊實現socket，WebSocket，Socket.io
項目十九：Node.js高級全棧項目
所含知識點：基於Vue+Node+MongoDB+微信的高級全棧項目開發
項目二十：大數據可視化
所含知識點：數據可視化入門，數據可視化基礎，零編程工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau，D3.js詳解，D3.js 入門，D3.js 高級應用，D3.js 應用工具：NVD3、n3，charts，Highcharts，FusionCharts，Polymaps
