前言
更新這篇blog的目的是為了幫助想學習前端卻不知從什么地方學起，不知道該學什么的同學快速進軍前端的基本路線，
一、入門
首先我們學習任何東西都一樣要打下堅實的基礎，所以入門必學三件套，HTML5(H5),CSS3,ES5（js）（必學）
H5：學習經常會使用到如HTML5表單、音頻和視頻、離線和本地存盤、盒子模型、Canvas即可，
CSS3：學習基本寫法和特性如(可繼承屬性)，flex布局
JS:學習基本語法，原型鏈，DOM，BOM，異步函式
二、起步
學習完了基本使用，我們開始逐漸追求學習得更深入，所以我們還要繼續學習JS，css可以學習一下預編譯技術，剩余的勤加練習即可，但是現在我們需要學一個新的技術，幫助我們在前端路上能走得更遠nodeJS，
預編譯技術：less，sass，（可以會）
JS：ES5+ES6，作用域鏈，變數提升，ES6新特性及語法糖等（必會）
nodeJS:其實nodeJS就是JS，不過是換了個環境運行，但是還是有些許的變化，（推薦學習）
三、上路
這個階段咱們還要學習JS，不過我們會學習一個現階段前端入門級框架Vue（基本必會，要么會三大框架另外兩個之一React ，Angular），我們之前打下堅實的基礎在這里就會發揮巨大作用，那么這個階段大概學習什么呢，
JS：事件回圈，generitor，Promise，性能優化，發布/訂閱等，
Vue：基本用法，核心知識，虛擬DOM，diff演算法，vue-router，Vuex，
WebPack：會基本配置，（可以會）
Git：懂得如何提交代碼，合并代碼，（必會）
設計模式：面向物件編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、配接器模式、面向切面編程，
學習到這里我們就可以做一個專案來實踐一下了，例如一個電影網站，個人博客系統，使用nodeJS（推薦）或者其他后端語言搭建后臺，使用nodeJS可以從以下幾個框架入手Express，koa，nestJS，資料庫使用mysql或者MongoDB，那么要是不想搞這么復雜就想練習Vue呢，推薦使用Mock.js模擬資料，
四、加速
本人自覺剛到這個階段，但感覺比較不容易，那么咱們這個階段要做的事
TypeScript（TS）：未來的JS（可以會）
WebPack：都這個階段了，手寫loader不過分，
docker：使用容器方式開發，（可以會）
Nginx：（我也不會）
自己封裝框架：使用所學設計模式+JS基礎+nodeJS
這個階段的基本都是在寫各種配置
五、奔跑
這個階段大概就像是尤雨溪，阮一峰這樣的大佬吧，
總結
說了這么多不如直接在此分享一下本人的學習資料以及推薦的書籍，
1、學習HTML/CSS W3school/MDN
2、學習JS推薦去看阮一峰大神的博客再買一套《你不知道的JavaScript》再去MDN上看看
3、學習nodeJS 推薦《狼書》和官網，再去嗶哩嗶哩看看有沒有教程，或者我這里有一套node教程(提取碼 gkf6)
4、學習Vue 推薦官網，這個官方檔案寫的真的不錯可以直接觀看，如果看不太懂，推薦大地老師教學
5、WebPack 可以先觀看教程，基本都是一些配置，嗶哩嗶哩，大地老師講的很好
6、Git，這個沒啥好說的你肯定需要去學習，其實多用用就好，
7、TS，嗶哩嗶哩，大地老師淦就完了，，
8、Nginx，我依稀記得好像是有教程的，稍后附上（提取碼 kk4u），
當然總結的這些知識只是個人觀點，并非代表前端只能走這個路線，到達山頂的路有很多條，你也可以試試別的路如 UI設計，原型設計加一些前端技能也是不錯的，本篇博客就先記錄到此如果對此博客有什么意見或建議請在下方評論，看完請點個贊吧，
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/193530.html
標籤：其他
上一篇：兩種方法實作登錄回傳上一頁,對上一頁進行判斷,如果不是本網站頁面,就跳轉到個人中心或網站主頁,如果上一頁是本網站頁面就跳轉回到上一頁