前端學習建議彙總（留着本身看的心靈雞湯）

時間 2020-06-01

標籤前端學習建議彙總留着本身看的心靈雞湯简体版

原文原文鏈接

第一階段的學習：html+css+javascript入門

我知道不少人前端入門都是w3school和菜鳥教程上學習，我我的是不推薦的。上面的知識點太多，平時工做中跟本用不到。若是你在w3School上從頭開始看知識點，你只會邊看邊忘，效率過低了。記住不要去作死記硬背的工做，用的多了天然就記住了，實在記不住的還有度娘。（入門學習者最愛犯的錯誤就是糾結，總糾結本身今天學習的某個標籤、某個css語法沒有記住。我只想說這不是高中考試，還要默寫。大概瞭解就能夠，等之後項目作多了，複製黏貼的次數多了，也就記住了）javascript

2、html5+css3+javascript高級

過了第一關新手村，有點難度的東西來了，而且這塊知識點也是面試問的最多的。（入門學者最愛犯的錯誤就是在學習框架以後，就把這塊給扔掉。必定要記住，這塊知識點纔是初級前端面試的重點。也是一面必考的知識點）php

這一趴，我不推薦看文章學習。由於知識點稍微有點複雜，看文字的學習效率沒有看視頻高，慕課網上有不少視頻，講解也很透徹，會比看文字學習效率高不少。固然網上也有不少免費的視頻課程（好比B站），不過不少都是過期了的，或者不夠系統的。你們選擇教學視頻的時候注意避開已通過時的東西，與時俱進。css

3、es6+sass

這塊的內容屬於擴展的內容，es6是JavaScript的擴展，sass是css的擴展。對於入門學者來講可能會以爲這塊內容比較陌生，看上去高大上很難學的樣子，其實它比第二趴的內容簡單多了。（前端學習者最愛犯的錯誤就是把這塊想的過於高深）html

es6如今仍是用的比較廣泛的，隨着瀏覽器的兼容性愈來愈高，公司的項目大部分都是用es6的語法，若是徹底不瞭解，看前輩的代碼可能比較吃力。es6沒有想象的複雜，都是一些語法糖，平時工做中用到的也就是promise、module、async等一些功能，沒必要過於糾結，瞭解便可。前端

4、vue+VueRouter+vuex+axios

說了這麼多，你們最關心的前端框架來了。如今比較火的mvvm框架vue和react。我比較推薦vue。入手快、學習成本低、資料全、全部的坑前輩都幫踩了，公司的使用率也很高，學完不愁找不到工做。vue

至此，你算已是跨入前端這個行業了。但不幸的告訴你這纔是萬里長征的第一步。想升職、想加薪、想成爲大牛，你要學的知識還有太多。html5

擴展

webpack + git+nodejava

webpack、git、node屬於高級的前端的知識點了，也是前端的分水嶺。學習除了深度咱們也須要廣度。node

開發工具---vscodepython

工欲善其事，必先利其器。想要優雅且高效的編寫代碼，必須熟練使用一款前端開發工具，我我的首推vscode。

閱讀英文文檔
這讓我以前想起知乎上Vue.js 做者尤雨溪說過的一句話，其大意是:
我爲何要浪費跟家人相處的時間來教你學英文?

現在大部分優秀開發的資源都是以英文的形式展示到網絡上的。
固然不排除有些國內的熱心人會把他們翻譯成中文，再託管到相關網站上，可是，這畢竟是少數。並且中文文檔每每會跟不上國外官網的腳步。
這也致使了，若是你用着新版本的框架，而看着舊版本文檔寫代碼的話可能會引入一些新版本里面已經拋棄了的寫法，進而你的項目可能會出現一些詭異的行爲。並且這類bug每每最難發現。

前端程序員應該往全棧方向發展嗎？仍是堅守前端？

技術只是實現自身價值和獲取幸福生活的工具，千萬不要執念於某種技術，不然，當技術革新時代改變的時候，它都懶得和你說一聲再見。

我這麼說，並非要你們三心二意很差好研究前端技術，更不是說就該往全棧發展，而是想說，要根據當前工做和業界須要來鑽研技術。

首先你是一我的，而後你纔是一個程序員，最後你纔是一個前端。

我見過厲害的前端，歷來都不只僅會前端技術。所謂大前端，就是這個意思。

如今不少前端名爲前端，實際上已是後端或者產品負責人了。

起於前端，但不止於前端。

摘抄一個多年經驗的前端老鳥獨白（不表明本人意見，你們自行理解）

做爲一個多年經驗的前端老鳥我有話要說，我曾經想轉後端可是一直沒轉成，至少爲何轉，由於前端在一家公司地位有瓶頸，一個幾年的java能夠當項目經理，而你5年+的前端經驗也當不了，並且前端變化確實有點快，之前積累的各版本IE兼容技術白積累了，後來又學了移動端h5，誰知如今又得會小程序、es新版語法、vue、react，還得gulp webpack node.js什麼的，其實好的前端還遠遠不止這些，seo,性能優化，photoshop什麼的其實也算必選項。

因此有段時間想轉後臺，可是轉後臺特麼的實在反感java .net這些動不動就得安裝幾個G工具的語言，python最近火可是大多用在人工智能這塊，其實挺喜歡golang簡潔性的，有點像腳本語言，可是工做機會太少語言也是特立獨行，後來想一想對咱們前端來講，最友好的不就是PHP嗎？node.js會了差很少php就會了，後端這塊PHP市場其實體量還有挺大的，因此就認真學了幾天PHP，其實也沒學什麼，語法都差很少，就是學了一個簡單的框架thinphp和環境搭建調試工具，由於都是腳本語言，工具能夠通用，我就用vscode開發前端和php、node.js,再裝個Navicat MySQL和wampserver就能夠了。由於我是常常接外包且作本身項目的人，考慮這些仍是以爲所有後端用php來搞，如今我以爲挺爽的，除了大型項目所有本身一人搞定，價格隨便開，本身運做了3個網站，兩個小程序(淘客的)，全均可以帶了被動收入。還另外接有利潤的項目作，我如今就是前端工具鏈仍是用node.js,後端用的PHP,別根本我扯什麼PHP垃圾，能賺到錢就是王道。