第一階段的學習：html+css+javascript入門 我知道很多人前端入門都是w3school和菜鳥教程上學習，我個人是不推薦的。上面的知識點太多，平時工作中跟本用不到。如果你在w3School上從頭開始看知識點，你只會邊看邊忘，效率太低了。記住不要去做死記硬背的工作，用的多了自然就記住了，實 ...
第一階段的學習：html+css+javascript入門
我知道很多人前端入門都是w3school和菜鳥教程上學習，我個人是不推薦的。上面的知識點太多，平時工作中跟本用不到。如果你在w3School上從頭開始看知識點，你只會邊看邊忘，效率太低了。記住不要去做死記硬背的工作，用的多了自然就記住了，實在記不住的還有度娘。（入門學習者最愛犯的錯誤就是糾結，總糾結自己今天學習的某個標簽、某個css語法沒有記住。我只想說這不是高中考試，還要默寫。大概瞭解就可以，等以後項目做多了，複製黏貼的次數多了，也就記住了）
二、html5+css3+javascript高級
過了第一關新手村，有點難度的東西來了，並且這塊知識點也是面試問的最多的。（入門學者最愛犯的錯誤就是在學習框架之後，就把這塊給扔掉。一定要記住，這塊知識點才是初級前端面試的重點。也是一面必考的知識點）
這一趴，我不推薦看文章學習。因為知識點稍微有點複雜，看文字的學習效率沒有看視頻高，慕課網上有很多視頻，講解也很透徹，會比看文字學習效率高很多。當然網上也有很多免費的視頻課程（比如B站），不過很多都是過時了的，或者不夠系統的。大家選擇教學視頻的時候註意避開已經過時的東西，與時俱進。
三、es6+sass
這塊的內容屬於擴展的內容，es6是JavaScript的擴展，sass是css的擴展。對於入門學者來說可能會覺得這塊內容比較陌生，看上去高大上很難學的樣子，其實它比第二趴的內容簡單多了。（前端學習者最愛犯的錯誤就是把這塊想的過於高深）
es6現在還是用的比較普遍的，隨著瀏覽器的相容性越來越高，公司的項目大部分都是用es6的語法，如果完全不瞭解，看前輩的代碼可能比較吃力。es6沒有想象的複雜，都是一些語法糖，平時工作中用到的也就是promise、module、async等一些功能，不必過於糾結，瞭解即可。
四、vue+VueRouter+vuex+axios
說了這麼多，大家最關心的前端框架來了。現在比較火的mvvm框架vue和react。我比較推薦vue。入手快、學習成本低、資料全、所有的坑前輩都幫踩了，公司的使用率也很高，學完不愁找不到工作。
至此，你算已經是跨入前端這個行業了。但不幸的告訴你這才是萬里長征的第一步。想升職、想加薪、想成為大牛，你要學的知識還有太多。
擴展
webpack + git+node
webpack、git、node屬於高級的前端的知識點了，也是前端的分水嶺。學習除了深度我們也需要廣度。
開發工具---vscode
工欲善其事，必先利其器。想要優雅且高效的編寫代碼，必須熟練使用一款前端開發工具，我個人首推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垃圾，能賺到錢就是王道。
前端學著學著，學不動了怎麼辦？
個人經驗 不要學太多細枝末節的東西。
例如，學一堆庫或框架 Vue、React、Angular、JQuery、easyui....
像這樣學，永無止境，是個人都會覺得累，最重要的是，對於你技術的積累沒啥用，換個框架，原來的知識就排不上用場了。
比如你公司用的是 Vue，就深入學習 Vue，可以學習源碼，可以寫組件，看你喜歡。
React、Angular這兩個做個 demo 瞭解一下就差不多了，畢竟原理都是相通的，等你公司要上這兩個再深入學習。
前端工程師一般都去哪些網站逛？
Google：https://google.com 這個不用多說了吧，查資料，有問題，Google 一下。當然，能訪問的人自然會用，訪問不了的人，可以用必應或者百度吧。 GitHub — 開發者最最最重要的網站：https://github.com 這個不用多說了吧，代碼托管網站，上面有很多資源，想要什麼輪子，上去搜就好了。並且呢，上面有很多優秀的程式員，你可以在這裡交到很多好朋友喔。 Stack Overflow — 解決 bug 的社區：https://stackoverflow.com/ 開發過程中遇到什麼 bug，上去搜一下，只要搜索的方式對，百分之 99 的問題都能搜到答案。在這裡能夠與很多有經驗的開發者交流，如果你是有經驗的開發者，還可以來這兒幫助別人解決問題，提升個人影響力。 掘金 — 幫助開發者成長的技術社區：https://juejin.im 現在國內優質的開發者交流學習社區，可以去看大佬們寫的文章，也可以自己分享學習心的，與更多開發者交流。認識更多的小伙伴兒，提升個人影響力。參考鏈接：https://www.zhihu.com/question/314536318/answer/639414720
參考鏈接：https://zhuanlan.zhihu.com/p/81248091
參考鏈接：https://www.zhihu.com/question/333368965/answer/769730973
參考鏈接：https://www.zhihu.com/question/28478379/answer/752365115
參考鏈接：https://zhuanlan.zhihu.com/p/57509764
