web前端學習路線圖

時間 2019-11-30

標籤 web 前端學習路線圖欄目 HTML 简体版

原文原文鏈接

本文屬於職業解惑系列，讀完此文要麼生，要麼死。要麼充滿鬥志，要麼頹廢放棄。css

沒錯，此文的觀點可讓你極端，但極端的選擇，徹底取決於你我的！html

付出就有回報，作好如今，技術只是爲了改變生活！前端

好的，我x裝完了，情懷也寫好了，那麼咱們進入【相守】的話題。vue

因爲前兩篇【前端開發】文章，獲得很多贊同和轉發，應該也幫助了很多剛入門感興趣的童鞋更好的入坑。
更很多人留言說「根據你的文章羅列的書單都買了」（看來這類小夥子小姑娘求知慾是真的很強，潛力很大）。java

固然大牛或者老鳥是不屑一顧的，由於我推薦的書和乾貨，都是每一個前端人必經之路，都是被看爛的東西，但新人不刻意去搜或者收集，他們是很難入門而且有興趣的一路走下來的，你可能會告訴他們：
去看w3cschool 就好啦、犀牛書買一本慢慢啃就好啦、寫幾個例子熟悉一下不就行啦，看一些 API 跟着作就行啦多簡單。。。這些之類的話。jquery

但我想說你這是害人吶，你不地道啊！你如今瞭解前端了，經驗足，逼格高了，跨過了一道道坎，以爲沒啥，但想一想本身是新人入門時候的苦楚吧。程序員

我在這裏仍是但願你們：CSS就看視頻教程或者w3cschool 一遍一遍的敲，不要偷懶；而後參照一些網站佈局，徹底模擬一個出來，成就感瞬間提高，會督促你進步。web

JS 先根據《JavaScript DOM編程藝術》這本書上的例子敲一遍，沒錯一行一行的敲，你天然會成就感爆棚，興趣大增，那麼你就會堅持下來，有了興趣入了門，後面就不是事兒了。編程

重點：後端

今天身爲過來人，我來一一給你們分析下：針對不一樣背景、不一樣身份的人，該如何學習和進階 web前端

我相信有很多人有這樣的困惑，也是不少人問的最多的問題之一。「那麼我先介紹這2種典型的背景」

「培訓機構出來的，剛入職」

特色：目的性強、已經入門，但缺乏實戰經驗，語言邏輯基礎略差。

一般培訓機構出來的同窗呢，大部分基礎都有了解和入門了，好比html、css、js經常使用屬性和一些經常使用工具、編輯器的使用等等。至於他們培訓的課程內容和流程，由於我不是培訓出來的，也涉及到部分人的利益（但我看過），我就很少作評價和吐槽了，俗話說：師傅領進門，修行在我的。各行各業不變的真理，在IT 行業尤爲適用。

培訓機構做用：有學習氣氛、能夠系統的教你入門和了解（僅僅是瞭解信我），能夠學到解決問題的思路方案。-- 適合自制力略差，和快速入門，快速參加工做掙錢的人
培訓機構弊端：學費貴，成本高，並無企業實戰項目經驗，就像華山練劍，只練招數，並沒有實戰。頗有可能入職以後不堪一擊。這也是如今好多人反應培訓完根本找不到工做，或者看不到前景。

解決方法：運氣夠好，只須要找家相對靠譜點的公司，主動多承擔任務，多作事，別怕吃苦，作有工做量的活（好比頁面仔、切圖、優化兼容，jquery效果實現。一些高級技巧和方案，如今你確定接觸不到）多幹點，加加班。我知道你確定很反感加班，但你這個階段是人畜無害的階段啊，沒啥可失去的，如今不忍着加班作點東西，難道之後混不下去了在加班？

再有，必定要謙虛求教比你厲害的，哪怕比你厲害一點點，就不要裝逼，能學一點都是本身的，遲早超過他。學一些構建工具使用和技巧，碰到突發狀況團隊的解決方案和思路，這都是經驗增加必須歷練的。

至於你語言邏輯基礎差的問題，經過不停的作項目和實戰，若是你好學，而且勤奮，這都不是問題，頁面JS方面無非是操做dom，循環遍歷，請求數據而後想辦法顯示出來這些居多，其餘複雜的技術和流程，我想你確定是不讓你接觸，並且你也理解不了（天賦異稟的除外），你多gogole 和練習基本都沒什麼問題。

增加經驗的方法不外乎多看，多想，多練，因此你如今缺的就是經驗和練習。相信我：付出絕對有回報，只要你用心，別懶別抱怨！

「從後端開發轉入前端開發」

特色：有語言基礎、解決問題能力強，但一般美感藝術感較差。

有人說我裝逼，前端開發也是碼農，要什麼美感、藝術感？這個問題在這裏我就不和你剛了，後面我會好好給你分析打你的臉！

web前端轉行過來的，這部分不少，並且近兩年很多後端好比 java開發，都體會到前端的重要性和趣味性，其實更多的是以爲特別有意思，有前途（咱們java後端，天天都會跑我這來講幾句：tmd，前端真有意思，我越看越有意思，我扭過來我帥帥的臉說：去給我倒杯水）。

咱們java架構師，總給我說他就css不行，煩佈局，沒美感（但他js確定沒問題，jquery、AngularJS、requirejs、vue什麼的，玩的也是666的），這也是大部分後端人員轉前端很差跨過去的坎。

究其緣由，由於後端攻城獅們，一開始就是標準的程序員思惟，邏輯性強，解決問題能力突出，天然研究和學新東西不在話下，但也太過理性，邏輯性長期佔據大腦
左腦，具備語言、概念、數字、分析、邏輯推理等功能；
右腦，具備音樂、繪畫、空間幾何、想像、綜合等功能；

因此不是超人，通常只是一半腦子比另外一半更優異或者更發達（這裏大神，天賦異稟的人除外），CSS 和佈局設計能力更多的是和UI、空間、想象有關係，更注重創造性和想象力，因此通常嚴謹的程序員會稍微欠缺甚至反感一個px 一個rem 的來構造畫面。

這也偏偏說明，咱們web前端工種是多麼偉大、高尚，而事無鉅細的一類職業，你不光要編碼，還要有靈性來感性，讓本身更像一個藝術家同樣，更多的是創造，而不是重複！這也讓更多的人，尤爲女性喜歡入這個坑，通常妹子天生就是感性的，愛漂亮的額。

解決方法：

前端很龐雜，有不少學科和體系，你能夠專攻 JS、框架功能，甚至能夠達到被說爛的先後通吃。這個對你並不很難，由於只不過是換了一種語言層面。
訓練本身，讓本身不在抵觸具備創造力的東西，優秀的程序員其實都應該具備和喜好創造力，不管後端代碼架構，仍是前端效果展現。你能夠費勁心思讓本身的java代碼那麼有創造力，優化的那麼人性化。請問你爲何不願花一些時間，讓本身愛上讓人笑醒的 CSS 呢？她是多麼儒雅而簡約，所見即所得，至於怎麼練習css，我就很少舌了吧，我本身都說煩了呢（嘿嘿！喝口茶）
本身解決不了，或者不夠完美的效果，你要舍着臉去問web前端妹子（單身狗，搭訕好機會，你不用，怪不得每天吃狗糧！），通常他們很樂意解決佈局問題，這對她們來講就像在作繡花鞋，不亦樂乎。而你解決這個知識點以後，之後基本都是通用的，對誰都有好處。

上邊2種狀況是大多數和典型的背景狀況，因此囉嗦的有些多（其實還沒囉嗦完）。

還有剩下的幾種狀況，我先羅列出來，簡要建議，後面補上

將要畢業的學生，要不要參加培訓

個人回答：看狀況，若是你很喜歡，而且本身學的專業很差找喜歡的工做，而你自制力又不太好，通常自學堅持是最難的，也沒系統的流程（很難），那麼你就能夠在努力一把，去吧，不是我說的，是你真的沒選擇。

據說前端入門簡單也能掙錢，想學習的人

若是你關注我，你會知道我一直強調【興趣】的重要性，web前端屬於知易行難（知道入門容易，但作起來，而且作好、作深是很難）的職業。
因此也就造了這樣的錯覺，覺得前端簡單，入門快，易上手，工資好拿錢好賺，其實否則，前期找個web工做是不難，但你若是基礎不紮實，起點心態不對，你很難成長和深刻，也就不會拿到所謂的高薪，就別提掙錢了。IT 行業確定是靠一步步積累的，若是一開始就是爲掙快錢來的，中間又不思進取的話，遲早要離開的也很多。