山地人的2019年前端自學路徑Roadmap——v0.0.1

evin2016 發布于2019-08-02 14:24 / 756人閱讀

摘要：為何會有這個自學也需要有章可尋，早上整理了一下這段時間學的內容東西比較多，接下來的一段時間都會圍繞這個展開學習，當然這張前端自學圖譜并不是一成不變的，隨著時間的推移我會調整這張里的內容，總的目標只有一個系統化的學好前端的技術，我會隨時調整完

為何會有這個Roadmap

自學也需要有章可尋，早上整理了一下這段時間學的內容東西比較多，接下來的一段時間都會圍繞這個Roadmap展開學習，當然這張前端自學圖譜并不是一成不變的，隨著時間的推移我會調整這張Roadmap里的內容，總的目標只有一個系統化的學好前端的技術，我會隨時調整完善這張圖譜。

開發通用技能 Git版本控制 Terminal終端技能 數據結構和算法 軟件設計原則

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 Licenses

GNU AGPL Lincense

GNU GPL Lincense

GNU LGPL Lincense

Mozilla Public License

Apache License

MIT Lincense

Unlincense

推薦閱讀

SSH HTTP/HTTPS 和 API設計 設計模式 Design Patterns

工廠模式

適配器模式

迭代器模式

...

字符編碼

Wiki
Wiki中文

前端開發技能 HTML

HTML基礎

HTML語義

SEO基礎

可訪問性 (Accessibility) Wiki中文

CSS

CSS基礎

常見布局

浮動布局 Floats

定位布局 Positioning

顯示 Display

盒子模型 Box Model

網格布局 Grid

Flex布局 Flex Box

媒體查詢 Media Queries

CSS3

JavaScript 語言

JavaScript基礎語法

DOM操作

通訊

Fetch API

Ajax(XHR)

ES6+

重點理解

Hosting

Event Bubbing

Scope

Prototype

Shadow DOM

strict

DNS

HTTP

包管理

npm

yarn

CSS 預編譯

SASS

PostCSS

Less

CSS Framework （CSS框架）

Bootstrap

Materialize CSS

Bulma

Semantic UI

CSS 結構化

BEM

OOCSS (了解)

SMACSS (了解)

構建工具 編輯器檢查和構建檢查(代碼格式規范)

Prettier

ESLint

JSHint

JSLint

JSCS

Task Runner任務管理工具

npm scripts

gulp

模塊打包工具

Webpack

Parcel

Rollup

前端框架（建議初學選一種）

React.js

路由 React Router

狀態管理

Redux

MobX

Vue.js

Vue Router（路由）

Vuex（狀態管理）

Vue CLI（腳手架）

Angular

RxJS

ngrx

CSS in JS

Styled Components

CSS Modules

Emotion

Radium

Glamorous

測試 測試框架

Jest

Enzyme

Cypress

其他

Mocha

Chai

Ava

Karma

Jasmine

Protractor

測試類型

Unit 單元測試

Integration 集成測試

Functional 功能測試

PWA（Progressive Web App）漸進式Web應用

什么是PWA

基礎技術

Storage 存儲

Web Sockets

Service Workers

Location 定位

Notifications 通知

Device Orientation

Payments

Credentials

性能測試

PPPL Pattern

RAIL性能評估模型參考谷歌開發者文檔

Performance Metrics 性能測試Wiki

Light House 測試工具

DevTool Chrome開發工具

類型檢測

TypeScript

SSR（Server Side Rendering）服務端渲染 React.js

Next.js

After.js

Angular

Universal

Vue.js

Nuxt.js

靜態站點生成

GatsbyJS

桌面應用

Electron

Proton Native

Carlo

移動應用

Flutter

React Native

NativeScript

服務端 NodeJS系列

Node.js

Koa

Egg

Nest.js

如果你和我一樣，也都一直在自學前端，如果自學的過程中遇到了坎，不管是學習過程中遇到什么問題，或者有什么好的意見和建議想和我交流，歡迎你在文章底部留言、加我微信或者加入我們的微信前端自學交流組，期待在自學小組與你相遇！

這里我為你準備了微信——前端自學交流群，歡迎你加入我們一起學習。（一群快滿，想入群的小伙伴可以加我微信:colin3dmax）

山地人微信:colin3dmax（請備注：你來自思否 | 是否要加入前端自學交流群）

2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事

點擊閱讀

想學前端，JavaScript基礎不好，學習又無從下手，山地人用權威的MDN手把手帶你夯實JS基礎點擊閱讀

B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何？——講一個B站Up主自學前端85天的故事
點擊閱讀

GPU云服務器云服務器 roadmap c服務器端文件路徑服務器端跳轉路徑問題山地人

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53777.html

山地人的2019年前端自學路徑Roadmap——v0.0.1

摘要：為何會有這個自學也需要有章可尋，早上整理了一下這段時間學的內容東西比較多，接下來的一段時間都會圍繞這個展開學習，當然這張前端自學圖譜并不是一成不變的，隨著時間的推移我會調整這張里的內容，總的目標只有一個系統化的學好前端的技術，我會隨時調整完為何會有這個Roadmap 自學也需要有章可尋，早上整理了一下這段時間學的內容東西比較多，接下來的一段時間都會圍繞這個Roadmap展開學習，當然...

Hegel_Gu 2019-08-30 15:56 評論0 收藏0
B站Up主-山地人-這位老哥2019年的前端自學計劃進展如何？——講一個B站Up主自學前端85天的故

摘要：前言自從上次在掘金發布年山地人的前端完整自學計劃講一個站主山地人的天前端自學故事以來，一眨眼山地人老哥在站做主已經有天了。所以這個體系里的一些框架包括也是山地人年自學計劃的一部分。月底，山地人老哥開啟了的兩個專題。前言自從上次在掘金發布【2019年山地人的前端完整自學計劃——講一個B站UP主山地人的40天前端自學故事】以來，一眨眼山地人老哥在B站做Up主已經有85天了。時隔一個...

cocopeak 2019-08-23 15:36 評論0 收藏0
前端小報 - 201903月刊

摘要：熱門文章我在淘寶做前端的這三年紅了櫻桃，綠了芭蕉。文章將在淘寶的三年時光折射為入職職業規劃招聘晉升離職等與我們息息相關的經驗分享，值得品讀。 showImg(https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886); 【Alibaba-TXD 前端小報】- 熱門前端技術快報，聚焦業界新視界；不知不覺 2019 ...

李義 2019-08-30 15:43 評論0 收藏0
前端小報 - 201903月刊

摘要：熱門文章我在淘寶做前端的這三年紅了櫻桃，綠了芭蕉。文章將在淘寶的三年時光折射為入職職業規劃招聘晉升離職等與我們息息相關的經驗分享，值得品讀。 showImg(https://segmentfault.com/img/remote/1460000018739018?w=1790&h=886); 【Alibaba-TXD 前端小報】- 熱門前端技術快報，聚焦業界新視界；不知不覺 2019 ...

zhoutao 2019-08-26 13:41 評論0 收藏0