HTML5開發不同于網頁設計，是網頁設計的深化，更關注于網站如何交互和瀏覽。web前端開發人員使用的技術CSS和HTML、JavaScript，根據設計師設計的雛形來編寫代碼。布局，框架，瀏覽器涉及到不同的領域知識廣度，把網站界面更好地呈現給用戶。一個合格的HTML5開發工程師，需要掌握哪些知識呢？

1、JavaScript

JavaScript在網頁設計中是至關重要的，因為它有助于為網站提供功能。事實上，它是最流行的編程語言，因此，即使不為了HTML5開發，它仍然是一個有用的語言學習。JavaScript可以幫助你做一些互動元素并添加到你的網站地圖的實時更新，在線游戲，互動電影等。使用JavaScript，可以確保你會有一個容易理解，交互的網站，可以接受任何類型的用戶。

2、front end framework

CSS將幫助你更快的開發。目前，Bootstrap是可以使用的最受歡迎的前端框架。知道這些框架是如何工作的，以及如何使用它們才能在HTML5開發節省時間，這十分重要。

3、CSS preprocessors

每個HTML5開發人員都需要CSS預處理器的一些經驗，因為他們將有助于加快CSS編碼。他們也有額外的功能，將使您的CSS可延展性的來變得容易使用。發布代碼之前，預處理器將進行處理，以確保它是可讀性和可以跨所有平臺使用。

4、cross browser web development

HTML5開發人員必須知道如何使自己的網站工作模式，不管使用任何web瀏覽器來訪問都是如此。這樣做可以確保您的用戶能夠訪問他們需要的信息，無論他們是以何種方式。

5、CSS and HTML

開始HTML5開發的最基本的構件。一個沒有CSS和HTML網頁設計是不可能被創建的。例如，當你想添加圖片到一個頁面，HTML會顯得尤為重要。學習HTML和CSS在你作為一個HTML5開發人員開始你的職業生涯就顯得十分重要。而它們非常容易學習，在短短幾周內便可上手。

6、Java frameworks

有相當多的Java框架，包括Backbone， Ember， AngularJS， ReactJS等等。這些框架幫助你更好的設計你的網頁和編碼，因為他們有一個現成的結構來讓你使用Java代碼。

7、responsive designs

了解如何創建響應設計也是至關重要的，尤其是當你考慮到不同的平臺網絡用戶使用訪問網絡的時候。手機設計經驗也是必須的，因為它將幫助你滿足的人使用移動設備訪問網站。

8、jQuery

一些擴展和插件，可以方便地使用Java web開發。使用jQuery，當你開始一個新項目你不需要從頭開始編碼，你可以使用元素已經為您的項目，然后定制它們以適合這個項目，客戶或最終用戶。jQuery是最好的用于創建網格布局，倒計時計時器，搜索表單等的插件和擴展。

9、testing and debugging

當一個項目完成后首要的就是測試，每個程序員都希望天下無bug，但是每個代碼都有可能存在一些錯誤，學會測試代碼就顯得十分重要。掌握不同類型的測試，如單元測試和界面測試等。一旦你測試你的網站和發現的錯誤，重要的是要知道如何調試，學習不同的調試方法，這將使你的工作變得更簡單。

上述就是，一個優秀的HTML5開發工程師需要掌握的幾項技能。