摘要:為何會(huì)有這個(gè)自學(xué)也需要有章可尋,早上整理了一下這段時(shí)間學(xué)的內(nèi)容東西比較多,接下來(lái)的一段時(shí)間都會(huì)圍繞這個(gè)展開(kāi)學(xué)習(xí),當(dāng)然這張前端自學(xué)圖譜并不是一成不變的,隨著時(shí)間的推移我會(huì)調(diào)整這張里的內(nèi)容,總的目標(biāo)只有一個(gè)系統(tǒng)化的學(xué)好前端的技術(shù),我會(huì)隨時(shí)調(diào)整完
為何會(huì)有這個(gè)Roadmap
自學(xué)也需要有章可尋,早上整理了一下這段時(shí)間學(xué)的內(nèi)容東西比較多,接下來(lái)的一段時(shí)間都會(huì)圍繞這個(gè)Roadmap展開(kāi)學(xué)習(xí),當(dāng)然這張前端自學(xué)圖譜并不是一成不變的,隨著時(shí)間的推移我會(huì)調(diào)整這張Roadmap里的內(nèi)容,總的目標(biāo)只有一個(gè)系統(tǒng)化的學(xué)好前端的技術(shù),我會(huì)隨時(shí)調(diào)整完善這張圖譜。
開(kāi)發(fā)通用技能 Git版本控制 Terminal終端技能 數(shù)據(jù)結(jié)構(gòu)和算法 軟件設(shè)計(jì)原則SOLID (SRP、OCP、LSP、ISP、DIP)Wiki
KISS (Keep It Simple,Stupid)Wiki
DRY (Don"t repeat yourself)Wiki
The Rule Of ThreeWiki)
YAGNI (You aren"t gonna need it)Wiki
GitHub LicensesGNU AGPL Lincense
GNU GPL Lincense
GNU LGPL Lincense
Mozilla Public License
Apache License
MIT Lincense
Unlincense
推薦閱讀SSH HTTP/HTTPS 和 API設(shè)計(jì) 設(shè)計(jì)模式 Design Patterns
工廠(chǎng)模式
適配器模式
迭代器模式
...
字符編碼Wiki前端開(kāi)發(fā)技能 HTML
Wiki中文
HTML基礎(chǔ)
HTML語(yǔ)義
SEO基礎(chǔ)
可訪(fǎng)問(wèn)性 (Accessibility) Wiki中文
CSSCSS基礎(chǔ)
常見(jiàn)布局
浮動(dòng)布局 Floats
定位布局 Positioning
顯示 Display
盒子模型 Box Model
網(wǎng)格布局 Grid
Flex布局 Flex Box
媒體查詢(xún) Media Queries
CSS3
JavaScript 語(yǔ)言JavaScript基礎(chǔ)語(yǔ)法
DOM操作
通訊
Fetch API
Ajax(XHR)
ES6+
重點(diǎn)理解
Hosting
Event Bubbing
Scope
Prototype
Shadow DOM
strict
DNS
HTTP
包管理npm
yarn
CSS 預(yù)編譯SASS
PostCSS
Less
CSS Framework (CSS框架)Bootstrap
Materialize CSS
Bulma
Semantic UI
CSS 結(jié)構(gòu)化BEM
OOCSS (了解)
SMACSS (了解)
構(gòu)建工具 編輯器檢查和構(gòu)建檢查(代碼格式規(guī)范)Prettier
ESLint
JSHint
JSLint
JSCS
Task Runner任務(wù)管理工具npm scripts
gulp
模塊打包工具Webpack
Parcel
Rollup
前端框架(建議初學(xué)選一種)
React.js
路由 React Router
狀態(tài)管理
Redux
MobX
Vue.js
Vue Router(路由)
Vuex(狀態(tài)管理)
Vue CLI(腳手架)
Angular
RxJS
ngrx
CSS in JSStyled Components
CSS Modules
Emotion
Radium
Glamorous
測(cè)試 測(cè)試框架Jest
Enzyme
Cypress
其他
Mocha
Chai
Ava
Karma
Jasmine
Protractor
測(cè)試類(lèi)型Unit 單元測(cè)試
Integration 集成測(cè)試
Functional 功能測(cè)試
PWA(Progressive Web App)漸進(jìn)式Web應(yīng)用什么是PWA
基礎(chǔ)技術(shù)
Storage 存儲(chǔ)
Web Sockets
Service Workers
Location 定位
Notifications 通知
Device Orientation
Payments
Credentials
性能測(cè)試
PPPL Pattern
RAIL性能評(píng)估模型參考谷歌開(kāi)發(fā)者文檔
Performance Metrics 性能測(cè)試Wiki
Light House 測(cè)試工具
DevTool Chrome開(kāi)發(fā)工具
類(lèi)型檢測(cè)TypeScript
SSR(Server Side Rendering)服務(wù)端渲染 React.jsNext.js
After.js
AngularUniversal
Vue.jsNuxt.js
靜態(tài)站點(diǎn)生成GatsbyJS
桌面應(yīng)用Electron
Proton Native
Carlo
移動(dòng)應(yīng)用Flutter
React Native
NativeScript
服務(wù)端 NodeJS系列Node.js
Koa
Egg
Nest.js
如果你和我一樣,也都一直在自學(xué)前端,如果自學(xué)的過(guò)程中遇到了坎,不管是學(xué)習(xí)過(guò)程中遇到什么問(wèn)題,或者有什么好的意見(jiàn)和建議想和我交流,歡迎你在文章底部留言、加我微信或者加入我們的微信前端自學(xué)交流組,期待在自學(xué)小組與你相遇!這里我為你準(zhǔn)備了微信——前端自學(xué)交流群,歡迎你加入我們一起學(xué)習(xí)。(一群快滿(mǎn),想入群的小伙伴可以加我微信:colin3dmax)
山地人微信:colin3dmax( 請(qǐng)備注:你來(lái)自思否 | 是否要加入前端自學(xué)交流群 )
相關(guān)文章
2019年山地人的前端完整自學(xué)計(jì)劃——講一個(gè)B站UP主山地人的40天前端自學(xué)故事
點(diǎn)擊閱讀
想學(xué)前端,JavaScript基礎(chǔ)不好,學(xué)習(xí)又無(wú)從下手,山地人用權(quán)威的MDN手把手帶你夯實(shí)JS基礎(chǔ) 點(diǎn)擊閱讀
B站Up主-山地人-這位老哥2019年的前端自學(xué)計(jì)劃進(jìn)展如何?——講一個(gè)B站Up主自學(xué)前端85天的故事
點(diǎn)擊閱讀
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/53777.html
摘要:為何會(huì)有這個(gè)自學(xué)也需要有章可尋,早上整理了一下這段時(shí)間學(xué)的內(nèi)容東西比較多,接下來(lái)的一段時(shí)間都會(huì)圍繞這個(gè)展開(kāi)學(xué)習(xí),當(dāng)然這張前端自學(xué)圖譜并不是一成不變的,隨著時(shí)間的推移我會(huì)調(diào)整這張里的內(nèi)容,總的目標(biāo)只有一個(gè)系統(tǒng)化的學(xué)好前端的技術(shù),我會(huì)隨時(shí)調(diào)整完 為何會(huì)有這個(gè)Roadmap 自學(xué)也需要有章可尋,早上整理了一下這段時(shí)間學(xué)的內(nèi)容東西比較多,接下來(lái)的一段時(shí)間都會(huì)圍繞這個(gè)Roadmap展開(kāi)學(xué)習(xí),當(dāng)然...
摘要:前言自從上次在掘金發(fā)布年山地人的前端完整自學(xué)計(jì)劃講一個(gè)站主山地人的天前端自學(xué)故事以來(lái),一眨眼山地人老哥在站做主已經(jīng)有天了。所以這個(gè)體系里的一些框架包括也是山地人年自學(xué)計(jì)劃的一部分。月底,山地人老哥開(kāi)啟了的兩個(gè)專(zhuān)題。 前言 自從上次在掘金發(fā)布【2019年山地人的前端完整自學(xué)計(jì)劃——講一個(gè)B站UP主山地人的40天前端自學(xué)故事】 以來(lái),一眨眼山地人老哥在B站做Up主已經(jīng)有85天了。 時(shí)隔一個(gè)...
摘要:熱門(mén)文章我在淘寶做前端的這三年紅了櫻桃,綠了芭蕉。文章將在淘寶的三年時(shí)光折射為入職職業(yè)規(guī)劃招聘晉升離職等與我們息息相關(guān)的經(jīng)驗(yàn)分享,值得品讀。 showImg(https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886); 【Alibaba-TXD 前端小報(bào)】- 熱門(mén)前端技術(shù)快報(bào),聚焦業(yè)界新視界;不知不覺(jué) 2019 ...
摘要:熱門(mén)文章我在淘寶做前端的這三年紅了櫻桃,綠了芭蕉。文章將在淘寶的三年時(shí)光折射為入職職業(yè)規(guī)劃招聘晉升離職等與我們息息相關(guān)的經(jīng)驗(yàn)分享,值得品讀。 showImg(https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886); 【Alibaba-TXD 前端小報(bào)】- 熱門(mén)前端技術(shù)快報(bào),聚焦業(yè)界新視界;不知不覺(jué) 2019 ...
閱讀 462·2023-04-25 23:00
閱讀 3493·2021-11-22 13:54
閱讀 1892·2021-10-27 14:14
閱讀 1485·2019-08-30 13:59
閱讀 3510·2019-08-23 16:15
閱讀 1957·2019-08-23 16:06
閱讀 3326·2019-08-23 15:26
閱讀 1256·2019-08-23 13:48