關于這個問題，太多人在問了。我這幾年一直都在從事web前端應用方面的培訓普及工作，期間還公開出版過幾本書，現提兩點看法供參考。

第一，前端應用涉及的知識點太多，一定要首先找個靠譜的書籍或者教程（不要太厚、太長的）先對前端有個整體的認識，千萬不要一頭扎進某個方面學個一年半載。這樣的做法，你所看到的將始終是眼前的這一小部分的“點”，而看不到“面”！而且，單純的學習某一方面知識，很容易讓人產生倦怠感，學著學著可能就要放棄了！

比如，在你對前端知識體系毫無了解的情況下，先來系統學習html的數十個甚至上百個標簽，你能體會到每個標簽在前端項目中的真正用途嗎？你最多只是會用這些標簽而已，卻無法拓展自己的思路，更不可能對這些標簽將來的用途有著深刻的理解。假如，你先有了一部分“面”上的知識，也簡單知道了html、css和javascript在前端項目中是如何各司其職的，并對它們的用法有了初步的了解，那么，在重新學習html標簽時，你可能就會思考：這個標簽的樣式該怎么設置？如何給這個標簽添加一些事件以便讓它觸發某種操作行為？這樣的學習就不再是一個個孤立的知識點了，而是把它們都融合起來了，學習過程也會變的更加有趣！

這種學習方法，正是本人一直倡導的“由面到點”，然后再“由點到面”。因此，我的建議是：在有了一種總體性（“面”）的概念認知之后，你才會知道其中每個具體的“點”將用到哪里，這個“點”究竟是應該淺嘗輒止還是要繼續追本溯源。只有這樣，才不會把時間浪費在很多瑣碎的、有些甚至永遠都用不到的知識點中，也才能以最具效率的方式幫助自己確定最終需要努力的方向。當以這樣的方式學習時，你眼中的CSS和JavaScript可能都不再是獨立的語言，也許只是頁面中普通的<style></style>、<script></script>標簽元素而已，這樣才能真正的做到融會貫通！

第二，前端應用是離不開html、css和javascript三大基礎的。在有了“面”上的初步知識之后，其實就可以找個前端框架先來練手一個小項目了。在練手的過程中，碰到沒有用到的html標簽屬性、css樣式設置方法或者不懂的js語法規則時再來找對應的基礎知識學。這種“邊干邊學”的方式是最有效的，千萬不要拿一整塊的時間來系統學習某一方面的基礎知識，否則你又將大概率的陷入到“從入門到放棄”的惡性循環中。

為什么要強調使用前端框架呢？這是因為，它可以讓初學者暫時擺脫漫長且繁雜的學習過程，快速看到開發成果，從而增強繼續學習的信心。待有了一定的感性認知與經驗積累之后，回頭再去看html、css和javascript三大基礎，相信你一定會不時發出這樣的感慨：原來是這樣啊！這種“茅塞頓開”的感覺真的讓人很爽！！！

請注意，我這里強調的是“邊干邊學”，并不是蠻干。如果你只干不學，那是干不下去的，你也會被碰的頭破血流的。前端框架永遠只是框架，它不是萬能的，內部的處理邏輯還需要你自己來寫！

當然，新手在初始入門學習時，如果能有人帶著是最好不過了。我在頭條上已經開辟了《網站開發全攻略》系列專欄：從前端的頁面開發，到后端的數據交互；從PC端到移動端；從基礎知識講解到完整的訂單系統實例，全包含！預計總章節數在1500課左右，建議新手可以先從其中的第1個專欄學起，學習過程中碰到任何問題都可隨時留言交流。

悟空，這事給你指條明路，向西南方向，四川省南充、蓬安、岳池交界的金城山鳳凰谷，有一山嶺名為盤絲嶺，嶺上有一盤絲洞，找盤絲大仙，就說至尊寶介紹你去的，自有盤絲大仙教你，快去吧，一路山高水長，千萬珍重。

在網上如百度云購買域名和主機，然后備案，備案大概需要1個月時間

策劃你的網站，確定你的網站內容，風格，類型等

著手編寫網站框架，包括前端和后端，構成網站整體內容。后端方便網站內容的更改與添加

進行網站測試（網站整體編輯完以后，開始測試鏈接是否正確。是否存在bug，做整體調試）

通過ftp工具上傳網頁到域名空間，將編寫的網站內容文件上傳到之前所備案的域名虛機中，實現網上查詢

最后就是網站優化，這也是最關鍵的內容，網站是編寫好了，也上線了，但是需要讓人們知道，這就相當于宣傳你的網站。時間很久，需要堅持做優化