傳送門
各階段知識點
小白階段
- html/html5基礎
- css/css3基礎
- javascript基礎
- jquery(zepto)
- 移動端適配及響應式佈局(bootstrap)
基礎階段
- nodejs基礎(npm/yarn/nvm)
- 網絡基礎(json/ajax/promise/http)
- 工程化(webpack/rollup/parcel/gulp)
- css預處理(less/scss/postcss/stylus)
- js擴展(es6/babel/ts)
- 代碼版本管理(git/svn)
進階階段
- MVVM框架(React/Vue/Angular)
- SPA(ReactRouter/VueRouter)
- UI庫(AntDesign/ElementUI/Material)
- 數據管理(Redux/Vuex)
- 前端工程搭建(create-react-app/vue-cli/angular-cli)
- 代碼質量管理(eslint/jest/mocha/gerrit)
- 前端性能優化(Chrome Performence Monitor)
高級階段
- linux基礎
- nodejs服務(express/koa/egg/pm2)
- 數據庫(mongodb/mysql)
- 網絡優化(redis/nginx/websocket)
- 網絡安全(XSS/CSRF)
- SSR(Nextjs/Nuxtjs)
擴展階段
- nodejs爬蟲
- 數據可視化(echart/threejs/D3js)
- 移動App(ReactNative/Veex)
- 桌面應用(Electron)
- 微信小程序
- 嵌入式開發
Web Developer RoadMap —— 2018
這是一個筆者認爲不錯的參考資料,省了各位看官翻牆的麻煩,搬運到這裏方便大家看。
https://github.com/kamranahmedse/developer-roadmap
Introduction
Frontend Roadmap
Back-end Roadmap
DevOps Roadmap