HTML(超文本標記語言)是網頁的骨架，不管是靜態的還是動態的。回到瀏覽器的是HTML代碼。瀏覽器渲染後再反饋HTML代碼解釋給用戶，所以要掌握HTML的基本結構、常用標簽和屬性。
學習是壹個記憶和理解的過程。在學習HTML的過程中，我們可以使用拆分視圖來輔助學習。在“設計”視圖中看到效果，在“代碼”視圖中學習精華，發揮各種視圖的優勢。這種控件學習方式彌補了HTML標簽和屬性枯燥的記憶。
第二，對交際策略的研究
CSS被稱為層疊樣式表，是壹種樣式設計語言，可以將網頁的呈現和內容分離。與HTML相比，CSS可以重用HTML樣式，大大提高了開發速度，降低了維護成本。
同時，CSS中的盒子模型和相對布局可以在像素級別控制網頁中每個對象的位置和布局。
第三，javascript的學習
JavaScript是壹種在客戶端廣泛使用的語言。它為我們提供了壹些內置的函數、對象和DOM操作，可以幫助我們實現壹些客戶端的交互，比如效果、驗證等，讓界面更加生動。
第四，jquery的學習
jQuery兼容各種瀏覽器，現在也有很多基於JQuery的插件可供選擇，更方便我們實現壹些豐富的動態效果，大大節省了開發時間，提高了開發速度。
五、自助學習
Bootstrap是前端開發的工具包，CSS/HTML框架，支持響應式布局。在項目開發過程中，我們可以利用Bootstrap提供的CSS樣式、組件、JavaScript插件，快速完成頁面布局和樣式設置，然後有針對性地進行樣式微調，從而大大縮短基於框架的開發周期。
前端是後臺實現和視覺表達的橋梁，是貫穿整個產品開發過程的紐帶，起著承上啟下的作用。壹個好的前端工程師能夠很好的理解產品經理對用戶體驗的要求，也能夠很好的理解後臺工程師對分離數據邏輯或者程序邏輯的要求，並將這些要求轉化到前臺的開發工作中。