前端開發是建立Web頁面或app等前端介面呈現給使用者的過程。前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現網際網路產品的使用者介面互動。Web前端工程師，他是伴隨著web興起而細分進去的行業。Web前端的崗位職責是利用HTML、CSS、JavaScript、DOM、Flash等各種Web技能結合產品的介面開發。web前端開發入門教程要學哪些內容呢？

首先第一階段就是基礎學習，

1.HTML基礎

內容包括：（HTML簡介與歷史版本、常用開發軟體、常見標籤與屬性、

表格與表單、標籤規範與標籤語義化、實戰：網頁結構佈局）

2.CSS基礎

內容包括：（css簡介與基本語法、常見的各種樣式屬性、CSS選擇器與標籤型別、理解盒子模型與CSS重置、浮動與定位、利用photoshop工具測量樣式、HTML+CSS開發網頁、實戰：高仿電商首頁效果）

3.CSS3基礎

內容包括：（css3常見樣式、css3選擇器、變形與動畫、3D效果與關鍵幀、彈性盒模型、5.移動端佈局、移動端基本概念、viewport視窗設定、移動端佈局方案、rem、vh、vw等單位、響應式佈局、bootstrap框架）

4、JavaScript基礎

內容包括：（JS簡介、JS變數、資料型別與型別轉換、運算子與優先順序、

流程控制-if..else流程控制-switch...case、流程控制-while、do..while、for迴圈、break、continue語法、函式定義與呼叫、全域性變數與區域性變數、函式傳參與返回值、函式作用域與變數作用域、DOM的基本操作、定時器使用、this指向與修改指向、陣列、字串等方法操作、時間物件與正則物件、掌握常見BOM操作、常見事件與事件細節、JSON與AJAX、JSONP跨域操作、前端cookie的使用、實戰：JS配合HTML與CSS完成電商專案）

5.jquery框架

內容包括：（jquery框架介紹及優勢介紹、jquery核心思想、jquery常見方法、jquery動畫操作、jqueryAJAX操作、jquery工具方法、利用jquery快速開發網頁）

6.PHP基礎

內容包括：（PHP簡介與基本語法、mysql資料庫及sql語法、apache伺服器與整合開發工具、PHP連結資料庫、PHP與AJAX互動、實戰：留言板、登入、註冊等）

7、H5基礎專案

內容包括：（專案簡介、專案功能演示、專案劃分及框架、編寫HTML頁面結構、設定CSS樣式、新增JS互動、可選框架：bootstrap、jquery、PHP等、專案除錯及相容、專案驗收）

因為我們是從零基礎開始學習的，所以基礎知識是至關重要的。"學習HTML5的過程就是蓋樓房的過程，如果你基礎知識沒有學好，就等於一棟樓房的地基沒有夯實。後期的學習會難上加難。"同時，基礎知識不能只依靠課上學習的那點知識，一定要通過線上或者翻閱一些HTML5相關的書籍來增加自身的知識儲備量。

要掌握一定的程式設計技巧，這樣在以後的工作中可以大大的提高工作效率。