整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
到Web前端，很多人想到的就是HTML5，加上現(xiàn)在APP和小程序盛行，Web前端開(kāi)發(fā)和HTML5開(kāi)發(fā)都異常火熱。外行人很容易將HTML5和Web前端劃等號(hào)，那Web前端和HTML5是否一樣？有些人已經(jīng)搞不清了，想學(xué)習(xí)卻不知道要學(xué)什么好，該怎樣學(xué)習(xí)。今天千鋒武漢Web前端培訓(xùn)小編就來(lái)詳細(xì)說(shuō)說(shuō)Web前端和HTML5有什么區(qū)別，希望能對(duì)大家的認(rèn)知有所幫助。一起來(lái)了解一下吧！
一、什么是HTML5？
HTML5其實(shí)是一種技術(shù)的集合，它包括了HTML5，CSS3，JS等技術(shù)。而Web前端則是一種職業(yè)，國(guó)內(nèi)從2005年開(kāi)始發(fā)展的，是由網(wǎng)頁(yè)設(shè)計(jì)師演變過(guò)來(lái)的。如果從技術(shù)上說(shuō)，Web前端涉及到的技術(shù)有很多，包括HTML5，除此之外還有JSON，AJAX，DOM等。不過(guò)這也看具體的公司吧，不同的公司對(duì)Web前端開(kāi)發(fā)人員的技術(shù)要求也不一樣。
二、什么是Web前端？
在傳統(tǒng)規(guī)的意義上來(lái)講，網(wǎng)站是分為前端和后端的，前端就是我們俗稱(chēng)的頁(yè)面以及我們經(jīng)常看到的各種展示效果，后端則是管理按照理解來(lái)講后臺(tái)主要是指管理、更新、維護(hù)網(wǎng)站的后臺(tái)。
百度百科是這樣定義的：主要職責(zé)是利用(X)HTML/CSS/Java/Flash等各種Web技術(shù)進(jìn)行客戶(hù)端產(chǎn)品的開(kāi)發(fā)。完成客戶(hù)端程序（也就是瀏覽器端）的開(kāi)發(fā)，開(kāi)發(fā)Java以及Flash模塊，同時(shí)結(jié)合后臺(tái)開(kāi)發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開(kāi)發(fā)，致力于通過(guò)技術(shù)改善用戶(hù)體驗(yàn)。
三、Web前端和HTML5的區(qū)別
通常意義上來(lái)講，Web前端工程師，不僅要會(huì)開(kāi)發(fā)而且還要會(huì)移動(dòng)端開(kāi)發(fā)。也就是說(shuō)，我們學(xué)習(xí)Web 的時(shí)候也是需要學(xué)習(xí)HTML5技術(shù)的。據(jù)了解，現(xiàn)在企業(yè)招聘的用人標(biāo)準(zhǔn)都是會(huì)包含會(huì)HTML5開(kāi)發(fā)這一條。
就是說(shuō)HTML5與Web前端技術(shù)他們是一種從屬的關(guān)系，HTML5是屬于前端Web開(kāi)發(fā)的一部分，但Web開(kāi)發(fā)所包含的技術(shù)就很廣闊了。除了HTML5還需要學(xué)習(xí)其他的技術(shù)如：CSS、div、Java、jQuery、網(wǎng)站性能優(yōu)化、SEO、PHP基礎(chǔ)和服務(wù)器端的基礎(chǔ)知識(shí)。
HTML5應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原先應(yīng)用的開(kāi)發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問(wèn)題。因此也有許多手機(jī)雜志客戶(hù)端是基于HTML5標(biāo)準(zhǔn)，開(kāi)發(fā)人員可以輕松調(diào)試修改。這也是國(guó)內(nèi)市場(chǎng)Web前端開(kāi)發(fā)火爆的原因之一。?
至于Web前端開(kāi)發(fā)所涵蓋的范圍比HTML5更加大。Web前端開(kāi)發(fā)還包括了其它技能，比如說(shuō)后臺(tái)HTML，css，div等都是屬于Web前端開(kāi)發(fā)的。HTML5和其它技能都是一樣的，是屬于Web前端開(kāi)發(fā)的一種技術(shù)，就是我們平時(shí)所說(shuō)的移動(dòng)端的網(wǎng)頁(yè)制作，簡(jiǎn)稱(chēng)H5。
以上就是千鋒武漢Web前端培訓(xùn)小編整理的Web前端和HTML5的區(qū)別。想快速入門(mén)Web前端開(kāi)發(fā)，可以來(lái)千鋒武漢Web前端培訓(xùn)班學(xué)習(xí)。千鋒武漢Web前端培訓(xùn)課程學(xué)習(xí)門(mén)檻低，適合零基礎(chǔ)的小白迅速成長(zhǎng)，學(xué)習(xí)曲線(xiàn)先快后慢，也適合有一定基礎(chǔ)的學(xué)員進(jìn)階學(xué)習(xí)，鞏固知識(shí)的基礎(chǔ)上，穩(wěn)步進(jìn)步突破職業(yè)瓶頸。
eb前端與HTML5有什么區(qū)別？相信很多初學(xué)前端的人都會(huì)有這個(gè)困惑，在學(xué)習(xí)之初很多人都會(huì)把HTML5和前端的概念弄混淆了。例如，H5是HTML5的簡(jiǎn)稱(chēng)，而現(xiàn)在好多人把HTML5看成了是前端開(kāi)發(fā)的總稱(chēng)。所以今天小編就為大家準(zhǔn)備了這篇文章，讓我們一起來(lái)看一看Web前端與HTML5技術(shù)的區(qū)別有哪些?
一、什么是Web前端開(kāi)發(fā)
以一個(gè)網(wǎng)站為例包括網(wǎng)站設(shè)計(jì)、前端開(kāi)發(fā)、程序開(kāi)發(fā)等。網(wǎng)站設(shè)計(jì)就是網(wǎng)站的外觀(guān)，平面的東西，程序開(kāi)發(fā)也好理解就是功能實(shí)現(xiàn)。而前端開(kāi)發(fā)，簡(jiǎn)單來(lái)說(shuō)，就是把平面效果圖轉(zhuǎn)換成網(wǎng)頁(yè)，把靜態(tài)轉(zhuǎn)換成動(dòng)態(tài)。它的工作包括了:切圖、寫(xiě)樣式、做鼠標(biāo)效果和圖片切換效果等。而優(yōu)秀的前端開(kāi)發(fā)可以保障實(shí)現(xiàn)這些效果的同時(shí)，即不能影響網(wǎng)站的打開(kāi)速度、瀏覽器兼容性還有搜索引擎的收錄，還可以讓用戶(hù)體驗(yàn)更加舒適，使網(wǎng)站在訪(fǎng)問(wèn)中顯得更精細(xì)、更用心。訪(fǎng)客使用起來(lái)更簡(jiǎn)便。另外，現(xiàn)在前端工作還不僅僅只是網(wǎng)頁(yè)的制作，還有微網(wǎng)站、APP的制作，游戲制作，例如可以將你開(kāi)發(fā)的Web頁(yè)面直接打包成手機(jī)使用的APP應(yīng)用，游戲的互動(dòng)界面更是以前端開(kāi)發(fā)技術(shù)為主。
二、Web前端開(kāi)發(fā)學(xué)習(xí)什么?
學(xué)習(xí)HTML、CSS和DIV+CSS技術(shù)用來(lái)制作Web頁(yè)面;學(xué)習(xí)Java、DOM、BOM等用建立開(kāi)發(fā)基礎(chǔ);學(xué)習(xí) photoshop和Axure等軟件應(yīng)用，完成頁(yè)面UI設(shè)計(jì);也要認(rèn)識(shí)一下NodeJS和PHP加上數(shù)據(jù)庫(kù)等這樣的后端語(yǔ)言，方便前后端開(kāi)發(fā)配合;學(xué)習(xí) HTML5、CSS3、響應(yīng)式頁(yè)面布局、微網(wǎng)站制作等開(kāi)發(fā)移動(dòng)互聯(lián)網(wǎng)的應(yīng)用；像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端開(kāi)發(fā)必學(xué)的高級(jí)技術(shù);HTML5地理位置應(yīng)用、離線(xiàn)應(yīng)用、Webworker多線(xiàn)程實(shí)現(xiàn)、Websocket、跨平臺(tái)開(kāi)發(fā)技術(shù)和WebAPP開(kāi)發(fā)等，這些企業(yè)級(jí)應(yīng)用技術(shù)也是現(xiàn)在開(kāi)發(fā)的主流；現(xiàn)在前端開(kāi)發(fā)最熱門(mén)、要人最多，就是使用canvas開(kāi)發(fā)網(wǎng)頁(yè)游戲動(dòng)畫(huà)，以及會(huì)用 Cocos2d-js制作游戲等開(kāi)發(fā)。
三、什么是HTML5?
HTML5就是HTML最新標(biāo)準(zhǔn)，是現(xiàn)在Web程序開(kāi)發(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)站開(kāi)發(fā)以及網(wǎng)頁(yè)游戲等，現(xiàn)在都是使用HTML5標(biāo)準(zhǔn)完成的。雖然開(kāi)發(fā)這類(lèi)的應(yīng)用其實(shí)是以JS為主，但因?yàn)镠TML5 這個(gè)概念很流行，所以微網(wǎng)站開(kāi)發(fā)、WebAPP或是微網(wǎng)站等應(yīng)用，很多人都會(huì)說(shuō)使用HTML5開(kāi)發(fā)。
四、前端與HTML5的區(qū)別?
現(xiàn)在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的簡(jiǎn)稱(chēng)，而現(xiàn)在好多人把HTML5看成了是前端開(kāi)發(fā)的總稱(chēng)。HTML5其實(shí)只是前端開(kāi)發(fā)中重要的一部分技術(shù)，是現(xiàn)在前端開(kāi)發(fā)的標(biāo)準(zhǔn)組件，特別是在移動(dòng)端的特效開(kāi)發(fā)、游戲開(kāi)發(fā)，以及APP的開(kāi)發(fā)方向上非常流行。如果把前端開(kāi)發(fā)比作要建設(shè)的一座“大廈”，HTML5就相當(dāng)于“鋼筋水泥”。現(xiàn)在好多人都說(shuō)開(kāi)發(fā)“XX功能”使用“HTML5”技術(shù)，其實(shí)理解的有一些問(wèn)題，他們所說(shuō)的HTML5其實(shí)說(shuō)的就是前端技術(shù)，只不過(guò)HTML5這個(gè)詞比較活躍也比較流行，所以多數(shù)人都將前端技術(shù)叫成了HTML5了。
所以現(xiàn)在你清楚了前端和HTML5的區(qū)別了嗎？如果你有一顆想轉(zhuǎn)行的心，Web前端無(wú)疑是一個(gè)很好的選擇，如今IT行業(yè)發(fā)展形勢(shì)大好，軟件開(kāi)發(fā)人員匱乏，未來(lái)幾年前端開(kāi)發(fā)都將是高薪行業(yè)。關(guān)注“武漢千鋒”微信公眾號(hào)，即有機(jī)會(huì)領(lǐng)取兩周免費(fèi)試聽(tīng)名額。
近，我看到很多人在問(wèn)這個(gè)問(wèn)題，你們覺(jué)得難嗎？給大家分享一段同齡人的經(jīng)歷，希望對(duì)你們有幫助。
文末也有我給大家的建議。
以下是原文：
本人渣二本金融專(zhuān)業(yè)，19年6月畢業(yè)。
大四的時(shí)候開(kāi)始自學(xué)，后面在網(wǎng)上買(mǎi)了視頻，跟著視頻的進(jìn)度學(xué)，學(xué)到vue做了幾個(gè)項(xiàng)目。
畢業(yè)就去深圳找工作了。
當(dāng)時(shí)的技術(shù)棧也就是html5 + css3 + js + vue，js很爛，vue的話(huà)寫(xiě)東西還可以，問(wèn)到源碼就懵逼。
說(shuō)句實(shí)在話(huà)，剛開(kāi)始面試的時(shí)候是比較難的。
作為一個(gè)零基礎(chǔ)轉(zhuǎn)行的，當(dāng)時(shí)是啥都不知道，面試一度很尷尬，但這個(gè)時(shí)候一定要沉住氣。
面試前多在網(wǎng)上找找面經(jīng)，面試完一定要做總結(jié)，把不會(huì)的自己記錄下來(lái)，然后在掘金，知乎找找答案，理解清楚。
多面試幾家，面試多了，被虐多了，心里對(duì)初級(jí)前端面試所能涉及到的問(wèn)題大概就有數(shù)了。
記得當(dāng)時(shí)在深圳面試的第一家就要做筆試題，做的是一塌糊涂，啥寄生組合式繼承，websokect，在當(dāng)時(shí)還沒(méi)聽(tīng)說(shuō)過(guò)，就這樣掛掉了。
后面第二次面試，就問(wèn)了寫(xiě)vue和js我會(huì)的比較簡(jiǎn)單的基礎(chǔ)問(wèn)題，就過(guò)了(適用兩個(gè)月4k，轉(zhuǎn)正5k，單休)，當(dāng)時(shí)菜啊，沒(méi)有經(jīng)驗(yàn)，怕找不到工作，有公司愿意要我就去了這家外包公司。
公司只有十幾個(gè)人，在這家公司就干了2個(gè)月不到，做了差不多3個(gè)項(xiàng)目就溜了。
前端都是我一個(gè)人完成的，一個(gè)原生js，一個(gè)jq，一個(gè)vue。
實(shí)話(huà)說(shuō)，自己做完這三個(gè)項(xiàng)目心里還是挺自豪的，能夠獨(dú)立完成項(xiàng)目，需求基本都hold的住，還不賴(lài)。
但是這家公司工資低，還拖欠工資，加上單休，加班還猛...這兩個(gè)月，說(shuō)是6點(diǎn)半下班，但是很忙，都在加班，好多次過(guò)凌晨才走。
人員流動(dòng)性高，我剛?cè)](méi)幾天，招我進(jìn)來(lái)的前端組長(zhǎng)離職了。
后面我干的兩個(gè)月內(nèi)，又離職了3人。于是公司又招了好多人。
就是這樣，項(xiàng)目經(jīng)過(guò)好多人的手，沒(méi)有文檔。
于是后面就經(jīng)常請(qǐng)假，投簡(jiǎn)歷出去面試了。這里開(kāi)始的面試才是真正的初級(jí)前端面試。
boss上投遞簡(jiǎn)歷，hr邀約面試，然后去公司做面試題。然后hr面試，然后技術(shù)面試，然后二面。
差不多都是這種面試。
這時(shí)我開(kāi)始要7k，我覺(jué)得經(jīng)過(guò)兩個(gè)月的工作我有能力拿7k了。
剛開(kāi)始當(dāng)然也是被虐的，后面就認(rèn)真準(zhǔn)備了，又拿了一家公司的offer，有自己的產(chǎn)品(試用5.5k,轉(zhuǎn)正7k)。
于是就過(guò)去了，然后在這家公司干了兩個(gè)月，公司倒閉了。。。
在這家公司不是很忙，補(bǔ)了很多js基礎(chǔ)。
后面又準(zhǔn)備面試，面試了5 6家，基本都拿到了offer。
我要的都是7k，這幾家都給了，有南山，羅湖，寶安的，龍華，最后選擇去了寶安的現(xiàn)在這家。
畢業(yè)以來(lái)，我的求職經(jīng)歷簡(jiǎn)直是太坎坷了，但也感謝經(jīng)歷吧。
總結(jié)：
1. 盡量不要去外包公司。如果剛畢業(yè)像我一樣，實(shí)在找不到也可以去，但是呆的時(shí)間不要超過(guò)一年。
2. 拿到offer后，一定要在天眼上查一下公司，紅色太多的就不要去了。盡量多拿幾家，然后多做對(duì)比。
3. 現(xiàn)在要找到web前端工作，vue、react、angular這三個(gè)一定要會(huì)一個(gè)，不會(huì)的話(huà)很難。
js基礎(chǔ)可以后面補(bǔ)上來(lái)，但是不會(huì)框架很難找工作。
基本來(lái)說(shuō)小公司vue多一點(diǎn)，中大公司react多一點(diǎn)，國(guó)外angular多一點(diǎn)。
所以可以先vue找個(gè)小公司，后面學(xué)react，學(xué)js基礎(chǔ)，學(xué)算法然后進(jìn)中大型公司，這就是我現(xiàn)在的打算。
4. 一定要重視面試，多刷面試題，多在網(wǎng)上看面經(jīng)，這樣你就知道別人大概率會(huì)問(wèn)啥，心里有底了。
希望我的經(jīng)歷和經(jīng)驗(yàn)?zāi)軐?duì)大家有幫助，各位加油！
作者：北辰
鏈接：
https://www.zhihu.com/question/55657832/answer/998821438
看到有很多正在找工作遇到困難的自學(xué)前端er，學(xué)長(zhǎng)土哥給大家一些建議。
1、框架都是浮云，重視js基礎(chǔ)。
我發(fā)現(xiàn)現(xiàn)在很多新人都有這個(gè)情況：js明明寫(xiě)得稀爛，dom操作一塌糊涂離不開(kāi)JQ，JQ又全靠百度，也不懂作用域，閉包，原型鏈，npm，webpack也說(shuō)不出個(gè)所以然。
然后就開(kāi)始上手vue，react。看幾個(gè)視頻或博客，照著寫(xiě)了幾個(gè)項(xiàng)目。就覺(jué)得自己走在了前端的最前端，如果公司找了這樣的同學(xué)寫(xiě)項(xiàng)目，這項(xiàng)目能不出問(wèn)題嗎？
所以我個(gè)人覺(jué)得在前端就業(yè)大環(huán)境不好的情況下，新人更應(yīng)該重視基礎(chǔ)。
其實(shí)三大框架在你js基礎(chǔ)很好的情況下，學(xué)習(xí)成本并不算高。前端框架變了又變，核心始終是js，前端要抱著「需要啥，拿來(lái)就用」的心態(tài)去進(jìn)步和學(xué)習(xí)。
2、獨(dú)立做一個(gè)有趣的項(xiàng)目現(xiàn)在前端能做的事情太多了。
你可以做一個(gè)博客。前端Vue/React 后端express/koa/egg,數(shù)據(jù)庫(kù)mongoDB/mysql。還可以做成小程序和app(uni-app/原生html+cordova/appcan)。
中間會(huì)遇到諸多問(wèn)題。比如前后端通訊啊，前端兼容性啊，數(shù)據(jù)庫(kù)連接啊。你甚至還可以用electron寫(xiě)個(gè)C端版本。這個(gè)項(xiàng)目做下來(lái)，你幾乎會(huì)用了所有的技術(shù)棧。
3、多做筆記，多寫(xiě)博客。用博客或者筆記，記住自己的每一次掉坑，爬坑的過(guò)程才是成長(zhǎng)。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
