IT小白如何區(qū)分HTML5開發(fā)和前端開發(fā)？學(xué)習(xí)的HTML5技術(shù)有哪些？

隨著這兩年HTML5火爆程度，爭(zhēng)相討論HTML的人也是越來(lái)越多。討論的問(wèn)題也主要圍繞著：“如何區(qū)分HTML5開發(fā)和前端開發(fā)？學(xué)習(xí)HTML5需要掌握的專業(yè)技術(shù)有哪些？”今天，小編就和大家聊聊！

HTML5開發(fā)

HTML5，超文本標(biāo)記語(yǔ)言HTML新標(biāo)準(zhǔn)，主要用于前端開發(fā)及游戲制作。從技術(shù)本身分析來(lái)看，現(xiàn)在完成一些頁(yè)面制作、WebAPP、微網(wǎng)站開發(fā)以及網(wǎng)頁(yè)游戲等，現(xiàn)在都是使用HTML5標(biāo)準(zhǔn)完成的。雖然開發(fā)這類的應(yīng)用其實(shí)是以JS為主，但因?yàn)镠TML5這個(gè)概念很流行，所以微網(wǎng)站開發(fā)、小游戲開發(fā)、WebAPP或是公眾號(hào)等應(yīng)用，很多人都會(huì)說(shuō)使用HTML5開發(fā)。

前端開發(fā)

前端開發(fā)一般指網(wǎng)頁(yè)開發(fā)，學(xué)好CSS是網(wǎng)頁(yè)外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁(yè)外觀做得更加美觀。學(xué)習(xí)JavaScript的基本語(yǔ)法，以及如何使用JavaScript編程將會(huì)提高開發(fā)人員的個(gè)人技能。了解Unix和Linux的基本知識(shí)雖然這兩點(diǎn)很基礎(chǔ)，但是開發(fā)人員了解Unix和Linux的基本知識(shí)是有益無(wú)害的。了解Web服務(wù)器當(dāng)你對(duì)Apache的基本配置，htaccess配置技巧有一些掌握的話，將來(lái)必定受益，而且這方面的知識(shí)學(xué)起來(lái)也相對(duì)容易。學(xué)習(xí)Java、DOM、BOM等用建立開發(fā)基礎(chǔ)。學(xué)習(xí) photoshop和Axure等軟件應(yīng)用，完成頁(yè)面UI設(shè)計(jì)。也要認(rèn)識(shí)一下NodeJS和PHP加上數(shù)據(jù)庫(kù)等這樣的后端語(yǔ)言，方便前后端開發(fā)配合;學(xué)習(xí) HTML5、CSS3、響應(yīng)式頁(yè)面布局、微網(wǎng)站制作等開發(fā)移動(dòng)互聯(lián)網(wǎng)的應(yīng)用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開發(fā)必學(xué)的高級(jí)技術(shù)。

前端包含HTML5

當(dāng)然，HTML5其實(shí)只是前端開發(fā)中重要的一部分技術(shù)，是現(xiàn)在前端開發(fā)的標(biāo)準(zhǔn)組件，特別是在移動(dòng)端的特效開發(fā)、游戲開發(fā)，以及APP的開發(fā)方向上非常流行。如果把前端開發(fā)比作要建設(shè)的一座“大廈”，HTML5就相當(dāng)于“鋼筋水泥”。現(xiàn)在好多人都說(shuō)開發(fā)“XX功能”使用“HTML5”技術(shù)，其實(shí)理解的有一些問(wèn)題，他們所說(shuō)的HTML5其實(shí)說(shuō)的就是前端技術(shù)，只不過(guò)HTML5這個(gè)詞比較活躍也比較流行，所以多數(shù)人都將前端技術(shù)叫成了HTML5了。

那么想要學(xué)好html5前端開發(fā)，那么需要掌握的專業(yè)技術(shù)有：

1、前端頁(yè)面重構(gòu)：PC端網(wǎng)站布局、HTML5+CSS3基礎(chǔ)項(xiàng)目、WebAPP頁(yè)面布局；

2、JavaScript高級(jí)程序設(shè)計(jì)：原生JavaScript交互功能開發(fā)、面向?qū)ο箝_發(fā)與ES5/ES6、JavaScript工具庫(kù)自主研發(fā)；

3、PC端全棧項(xiàng)目開發(fā)：jQuery經(jīng)典特效交互開發(fā)、HTTP協(xié)議，Ajxa進(jìn)階與后端開發(fā)、前端工程化與模塊化應(yīng)用、PC端網(wǎng)站開發(fā)、PC端管理信息系統(tǒng)前端開發(fā)；

4、移動(dòng)端webAPP開發(fā)：Touch端項(xiàng)目、微信場(chǎng)景項(xiàng)目、應(yīng)用Vue.js開發(fā)WebApp項(xiàng)目、應(yīng)用Ionic開發(fā)WebApp項(xiàng)目、應(yīng)用React.js開發(fā)WebApp；

5、混合（Hybrid）開發(fā)：各類混合應(yīng)用開發(fā)；

6、NodeJS全棧開發(fā)：WebApp后端系統(tǒng)開發(fā)；

7、大數(shù)據(jù)可視化：數(shù)據(jù)可視化入門、D3.jS詳解及項(xiàng)目實(shí)戰(zhàn)。

以上，就是小編為大家整理的HTML5與前端之間的區(qū)別以及需要學(xué)習(xí)哪些技術(shù)，希望能夠幫助到大家！