沿着一條鄉間小路，走着走着，分叉越來越多，選擇也越來越多，迷路成為了必然。
對于程式設計初學者來說，甚至“這條路”在哪都找不到。
今天，講解如何零基礎入門前端，學習前端，不再迷茫。
1.入門
有人說：隻要有恒心，鐵杵磨成針。這不對，學習重在興趣，而不在恒心。當你通宵達旦的玩遊戲，捧着自己喜愛的名著談天說地時，不是因為有恒心，而是因為興趣。隻有不感興趣的東西，才需要恒心的妥協。
是以請抛棄恒心，擁抱興趣。
一個好的啟蒙老師，不需要教會你任何本領，卻能培養你對一件事的興趣和良好的學習習慣。
對于廣大的前端學員來說，了解這個領域和培養學習興趣尤為重要，這意味着你能在前端這條路走多遠。
怎麼培養興趣？
- 成就感；
- 即學即用；
那麼，《Head First HTML與CSS》就成了最适合零基礎的前端學習書籍。
從書的封面就可以看出，這是一本“重視大腦的學習指南”，看完本書，你對什麼是HTML、CSS就有了大概的一個了解，并且可以編寫一些簡單的頁面了。
這本書有如下的幾個特點：
- 任務型教學，先釋出一個任務，再教你如何完成它；
- 插畫多，圖文結合，雖然有700多的頁數，但一小時翻50頁完全不是問題，你可以像看小說一樣，看它。
- 沒有難懂的專業名詞，一旦出現，就會花一整頁，甚至多頁來解釋它；
- 它能傳遞給你學習的方法，避免以後走彎路；
這本書是入門的絕佳讀物，但不是必須，你也可以跳過它，但村長認為還是讀讀它。
2.HTML&CSS
如果你看完了《Head First HTML與CSS》，其實你已經學會了這兩個前端的基礎知識。你隻需要豐富一下“詞彙量”，讓自己能做出任何的網頁就可以了。
什麼是HTML和CSS？
一個畫家要畫一隻烏龜，得先畫出輪廓，再完善細節，最後塗上顔色，HTML和CSS幹的也是這麼一件事。
因為HTML和CSS非常簡單，村長并不是很建議初學者看視訊，如果你覺得學習有困難，可直接看《Head Frist HTML與CSS》即可。簡單的事，不要花太長的時間。
豐富自己的詞彙量，最簡單快捷的方式，是直接閱讀W3Cschool的html和css文檔。
當然，你還需要了解一下他們的最新版本，html5和css3.
學完html和css，你就可以獨立制作任何的網頁了，沒錯！在本地寫個淘寶出來，完全不是問題。
如果你想鞏固下學習成果，可以拿個實戰項目，練習一下.
3.JavaScript
與html和css不同，JavaScript是門真正的程式設計語言，是以學起來難度就大。
什麼是JavaScript？
還是剛才畫家畫烏龜的那個例子，這個畫家人們都叫他“神筆馬良”，他畫了隻烏龜，并且給它塗上了顔色。
這時候，馬良将這隻烏龜“拉”了出來，成為了一隻真正的烏龜，它能走路，也能吃東西。
再舉個簡單的例子，有時候登入網站時，它會提示：
這個就是使用JavaScript寫的，html和css是不能動的，隻有JavaScript可以。
JavaScript作為一門程式設計語言，非常強大，它有很多事可以做，除了運用到前端領域，它還可以做遊戲、應用等等，用途很廣泛。
由于JavaScript有些難度，如果你習慣了學習html和css的方式，可以直
如果你喜歡看書，那麼推薦看《JavaScript進階程式設計》，這是一本對初學者很友好的書。
有些程式員會推薦《JavaScript權威指南》，俗稱犀牛書，村長并不推薦。因為它屬于中級讀物，對初學者不友好，但作為經典的JavaScript書籍，還是值得考慮的。
如果以上學習方式，你都不喜歡，或者太難了解JavaScript了，也可以觀看視訊學習。
當你将HTML、CSS、JavaScript（前端三駕馬車）學完後，那麼恭喜你，你已經完成了前端學習的課程。
理論上，你已經能勝任前端的工作了！
4.前端架構
實際上，如果你隻掌握了三駕馬車，那麼沒有公司會願意要你，因為實際上你的工作效率會極低。當然，僅僅是效率上的問題，而不是做不出來。
接下來，學習前端架構迫在眉睫。
什麼是前端架構？
如果隻會html、css和javascript，寫一個網站時，你需要一行代碼，一行代碼的寫，假如寫幾個簡單的頁面，自然不在話下。
可是如果讓你寫個像淘寶的網站呢？也許這個量是幾十萬行以上的代碼。
這時為了提高效率，你将别人已經寫好的淘寶，拿了過來，放在了自己的網站上，然後稍微修改下代碼，讓它看起來和老闆的預期一樣。
于是另外一個淘寶誕生了，你隻花了一點點時間就完成了它。
架構，大概就是這麼個意思。
架構可以說是一種工具，學起來很簡單，就像學習word、excel一樣簡單，架構是必學項。
架構有很多，我們推薦你學習Bootstrap。
這個架構好用，重要的是簡單，适合剛學完基礎課程的你。
當學習完Bootstrap後，恭喜你，你可以高效的完成工作，更加符合企業的用人需求了。
前端是一個随時間變化很大的職業，新架構的運用，也成了很多企業用人的硬性要求。
最具代表性的就是三劍客：React.js、Vue.js和Angular。
你不必完全掌握這三個，你可以先學會其中一個，後續根據工作需要，再掌握其餘兩個，甚至是不學習它們。
5.Git-管理工具
Git對前端寫程式沒有多大影響，但它同樣十分重要。
什麼是Git？
這個一個版本控制工具，可以很好的管理代碼，并且共享給其他同僚。
Git更像是技術界的excel、word，它隻是一個工具，友善管理你的代碼。一些稍成型的公司，都可能會使用它作為管理工具，
是以，你最好學會它。
5.後記
自此，你已經具備了一個前端工程師的基本素質。前端的學習過程，是一個由“難”逐漸“簡單”，再由“簡單”變“難”的過程。
前半段是入門的過程
後半段是成為大牛的過程
總之學前端隻有八個字：明确方向，興趣主導！
僅此而已。