HTML、CSS、JavaScript三者有何區別及學習建議

HTML、CSS、JavaScript是前端學習很是重要的內容，做爲前端工程師，創建網站，設計網頁須要有必定的審美能力，也須要必定的編程技術。總之，技術性愈來愈強。做爲學習者，筆者並不建議速成，仍是應該踏踏實實打好基礎。學習前端這三大塊內容，能夠先從HTML入手，其次是CSS，在打好這兩部分的基礎上，進一步學習JavaScript。
WEB能夠被看作是一個有生命的物體或人體，HTML能夠視爲骨骼和肌肉，CSS能夠視爲皮膚和毛髮，而JavaScript能夠視爲受必定支配的行爲。這樣比喻不必定徹底恰當，但能夠幫咱們更好的理解這三者之間的關係。
先從HTML提及：
做爲網頁內容的載體，HTML包含了用戶須要瀏覽的內容，包括圖文、視頻，即構成網頁的基本元素。HTML是網頁的結構（Structure），須要有多種框架和佈局，好比frameset框架集、iframe內聯框架、div+css佈局、table佈局等，同時支持表單提交（HTML Form），包括基礎表單、input輸入框、輸入框類型、文本域、列表、label等。當前，你們通用的是HTML5，其中還有一些新增元素，好比footer、header等，總之，HTML的功能愈來愈強大，做爲初學者仍是要把握主幹，有重點地去學習。
其次是CSS：
CSS的做用是效果，或者說是表現（Presentation），好比網頁上的動態文字、文字的色彩、字體、動畫效果。正是由於CSS的存在使得HTML變得豐富多樣。學習CSS，能夠從版本CSS3開始，要了解CSS3的動畫效果，如2D變換、過渡、特殊圖形的繪製，雪碧圖、滑動門等等都是常見的效果；除此以外，CSS3還有媒體查詢（Media Queries）、grid，以及多列布局、用戶界面等。CSS部分須要配合HTML，並結合實例來加以學習，這樣效果會跟好。
最後要說一說JavaScript：
若是說一個網頁只有「結構」和「表現」，而缺乏了用戶與網頁的交互，即行爲（Behavior），那麼這樣的網頁就如一潭死水，沒法造成良好的用戶體驗。好的用戶體驗不只可讓用戶鼠標放在哪裏、哪裏就會產生人性化的效果，並且能夠加強用戶的可操做性，例如購物網站用戶的訂購，網頁會實時顯示用戶的購物動態。這樣一來，JavaScript就有了編程的意味。和其餘編程語言同樣，JavaScript也有數據類型、條件語句、分支語句、字符串詳解、數組詳解、對象、函數、數值、Math函數、做用域。若是這一部分能夠學會，即可以往更深的內容去發展。    
現在，大前端的時代已經來臨，熟練使用HTML五、CSS3，對前端人員的製做要求愈來愈高，可否作出酷炫的效果成爲衡量前端技術的一個標準，做爲前端開發工程師，將PC、手機、iPad等多種設備全面掌握並能提供客戶須要的解決方案，精通響應式技術，是必備的能力。現在微信小遊戲的開發也是前端開發的重點，值得初學者多多關注。
筆者建議重視一下移動端的開發，畢竟移動端的用戶數量高於PC端，移動端更適合碎片化的消費人羣，市場較爲廣闊。