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