前端其實入門非常簡單，裝一個chrome瀏覽器，隨便打開一個網頁，鼠標右鍵->檢查就能調出瀏覽器調試工具，你選擇console面板，對著書就能敲代碼直接運行了，切到elements面板還能看html和css，前端三駕馬車輕而易舉的就能給你完個遍了，是不是很簡單。

我當你是零基礎開始來給你幾個步驟吧

1、看書，學習基礎知識，如上面說的，書中的代碼斷都可以在chrome開發工具中運行，這個不難吧，建議先看javascript高級程序設計，一定要看懂，搞明白幾個關鍵點：作用域鏈、原型鏈、事件、DOM，掌握了這幾點你應該能寫一個簡單的html，里面放幾個簡單的元素，再加點點擊事件了吧。

2、學習一個目前流行的框架，建議從Vue入手，上手快，文檔全，在學習這塊知識的時候，邊寫demo的時候別忘記了練習css和es6，這是個很好的切入點。

3、我覺得上面步驟完成了，你可以進入前端開發了，如果不行你就重復上面的1、2步驟，直到有人愿意讓你進項目，進入項目后需要學習的就多了，各種腳手架，技術棧、工程化、性能調優、代碼質量等等夠你學習了，隨著你學習的深入和知識面的擴展你就成為大牛了。

好了附圖是JavaScript圣經，有時間可以都看看，還有多逛逛論壇和github上比較流程的前端框架或者腳手架，學習他們的思路和方向。