讀懂前端與HTML5技術(shù)區(qū)別，玩轉(zhuǎn)互聯(lián)網(wǎng)企業(yè)！

潭哥說(shuō) 

      現(xiàn)在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的簡(jiǎn)稱，而現(xiàn)在好多人把HTML5看成了是前端開發(fā)的總稱。今天潭哥就為各位普及一下，到底前端和HTML5有哪些區(qū)別？ 
什么是前端開發(fā)？ 
　　以一個(gè)網(wǎng)站為例包括網(wǎng)站設(shè)計(jì)、前端開發(fā)、程序開發(fā)等。網(wǎng)站設(shè)計(jì)就是網(wǎng)站的外觀，平面的東西。程序開發(fā)也好理解就是功能實(shí)現(xiàn)。而前端開發(fā)，簡(jiǎn)單來(lái)說(shuō)，就是把平面效果圖轉(zhuǎn)換成網(wǎng)頁(yè)，把靜態(tài)轉(zhuǎn)換成動(dòng)態(tài)。它的工作包括了:切圖、寫樣式、做鼠標(biāo)效果和圖片切換效果等。而優(yōu)秀的前端開發(fā)可以保障實(shí)現(xiàn)這些效果的同時(shí)，即不能影響網(wǎng)站的打開速度、瀏覽器兼容性還有搜索引擎的收錄，還可以讓用戶體驗(yàn)更加舒適，使網(wǎng)站在訪問(wèn)中顯得更精細(xì)、更用心。訪客使用起來(lái)更簡(jiǎn)便。另外，現(xiàn)在前端工作還不僅僅只是網(wǎng)頁(yè)的制作，還有微網(wǎng)站、APP的制作，游戲制作，例如可以將你開發(fā)的Web頁(yè)面直接打包成手機(jī)使用的APP應(yīng)用，游戲的互動(dòng)界面更是以前端開發(fā)技術(shù)為主。

前端開發(fā)學(xué)習(xí)什么？

　　學(xué)習(xí)HTML、CSS和DIV+CSS技術(shù)用來(lái)制作Web頁(yè)面;學(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地理位置應(yīng)用、離線應(yīng)用、webworker多線程實(shí)現(xiàn)、websocket、跨平臺(tái)開發(fā)技術(shù)和webAPP開發(fā)等，這些企業(yè)級(jí)應(yīng)用技術(shù)也是現(xiàn)在開發(fā)的主流;現(xiàn)在前端開發(fā)最熱門、要人最多，就是使用canvas開發(fā)網(wǎng)頁(yè)游戲動(dòng)畫，以及會(huì)用Cocos2d-js制作游戲等開發(fā)。 

                                

什么是HTML5？ 
　　HTML5就是HTML最新標(biāo)準(zhǔn)，是現(xiàn)在Web程序開發(fā)的核心、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML的第五次重大修改，這是一項(xiàng)推薦標(biāo)準(zhǔn)。雖然CSS3和HTML5是兩個(gè)語(yǔ)言，但通常說(shuō)HTML5也都泛指包括CSS3，因?yàn)樗鼈儍蓚€(gè)常在一起配合使用的。當(dāng)然還不指這些，從技術(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)?/span>HTML5 這個(gè)概念很流行，所以微網(wǎng)站開發(fā)、WebAPP或是微網(wǎng)站等應(yīng)用，很多人都會(huì)說(shuō)使用HTML5開發(fā)。 

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

以上都是本人確切的精髓來(lái)的，相信我絕對(duì)沒(méi)有錯(cuò) 


通過(guò)以上的講解，相信大家都了解了吧，潭哥提醒學(xué)習(xí)前端開發(fā)還是要到專業(yè)培訓(xùn)機(jī)構(gòu)進(jìn)行學(xué)習(xí)。


零基礎(chǔ)學(xué)習(xí)HTML、CSS和DIV+CS需要多久？

掌握Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS核心技術(shù)需要多久？

熟練使用HTML5最高可以拿多少月薪？

哪些大企業(yè)急招web前端程序員？

想解答以上疑問(wèn)，我聯(lián)合互聯(lián)網(wǎng)上的一群大牛，組建了一個(gè)編程的免費(fèi)學(xué)習(xí)群，你只需要來(lái)我們這個(gè)群里聽就行，前面一部分是四八七，中間一部分是四二五，后邊一部分是四二九 這里有免費(fèi)的學(xué)習(xí)資源，每天直播課程，不需要你付出什么，只需要有一顆學(xué)習(xí)的心就可以了。 不是想要學(xué)習(xí)的就不要加了。 
潭哥告訴你答案 

其實(shí)，我們的潛力很大，我們能學(xué)的更好。我們能掌握的更多，但是許多人都做不到堅(jiān)持、做不到深入。不肯思考，不肯的動(dòng)手，是阻礙我們進(jìn)步的最大原因。
后記：
人，應(yīng)該要明確自己的目標(biāo)，擁有理想。
人，重要的不是你站在哪里，而是你往哪個(gè)方向前進(jìn)。
無(wú)論何時(shí)，不管你已經(jīng)得到了多少，擁有了多少。都不是墮落的理由。
對(duì)于不肯上進(jìn)，沒(méi)意志力的人來(lái)說(shuō)，等于是，你想死，任何人都救不了你!
感謝自己，感謝自己沒(méi)有繼續(xù)讀大學(xué)。感謝自己在讀書時(shí)代已經(jīng)養(yǎng)成了獨(dú)立思考，喜歡折騰的習(xí)慣。