HTML5開發(fā)不同于網(wǎng)頁(yè)設(shè)計(jì)，是網(wǎng)頁(yè)設(shè)計(jì)的深化，更關(guān)注于網(wǎng)站如何交互和瀏覽。web前端開發(fā)人員使用的技術(shù)CSS和HTML、JavaScript，根據(jù)設(shè)計(jì)師設(shè)計(jì)的雛形來(lái)編寫代碼。布局，框架，瀏覽器涉及到不同的領(lǐng)域知識(shí)廣度，把網(wǎng)站界面更好地呈現(xiàn)給用戶。一個(gè)合格的HTML5開發(fā)工程師，需要掌握哪些知識(shí)呢？

1、JavaScript

JavaScript在網(wǎng)頁(yè)設(shè)計(jì)中是至關(guān)重要的，因?yàn)樗兄跒榫W(wǎng)站提供功能。事實(shí)上，它是最流行的編程語(yǔ)言，因此，即使不為了HTML5開發(fā)，它仍然是一個(gè)有用的語(yǔ)言學(xué)習(xí)。JavaScript可以幫助你做一些互動(dòng)元素并添加到你的網(wǎng)站地圖的實(shí)時(shí)更新，在線游戲，互動(dòng)電影等。使用JavaScript，可以確保你會(huì)有一個(gè)容易理解，交互的網(wǎng)站，可以接受任何類型的用戶。

2、front end framework

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

3、CSS preprocessors

每個(gè)HTML5開發(fā)人員都需要CSS預(yù)處理器的一些經(jīng)驗(yàn)，因?yàn)樗麄儗⒂兄诩涌霤SS編碼。他們也有額外的功能，將使您的CSS可延展性的來(lái)變得容易使用。發(fā)布代碼之前，預(yù)處理器將進(jìn)行處理，以確保它是可讀性和可以跨所有平臺(tái)使用。

4、cross browser web development

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

5、CSS and HTML

開始HTML5開發(fā)的最基本的構(gòu)件。一個(gè)沒有CSS和HTML網(wǎng)頁(yè)設(shè)計(jì)是不可能被創(chuàng)建的。例如，當(dāng)你想添加圖片到一個(gè)頁(yè)面，HTML會(huì)顯得尤為重要。學(xué)習(xí)HTML和CSS在你作為一個(gè)HTML5開發(fā)人員開始你的職業(yè)生涯就顯得十分重要。而它們非常容易學(xué)習(xí)，在短短幾周內(nèi)便可上手。

6、Java frameworks

有相當(dāng)多的Java框架，包括Backbone， Ember， AngularJS， ReactJS等等。這些框架幫助你更好的設(shè)計(jì)你的網(wǎng)頁(yè)和編碼，因?yàn)樗麄冇幸粋€(gè)現(xiàn)成的結(jié)構(gòu)來(lái)讓你使用Java代碼。

7、responsive designs

了解如何創(chuàng)建響應(yīng)設(shè)計(jì)也是至關(guān)重要的，尤其是當(dāng)你考慮到不同的平臺(tái)網(wǎng)絡(luò)用戶使用訪問(wèn)網(wǎng)絡(luò)的時(shí)候。手機(jī)設(shè)計(jì)經(jīng)驗(yàn)也是必須的，因?yàn)樗鼘椭銤M足的人使用移動(dòng)設(shè)備訪問(wèn)網(wǎng)站。

8、jQuery

一些擴(kuò)展和插件，可以方便地使用Java web開發(fā)。使用jQuery，當(dāng)你開始一個(gè)新項(xiàng)目你不需要從頭開始編碼，你可以使用元素已經(jīng)為您的項(xiàng)目，然后定制它們以適合這個(gè)項(xiàng)目，客戶或最終用戶。jQuery是最好的用于創(chuàng)建網(wǎng)格布局，倒計(jì)時(shí)計(jì)時(shí)器，搜索表單等的插件和擴(kuò)展。

9、testing and debugging

當(dāng)一個(gè)項(xiàng)目完成后首要的就是測(cè)試，每個(gè)程序員都希望天下無(wú)bug，但是每個(gè)代碼都有可能存在一些錯(cuò)誤，學(xué)會(huì)測(cè)試代碼就顯得十分重要。掌握不同類型的測(cè)試，如單元測(cè)試和界面測(cè)試等。一旦你測(cè)試你的網(wǎng)站和發(fā)現(xiàn)的錯(cuò)誤，重要的是要知道如何調(diào)試，學(xué)習(xí)不同的調(diào)試方法，這將使你的工作變得更簡(jiǎn)單。

上述就是，一個(gè)優(yōu)秀的HTML5開發(fā)工程師需要掌握的幾項(xiàng)技能。