前端各個階級必須掌握的基本技能彙總

「 别問我這個問題了 」

前些天發過一篇面試的文《談談我面試别人的教訓和總結》之後，其中針對第二點 【技術棧太老我不要】這一點，這引起了很多人危機感，然後收到很多留言和互動，其中一點就是：我該怎麼學這些新技術呢？

自從我建立群和公開我私人微信之後幾乎每天 都會收到類似的疑問，其中新手居多，都是詢問北媽 我該怎麼學呢？好苦惱，報教育訓練班還是自學？自學去哪裡啊 根本無從下手啊。

一開始我還會一一回複下，畢竟我是個親和力十足的人，粉絲加了我我不回複不太禮貌，但是随着人數增多和時間成本的增加，一般我都會拉入粉絲群大家探讨學習心得，畢竟沒有交流就沒有進步，今天我在這裡統一回複下這些疑問。

這個問題應該特意開個長篇 詳細叙述下 如何自學、怎麼樣有效率的自學，但這需要很多時間段來搜集素材和收集想法才能成型，是以今天先簡單告訴有需要的童鞋幾點學習注意的技巧和途徑。

「 需要學習基礎知識點 」

新手必打基礎

HTML4\HTML5

CSS2\CSS3

ES5（原生 js 基本文法）

JSON 資料結構

網絡請求、AJAX

學會用google，我不能說

中級進階必打基礎

ES6 文法糖

同步、異步思維

chrome devlop 控制台熟練調試

模拟請求工具、抓包分析等

vue、react、angular 熟悉

scss、less 等css編譯

學會用google，我不能說

中進階進階必學

前端自動化配置 webpack、gul 等

nodejs簡單開發

vue、react、angular挑其一熟練開發項目

前後分離思想 + Async、Await 思想認識應用+和後端撕逼如何高效開發

學會用google，我不能說

進階開發必學

學會高效率撕逼

學會高效率溝通 + 背鍋

學會如何避免長時間加班

想想除了業務開發之外的後路

「 通過什麼管道學 」

教育訓練班

網絡自學

線上教育

教育訓練班今天不說，我也寫過不少，自己翻一下之前的文。今天主要說自學

「 自學方式」

看文檔

看視訊

看書 、電子書

我總結的差不多就是普通人自學的方式，牛鼻天才無師自通可以無視，普通人最難熬的并不是技術多難，而且戰勝不了另一個自己。很多人半途而廢，是以我一般都會勸大家直接幹脆放棄IT，沒錯，我就是那個愛勸離的人。

因為你沒有很大興趣和決心，勸你别浪費錢和精力轉行程式員，你堅持不了多久的，如果很有興趣我一般勸他挑一個靠譜培的訓班，這樣成才的幾率大些，畢竟普通人實在是太懶、太三分熱血了。

新手入門： 我建議 你用 方式2 看視訊，跟着視訊學，視訊圖文并茂、繪聲繪影，邊看邊敲 進步很快，也容易了解，強烈建議 ，建議品質不錯的管道有：慕課、極客學院等，打基礎查字典去W3C。

中級者：建議你用 方式 3 多看書，電子書 買基本不錯的書，結合文檔和資料 學就行了，書還是比文檔有趣和好了解一些，而且挑到合适的書會事半功倍。

這裡給點建議：凡是 帶字眼 ： xxx技術 深入淺出、xxx技術從入門到精通、xxx寶典等這些字眼的書一般别抱希望，你是進去就出不來，或者你壓根就進不去，或者講的比皮毛還皮毛，比流水賬還流水賬，不但花錢還會誤導你，讓你放棄。不如直接來一本 xxx從入門到放棄

進階者： 直接官方文檔吧，比如 vue文檔是公認的好，清晰，學 vue 不要在問我要資料和途徑，官網文檔就是最好 最好的學習途徑+ google 就是利器，無需其他了。如果一個中進階開發者 要學新技術 連文檔還不會看，懶得讀，我勸你直接放棄本行業吧。說話有點毒，不過我真的勸你别浪費時間了。

「 最後聲明 」

本文提到的視訊網站，沒有任何商業利益，隻是單純的推薦給大家，如果x課、x客 官方人員看到想給我廣告費，我也可以考慮接受

某課 還總不定時邀請我去出有償講座視訊，由于太忙，拒了，其中品質把控個人認為在國内還是第一檔，比很多散戶講師品質好多了，是以如果看視訊首選那裡。

最後祝願大家，早日成才，早日年薪百萬，畢竟你們越盡快富有，我越可以得到更多的喜歡不是嗎？你們看到這裡你們還不懂嗎？還不趕緊動手？

熱門閱讀：

1. 空閑時間不要接私活，要提升自己！

2. 低學曆者已無法生存 程式員尤其明顯

轉自：https://blog.csdn.net/GsL9D1P04F6x2ts3C9/article/details/81008814