一步卜壕，兩步，三步四步五步烙常，就這樣到達了人生的巔峰~
傳統(tǒng)前端生態(tài)-初級
不使用打包轴捎、中間處理工具，手工處理js蚕脏、css侦副、圖片等資源
掌握以下知識點：
基礎結構：html，h5
基礎樣式：css驼鞭，css3
基礎語法：js
jq框架：jq秦驯，jq系列插件
ui框架：bootstrap3，bootstrap4等
基礎插件：lodash终议，echarts等
其他：移動端適配汇竭，瀏覽器兼容葱蝗，瀏覽器調試等
恭喜完成新手村修煉任務穴张，正式開啟江湖冒險之旅~
vue 生態(tài)-中級
基礎套件：vue2，vuex两曼，vue-router皂甘，axios，vue 靜態(tài)生成器悼凑，vue 多頁面偿枕，vue history 模式
UI 組件庫：element、iview户辫、vuex渐夸、mint-ui、vant渔欢、cube-ui等
后端渲染：nuxt.js
語法升級：es6+墓塌，less、scss、styls
工具：vue-cli苫幢，babel7访诱，webpack4，eslint韩肝，vue devtools
其他：調試工具触菜，vuepress
打怪升級，恭喜晉級成功~
React 生態(tài)
基礎套件：react哀峻，react-router涡相，jsx，axios剩蟀，react react history 模式漾峡，redux、mobx等
UI 組件庫：antd喻旷，antd-mobile
后端渲染：next.js
工具：create-react-app生逸，react-devtools
react-native
持續(xù)打副本刷經驗中~
微信生態(tài)-高級
小程序生態(tài)：api，組件且预，工具槽袄，云開發(fā)，mpvue锋谐、wepy等
小游戲生態(tài)
微信公眾號生態(tài)：微信授權登錄遍尺、支付、分享等常用功能
闖關成功涮拗，成功晉級~
Node 生態(tài)-全棧
基礎：node乾戏，npm、cnpm三热、npx鼓择、nvm、yarn就漾，pm2呐能，pug，nginx
框架：express抑堡，koa2摆出，think.js，egg.js
數(shù)據(jù)庫：mongoodb首妖，mongoose
插件：redis偎漫、express-redis-cache、Redis Desktop Manager有缆、moment象踊、nodemailer等
命令行：linux舌仍、cmd、mac 命令
工具：express-generator通危，koa-generator铸豁，robo3t，postman菊碟，mobaXterm节芥，Sequel Pro
擊敗終極 Boss，成功完成凡間界修煉逆害，開始新世界之旅~
其他
常用工具：編輯器 sublime 研究头镊，ps切圖工具，抓包工具魄幕，上傳代碼工具相艇，圖片壓縮工具，截圖工具纯陨，取顏色工具坛芽，markdown等
git 類：svn，git翼抠，github咙轩，碼云，sourceTree
埋點：谷歌統(tǒng)計阴颖，百度統(tǒng)計活喊，前端錯誤收集等
其他：pwa，parcel量愧，typescript钾菊，electron，可視化偎肃，工程化煞烫，單元測試，前端安全软棺，性能優(yōu)化红竭，數(shù)據(jù)結構+算法，設計模式等
最后
為了幫助大家讓學習變得輕松喘落、高效，給大家免費分享一大批資料最冰，幫助大家在成為全棧工程師瘦棋，乃至架構師的路上披荊斬棘。在這里給大家推薦一個前端全棧學習交流圈：866109386.歡迎大家進群交流討論暖哨，學習交流赌朋，共同進步。
當真正開始學習的時候難免不知道從哪入手，導致效率低下影響繼續(xù)學習的信心沛慢。
但最重要的是不知道哪些技術需要重點掌握赡若，學習時頻繁踩坑，最終浪費大量時間团甲，所以有有效資源還是很有必要的逾冬。
最后祝福所有遇到瓶疾且不知道怎么辦的前端程序員們，祝福大家在往后的工作與面試中一切順利躺苦。
