TML+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就業大禮包。

線上視頻、音頻，隨時學習觀看

關注我們并私信“資料”即可獲取。

在，超過10億人在使用移動智能電話，有人預測，這一數字在2015年也將會翻一倍。在這種愈發明顯的趨勢下，開發者面臨的挑戰就是怎么樣利用最合理的工作量和工作成本，在最短的時間內，解決面臨的問題。用戶使用HTML5 Builder，可以使用網絡標準，只需要單一的代碼基就可以同時構建web和移動應用，并通過桌面和移動web瀏覽器來交付應用。除此之外，使用者也是可以通過蘋果，安卓，黑莓等的移動應用商店來交付并可直接在設備上運行的原生應用。

在這種情況下，HTML5 Builder就是用戶web和移動開發者的力量倍增器，使得用戶能夠在更多的時間內，用更少的工作量就能夠部署到更多的平臺。

以下為HTML5 Builder 的特點

第一、 只需一次創建用戶應用，并將其部署到多個web和移動平臺即可;

為每個移動平臺和和規格創建應用，使用HTML5 Builder，用戶可使用單一的HTML5、CSS3、JavaScript和PHP代碼基開發使用者的應用一次，只需一次點擊就可部署到多個移動操作系統、設備和Web瀏覽器。

第二 、 使用單一可視化框架增進開發速度;

使用HTML5 Builder，用戶不必需要學習新的編程語言或撰寫代碼，也不用知道怎樣使用jQuery或移動JavaScript庫。HTML5 Builder內置了幾百個可重用、可拖拽的組件，用戶可按需使用或對其加以定制來幫助更快地構建應用。

第三 、 通過協作式的工作流，讓設計師與開發者能緊密協同工作;

現代以及動態的用戶體驗使得廣泛用戶的應用能與時下流行的CSS3樣式和動畫等形成集成。

第四、 創建企業或ISV web和移動應用;

無論是企業還是ISV，都可以使用HTML5 Builder創建從簡單到復雜的web和移動應用。

下面看看HTML5 Builder的新增特性又表現在哪些方面

第一、 直觀優化的用戶界面

流暢的開發者用戶界面；

強大的可視化應用開發；

幾百個可拖拽組件；

基于上下文的工作流。

第二、 通過可視化HTML5框架實現快速開發

可視化HTML5應用開發；

使用JavaScript編寫客戶端功能；

可選集成的服務器端PHP代碼；

HTML5可視化組件，包括畫布和多媒體。

第三、 高性能HTML5本地存儲

用于開發移動web應用和網站的API；

利用瀏覽器的存儲能力，取代對第三數據庫的依賴；

快速的網絡數據訪問性能，甚至即使在瀏覽器關閉后。

第四、 動態實時瀏覽

撰寫HTML和JS代碼或者使用現有的模板；

實時查看代碼修改，并可在進入生產環境前獲得用戶項目的實時預覽；

設計現有的用戶界面組件，并實時預覽。

第五、 強大的數據庫支持

完整支持主流數據庫管理系統；

連接到MySQL，InterBase，FireBird，DB2以及更多。