2020年的前端方向,都在這裏了

vue全家桶實戰及源碼

vue組件通訊
vue.js全家桶:vue-router源碼
typescript:強類型,類型註解,接口,泛型,裝飾器
手寫vue源碼:vue工做機制,響應式原理,Dep,Watch,編譯compile
vue項目實踐:建立配置,開發實踐,測試,部署
vue源碼解讀:vue源碼總體學習思路,數據響應話,虛擬DOM

react全家桶實戰及源碼

react核心:jsx,虛擬DOM
react組件化:ant design組件庫,PureComponent,react.memo,Hooks
react全家桶:react-router使用及原理
react最佳實踐:redux-saga,dva,umi,企業級最佳實踐
react原理剖析:createElement,Component,diff策略,Hooks原理~~~~

Node.js

基礎:環境,經常使用模塊,流程控制,手寫cli
Koa:特色,koa簡單應用,原理
網絡編程:套接字編程Socket,http,http2,websocket
鑑權:cookie-session模式,token jwt模式,Oauth2模式,SSO單點登陸

Flutter實戰

Flutter基礎語法與控件使用:環境安裝,構建項目,組件講解,佈局方式,網絡加載
Flutter實戰:MVC設計,實戰佈局,列表渲染,列表下拉刷新和上拉加載更多原理
Flutter打包:App配置,第三方登陸,分享,App打包

webpack工程化

webpack基礎用法:webpack介紹,webpack配置模板,webpack核心概念與用法
webpack高級用法:Tree Shaking,Code Splitting,Shimming,動態import
webpack實戰配置:React開發構建,多頁面打包,構建Libarary,PWA構建,ESLint規範,單元測試
webpack構建優化:打包分析,多進程構建,區分環境,代碼壓縮
webpack原理:本身編寫loader/plugins,node調試工具,梳理webpack打包原理

微信公衆號&小程序

公衆號:環境,服務器端,網頁端
小程序:小程序實戰,全棧小程序,小程序項目實戰

算法與數據結構

算法入門:算法基礎知識,算法核心概念,複雜度
常見算法:冒泡排序,快速排序,二分查找,遞歸算法,常見前端算法面試題
常見數據格式:數據格式,數組,鏈表,樹
進階:貪心算法,動態規則,算法在前端的應用,樹和鏈表在react源碼中的應用

面試

JD分析&面試準備:面試準備,JD分析,技術棧
一面常見面試題:js css基礎面試題
二面常見面試題:進階面試題Promise原理,react原理,vue原理,webpack架構
三面常見面試題:項目架構設計,職業生涯
面試技巧提高:面試心態和麪試學習法,面試驅動學習,查缺補漏