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函數、作用域。如果這一部分可以學會，便可以往更深的內容去發展。

如今，大前端的時代已經來臨，熟練使用HTML5、CSS3，對前端人員的制作要求越來越高，能否做出酷炫的效果成為衡量前端技術的一個標準，作為前端開發工程師，將PC、手機、iPad等多種設備全面掌握并能提供客戶需要的解決方案，精通響應式技術，是必備的能力。如今微信小游戲的開發也是前端開發的重點，值得初學者多多關注。

筆者建議重視一下移動端的開發，畢竟移動端的用戶數量高于PC端，移動端更適合碎片化的消費人群，市場較為廣闊。