HTML+CSS+JS是前端基礎核心知識，肯定是都要學的。在web前端中，HTML是結構標準，CSS是樣式標準，JS是行為標準，三者缺一不可。說的直白點，HTML就是骨架，CSS就是皮膚，JS就是靈魂。
雖說三者的重要性很難分出高下，但在不同的領域裡三者有不同的側重，比如側重結構佈局時，HTML獨佔優勢，側重樣式表現時CSS功能強大，側重邏輯與交互時，便離不開JavaScript。這麼說，可能新手還是一臉懵逼，那我到底應該先學哪個再學哪個最後學哪個呢，還是說三者同時進行？三者之間有沒有關聯？ 哪種是需要著重側重的，或者是三點都要進行側重？在學習的時間安排又應該如何掌握？
用戶通過在瀏覽器輸入HTML頁面網址，使瀏覽器向服務器發出請求，服務器收到請求後返回相應的HTML文件，這就是HTML頁面加載和解析過程。我們先用一個例子來理解一下：
從上圖看出，這三者是可以同時搭配使用的。首先HTML是基礎，也相對簡單，小白很容易入門，但一般需要配合CSS和JavaScript來使用，否則展示效果和交互體驗都不夠好；CSS一般是不能脫離HTML的，因為它的作用就是給HTML元素設置展示樣式；JavaScript是可以脫離HTML和CSS獨立出來的，並且可以操作HTML和CSS。
很多新手小白最拿不準的是web前端的核心是CSS還是JavaScript。
CSS作為負責調樣式的初級前端，則CSS的應用佔比大過於JS，這其中有很多的技術。比如：遊戲動畫效果，CSS3中新增的Canvas、SVG和WebGL，如果你能把CSS學精學透還能深入研究瀏覽器的實現原理，其實是很了不起的事，並不是像很多人說的那樣CSS就是調調顏色和寬高，不屬於核心技能；
JavaScript是一種計算機腳本語言，通過嵌入在HTML文檔中來實現控制網頁的效果。使用JavaScript可以通過實現網頁和用戶之間的交互來提高用戶體驗。ES6更是把JavaScript帶到了一個更大的舞臺，使得前端也能像後端那樣開發複雜的程序，大大提高了前端開發工程師的生產力。如果要進階高級前端工程師，JavaScript是你需要花大量時間研究學習的。另外對於入門者和初級前端開發，深入的學習一種或幾種JS框架技術也是大勢所趨，比如React, Vue等。
鑑於我所在的是IT教育行業，以我的經驗給想入門的小白們一個參考的學習線路和時間安排如下：
HTML-3天左右（重點掌握超鏈接、列表、表單）；
CSS -10天左右（重點掌握選擇器、背景、繼承、優先級、盒子模型）；
JavaScript基礎 -12天左右（重點掌握函數、數組、對象、DOM、BOM）；
以上是入門必備，當然只會這些你還無法勝任Web工程師的工作，還需要學習Web高級進階，MySql數據庫，Node.js，Webpack模塊加載器和打包工具，MVVM架構，React等等。
為感謝您對我們的認可，特意準備了一些IT入門和進階的乾貨
包括：Java、UI設計、H5前端、Python+人工智能、軟件測試和新媒體運營六大學科視頻資料。以及IT就業大禮包。
線上視頻、音頻，隨時學習觀看
關注我們並私信“資料”即可獲取。
閱讀更多 源碼時代 的文章
