一、前言
1.爲什麼要學前端開發？
我本來是想學java的，買了一堆java書籍，但怎麼變成了學前端，已經無從根究，我自己也是沒答案。不過既然已經走上了這條路，而且前端還算有趣，那就接着走下去吧。一個優秀的程序員不會只懂一門語言，因此，java什麼的，早晚會接觸到。也許，那不是java，而會是Haskell、Phython等任何編程語言。
前端面試題庫可以查看小程序
2.前端開發是做什麼的？
老實說，這問題我傾向於複製粘貼網上答案來應付了事。可想想逢年過節時，親朋好友們百分百會問到這個問題，我就說一下吧。
敷衍的A：“做網站，搞網頁開發的”。
偏科的B：“做UI設計的，做微信公衆號的”。
裝逼的C：“改變世界的”。
認真的D：“前端開發有許多方向，比如網站重構，UI設計，web應用開發，物聯前端，前端AR...(省略一千字)”。
兼容性最強的萬能答案：“寫代碼的，對，就是傳說中的程序員！坐辦公室用電腦的！”。
3.前端開發有錢途嗎？
當然有，做啥沒前途？乞討乞到極致，也能乞成千萬富翁。
一般來說，剛入門的新人，工資都高不到哪兒去，從1k到1w都有。注意，是剛入門，不是剛入行！管理層以下，絕大多數情況都是技術實力正比於薪資！
互聯網發達地區的薪資水平會高一截，如北京上海深圳廣州杭州，互聯網公司會比其他行業公司的薪資水平高一截。同等能力下，牛逼的小公司比大公司的薪資要高一點。
4.我該怎麼學前端？
這是個很大的問題。從學習方式來說，有自學與培訓。從學習方法來講，那真是沒法數，每個人都有屬於自己的合適的自己的方法，有的人覺得看看視頻就能學會，有的是覺得光看書就完全get技能了，還有的人覺得在羣裏多和大佬們聊聊吹吹水就可以掌握想要的知識。
做夢吧。
前端有三大基礎JavaScript、CSS、HTML。光HTML就不是上述方法能掌握的，更遑論JavaScript？JavaScript是門直譯型的語言，是面向對象的。對象是啥，一隻喵星人一個手機一個你就是一個對象。當然，JavaScript裏的對象是代碼組成的，而在JavaScript裏，幾乎一切都是對象。
但凡是對象，那肯定是複雜的。你複雜嗎？爲什麼複雜？對象的複雜性，很大程度取決於它自身與其依賴的周圍環境。人在陸地上可以活得好好的，扔進水裏，能活幾分鐘？水陸環境的不同，增加了人的複雜些。換成你手機也一樣，把它丟進火裏或水裏試試。
這跟JavaScript有什麼關係？
沒關係。
纔怪。JavaScript是腳本語言，是條寄生蟲，不寄生在宿主身上就沒生命力的東西。它的宿主是什麼？瀏覽器 or Node。
本質上，瀏覽器和Node都給JavaScript提供了運行時的環境，所以，這個東西，纔是JavaScript的幕後老闆。我們稱之爲JavaScript Interpreter，當然，不止這麼一種叫法，還有什麼Redering Engine等等，總之，它們都可以將JavaScript代碼翻譯成機器碼，供計算機認識與使用。
沒有靈魂的人，跟死人沒什麼兩樣。
JavaScript被翻譯成機器碼後，就有了靈魂，活過來了。
你看，JavaScript其實也是個對象。這麼複雜的東西，光看書看視頻聽人說，能真正懂它嗎？不能。這些行爲最多幫我們知道它，瞭解它的知識體系與底層原理，順便拓展一下眼界。要真正懂它，得不斷地去使用它，以各種方式去使用它。
就像你跟一個姑娘談戀愛，光看照片看她日誌有什麼用，你要牽她的手，親吻她，擁抱她，愛她，跟她交流，做各種羞羞的事，纔會真正懂她。不是麼？
JavaScript尚且如此，包含它的整個前端還用說嗎？
Just do it！
5.從哪裏開始前端的第一步？
廢話了一堆，來點乾貨。首先，回答問題前，我們來趟時空旅行。
1993年，超文本標記語言HTML（Hyper Text Markup Language）第一版面世，它只支持超鏈接的純文本html文檔。純到什麼地步？純文本！超鏈接！沒了。
純文本是什麼概念？在你的電腦桌面新建一個txt文檔，在裏面寫上
hello world
保存文檔爲html類型。然後雙擊打開它，你就可以在瀏覽器裏看到hello world了！
這就是純文本html文檔，純的不能再純的一個網頁。
超鏈接呢？以記事本方式打開剛纔的文檔，把hello world替換成
<a href="http://www.baidu.com">hello world</a>
保存。雙擊打開這文檔，你會在瀏覽器裏看到帶下劃線的hello world，點擊它，如果你能上網，那麼毫無疑問，它會跳轉到百度的首頁。這麼一個簡單的文檔，居然可以鏈接到百度，神奇嗎？這就是超鏈接。鏈接互聯網上的所有。
時間往前走。
1994年，層疊樣式表CSS（Cascading Style Sheets）問世，這時它還沒成爲標準，直到1996纔有第一版標準。CSS做了什麼？回答這個問題得先知道HTML幹了什麼。HTML定義了文檔的類型與內容。CSS，則決定了這些內容該如何展現。如果把HTML文檔比喻成一幅紙畫，那麼CSS就是造物主的神力，它可以讓紙畫上的貓咪隱身，也可以讓紙畫上的鮮花變換顏色，甚至能讓裏面的小鳥飛出來，讓高山變成平地，讓滄海變成桑田。夢幻吧。
打開剛纔的文檔，把內容替換成
<a href="http://www.baidu.com" style="color: red">hello world</a>
保存。雙擊打開它，你會在瀏覽器裏看到紅色的hello world。這裏，style引入了CSS樣式，color給這些文字打開了顏色的大門，red，涌入了進來，把它們染成了紅色。
1996年，JavaScript第一版誕生。只有HTML與CSS的世界太單調，鳥會飛，卻無法互相交流，貓咪看不到老鼠，老鼠也看不到貓，它們過着孤獨的生活。這樣的世界不真實，於是，JavaScript來了。JavaScript賦予了這些生命思考、感知與交流的能力，從此這世界變得無比精彩，無數文明誕生與消亡，演繹宇宙洪荒。
再次打開我們的文檔，把內容替換成
<a href="http://www.baidu.com" style="color: red">hello world</a>
<script>
alert('ni hao');
</script>
保存。雙擊打開它，你會在瀏覽器裏看到一個彈出的提示框，上面寫着，ni hao。這裏，script引入了JavaScript代碼，alert表示彈出一個提示框，括號裏的是提示的內容。沒錯，人類，你被瀏覽器發現了！它在向你打招呼！