1、web前端基礎(chǔ)
HTML+CSS----HTML5+CSS3,包括布局（柵格布局，流動布局，經(jīng)典的彈性盒布局——兼容性不太好）
JavaSCript-----ECMAScript語法---前端必備 、 DOM操作、BOM
2、JavaScript進(jìn)階-----預(yù)解釋 、閉包、作用域、this指向、面向?qū)ο?、繼承的實(shí)現(xiàn)方式、算法、JavaScript設(shè)計(jì)模式
3、前端庫必備-----jQuery、jQuery插件、understore.js(前端功能庫必備，彌補(bǔ)了大量原生JS方法天生不足的缺陷)、動畫庫animate.css、動畫庫Velocity.js
4、移動端開發(fā)----viewport、媒體查詢、rem自適應(yīng)、flexiable.js、移動端事件、移動端庫zepto.js、swiper.js、移動端框架Bootstrap
5、前端工作流----Git、三個打包工具（grunt--了解、glup--簡單使用、webpack--重點(diǎn)，進(jìn)入BAT最重要的一個工具）、前端模塊化（require.js、sea.js、AMD/CMD、ES6 Module）、Yoman腳手架工具 了解一下
BAT：B指百度、A指阿里巴巴、T指騰訊
腳手架：為了保證各施工過程順利進(jìn)行而搭設(shè)的工作平臺
6、Nodejs
HTTP/AJAX
Nodejs核心模塊
Nodejs異步：Events、Timer、Event-loop
進(jìn)程：進(jìn)程和線程、Cluster（集群）
數(shù)據(jù)庫：爬蟲框架 node-crawler 、數(shù)據(jù)持久化、MySql、MongoDB、Redis
鑒權(quán)：cookie認(rèn)證、token+jwt(JSON Web Token)、第三方登錄Qauth2
框架進(jìn)階：先學(xué)express入門、再去進(jìn)攻Koa2、大型項(xiàng)目框架使用eggjs
MVVM開發(fā)框架：Model-View-ViewMode
SSR服務(wù)器渲染：server side render
常用Linux命令
部署運(yùn)維
7、Vue2.6
7.1 Vue：
常用指令：必會
v-bind：可以用于響應(yīng)式地更新 HTML 特性 如：
<av-bind:href="url">...</a> 縮寫：<a:href="url">...</a>
v-on：監(jiān)聽 DOM 事件 如;
<av-on:click="doSomething">...</a> 縮寫;<a @click="doSomething">...</a>v-for v-if
表達(dá)處理：
雙向數(shù)據(jù)綁定---MVVM思想
組件化--必會 自己編寫自己的組件
生命周期----必會
Vue動畫特效
7.2 Vue-router
路由基礎(chǔ)：
動態(tài)路由、嵌套路由、編程式導(dǎo)航、命名路由、重定向、路由組件傳參、history模式
路由進(jìn)階：
生命周期、過渡特效、數(shù)據(jù)獲取、滾動行為監(jiān)聽、路由懶加載
7.3 Vuex
state、getters、mutations、actions、modules
7.4 前后端分離思想----對比后端渲染頁面和前后端分離
7.5 服務(wù)器渲染SSR
SEO 的問題、SSR的原理、為什么要做SSR、何種類型的項(xiàng)目使用SSR
7.6 nuxt.js
7.7常用框架
element-ui必會、下面三款任選其一（Vux、IView、mint-ui）
7.8 Vue雙向數(shù)據(jù)綁定的原理
7.9 提升 自己寫一個Vue、vue-router vuex
8、React 16全家桶實(shí)戰(zhàn)
React基礎(chǔ)+進(jìn)階：
React基礎(chǔ)語法，可以去它官網(wǎng)上看，https://react.docschina.org/docs/getting-started.html
官網(wǎng)腳手架Creat-react-app
JSX
虛擬DOM原理剖析
組件化思想
表單處理
動畫特效
生命周期
Fiber架構(gòu)了解一下
Hooks了解一下
Redux狀態(tài)數(shù)據(jù)管理
setState和屬性傳遞管理數(shù)據(jù)的不足
單向數(shù)據(jù)流和雙向數(shù)據(jù)流對比
Action
Reducer
Dispatch
React和Redux連接-》React-redux
Provider和connect
中間件
Redux-thunk中間件如何處理異步任務(wù)
React-router4單頁應(yīng)用
路由管理
路由和組件
重定向
路由聲明周期
懶加載
Ant-design組件庫
服務(wù)器渲染SSR
跟Vue的SSR類似了，如果你會了Vue的SSR，這個可以忽略
Typescript在React中實(shí)戰(zhàn)
深入了解虛擬DOM的原理
9、微信小程序
學(xué)微信小程序，會基本的html+css+js就可以快速入門
微信小程序?qū)崙?zhàn)
微信小程序中基本的api
頁面結(jié)構(gòu)組件
頁面樣式
基礎(chǔ)組件
Flex布局
掃碼
下拉刷新、上拉加載
輪播圖
支付
開發(fā)自己的小程序
小程序生態(tài)
小程序適用場景分析
支付寶小程序
百度小程序
Taro、Mpvue 通用框架
再開發(fā)一款微信小程序項(xiàng)目
10、微信公眾號開發(fā)
微信Api
消息中間件
音視頻、圖片、圖文、ticket管理
微信支付接入
服務(wù)端如何接入微信后臺
Nodejs后端接入
依賴微信jssdj開發(fā)業(yè)務(wù)
錄音/地理位置，掃一掃
公眾號開發(fā)
11、混合式App開發(fā)
React-navtive
基礎(chǔ)
搭建開發(fā)環(huán)境
樣式、布局、輸入、事件、滾動視圖、長列表
Props屬性
狀態(tài)
進(jìn)階
組件化開發(fā)
Platfrom模塊
導(dǎo)航器
動畫
手勢
性能、調(diào)試
集成
ios應(yīng)用擴(kuò)展
Android應(yīng)用擴(kuò)展
單頁應(yīng)用
redux管理數(shù)據(jù)
react-router路由
第三方組件庫
ant-design-mobile的使用
Flutter
12、web安全策略
這是基本知識，對這個有所了解，面試大廠可能對你有很大的幫助
基本的安全和常用web項(xiàng)目相關(guān)漏洞原理解析和防御
XSS漏洞、CSRF漏洞、SQL注入
Cookie安全策略
傳輸安全和HTTPS加密
13、自動化測試
雖然測試不是咱們前端必備，但是了解它，對你以后的全棧之路絕對提升了一個檔次
業(yè)務(wù)驅(qū)動
測試驅(qū)動
黑百盒測試
前端項(xiàng)目的單測集成
Node項(xiàng)目的單測集成
前端e2e測試實(shí)戰(zhàn)
14、web前端提升進(jìn)階(大廠必備)
前端數(shù)據(jù)結(jié)構(gòu)和算法
算法基礎(chǔ)知識、核心概念、復(fù)雜度
常見算法：冒泡排序、快排、二分查找、遞歸算法、常見算法面試題(網(wǎng)上搜索即可)
常見數(shù)據(jù)格式：數(shù)據(jù)格式、數(shù)組、連表、樹、二叉樹、圖
前端設(shè)計(jì)模式
為什么要學(xué)習(xí)設(shè)計(jì)模式?
面向?qū)ο?/p>
工程模式
單利模式
裝飾器模式
代理模式
觀察者模式
計(jì)模式做個實(shí)戰(zhàn)，運(yùn)用一下
喜歡小編的可以點(diǎn)個贊關(guān)注小編哦，小編每天都會給大家分享文章。
我自己是一名從事了多年的前端老程序員，小編為大家準(zhǔn)備了新出的前端編程學(xué)習(xí)資料，免費(fèi)分享給大家！
如果你也想學(xué)習(xí)前端，加入此Q群：950919261
