Web前端開(kāi)發(fā)是做什么的？學(xué)Web前端有前途嗎？

某學(xué)員： “前幾年前端開(kāi)發(fā)人員魚(yú)目混雜，技術(shù)參差不齊，相對(duì)學(xué)習(xí)起來(lái)不規(guī)范，導(dǎo)致前端開(kāi)發(fā)人員聚集，所以現(xiàn)在前端工種和工資還是沒(méi)得到普遍重視，但近2年來(lái)，HTML5、JS 的流行，讓前端異常火爆，以后還會(huì)更有前途嗎？請(qǐng)問(wèn)您怎么看？”

    “我只能告訴你：前端不滅”

    “除非你不要臉!”

    “前些年因?yàn)閲?guó)內(nèi)都不要臉，然而現(xiàn)在都明白了用戶(hù)體驗(yàn)至上，現(xiàn)在都要臉;”

    “找個(gè)對(duì)象，你不也要帥哥、美女優(yōu)先當(dāng)選嗎?”


上面對(duì)話(huà)，是我前兩天在群里的一段解答的對(duì)話(huà)。有人問(wèn)我，為什么你舉例這么生動(dòng)，真實(shí)，讓人看了覺(jué)得更激情了?


我只能告訴你：我主業(yè)是段子手，副業(yè)才是code，你表搞錯(cuò)好嗎?


在我講之前呢，我有必要和責(zé)任解釋下：


    {“ web前端開(kāi)發(fā) ”是什么? ｝

    {“ web前端開(kāi)發(fā) ”有前途嗎?｝

    {“ web前端開(kāi)發(fā) ”到底怎么學(xué)?｝



這3個(gè)對(duì)象，是你入【前端】這個(gè)坑的初戀，對(duì)!沒(méi)錯(cuò)!同時(shí)和 3個(gè)對(duì)象談戀愛(ài)(我知道你大學(xué)肯定干過(guò)額 )。



    1.    “WEB前端開(kāi)發(fā)”是什么?


我們 web前端行業(yè)的一個(gè)工種狀態(tài)：行家，自由，但要經(jīng)歷苦、累 才會(huì)有收獲。


其他行業(yè)，苦、累居多，而我們大前端那必須是自由，樂(lè)趣，隨心所欲的一個(gè)工種。


    感觸：做任何一件事，如果是興趣使然，那必定會(huì)堅(jiān)守到老，從菜鳥(niǎo)變大神也是順理成章的事兒。


因?yàn)槟愕慕?jīng)驗(yàn)會(huì)隨著你的顏值經(jīng)歷時(shí)間的洗刷，最后你回頭會(huì)發(fā)現(xiàn)一件最有意義的事：


oh，my god，我加薪了! 【重要的事兒 要加大加粗】


步入正題：

其實(shí)web前端這個(gè)職位，并沒(méi)有一個(gè)有效的歷史記錄可以查詢(xún)，更沒(méi)有一個(gè)明確的定義，


她不像java 攻城獅、c++開(kāi)發(fā)這種一開(kāi)始就有明確定位的工種一樣，是有核心技能可以描述的。


比如java開(kāi)發(fā)，顧名思義就是利用java程序來(lái)開(kāi)發(fā)功能，php開(kāi)發(fā)：利用php做個(gè)商城等等。


你會(huì)發(fā)現(xiàn)：我們前端這個(gè)姑娘，她甚至沒(méi)有一個(gè)logo 和擬人化的圖形用來(lái)描述(是不是挺扯淡的?)不過(guò)不要緊，下面讓帥的人來(lái)為她正名。O(∩_∩)O~



web前端的演變


Web前端開(kāi)發(fā)工程師是一個(gè)很新的職業(yè)，在國(guó)內(nèi)乃至國(guó)際上真正開(kāi)始受到重視的時(shí)間不超過(guò)10年。


Web前端開(kāi)發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)的，名稱(chēng)上有很明顯的時(shí)代特征。


在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web 1.0時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。


2005年以后，互聯(lián)網(wǎng)進(jìn)入Web 2.0時(shí)代，各種類(lèi)似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。


    網(wǎng)頁(yè)不再只是承載單一的文字和圖片，各種豐富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng)，網(wǎng)頁(yè)上軟件化的交互形式為用戶(hù)提供了更好的使用體驗(yàn)，這些都是基于前端技術(shù)實(shí)現(xiàn)的。


隨著WEB2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長(zhǎng)。


其實(shí)中國(guó)的“web前端開(kāi)發(fā)攻城獅” 這個(gè)職位好多人并不知道是怎么叫出來(lái)的？


那么我偷偷告訴你：其實(shí)是淘寶團(tuán)隊(duì)，發(fā)明出來(lái)的本土化的名稱(chēng)，因?yàn)闅v史原因，淘寶在2005以后迅速崛起，并且爆發(fā)式的訪(fǎng)問(wèn)量，讓淘寶網(wǎng)的用戶(hù)體驗(yàn)受到巨大考驗(yàn)和急需前進(jìn)。


然后淘寶官方次有了【 web前端開(kāi)發(fā)】這個(gè)字眼和招聘職位，或許其他網(wǎng)站也想到了這樣一種描述，但是畢竟知名度巨高的淘寶，受關(guān)注度自然高，口碑相傳，就把前端開(kāi)發(fā) 這個(gè)叫法發(fā)揚(yáng)光大了。


在早期點(diǎn)Web前端不叫前端，而是被親切的叫做“網(wǎng)頁(yè)設(shè)計(jì)師”，沒(méi)錯(cuò)你沒(méi)看錯(cuò)，就是這個(gè)名字，我記得那時(shí)候 【網(wǎng)頁(yè)三劍客】的說(shuō)法滿(mǎn)天飛，你掌握了這3賤客，真的很賤，就可以被人叫做網(wǎng)頁(yè)設(shè)計(jì)師了。



web前端開(kāi)發(fā)入門(mén)，需要掌握哪些基礎(chǔ)


語(yǔ)言基礎(chǔ)：HTML、CSS、JavaScript


雖說(shuō)這個(gè)問(wèn)題很大，但是這個(gè)話(huà)題就很好回答了；


因?yàn)楝F(xiàn)在前端如此眼花繚亂，技能多多，都是基于此三板斧：HTML、CSS、JavaScript


    思想標(biāo)準(zhǔn)：W3C標(biāo)準(zhǔn)

    W3C萬(wàn)維網(wǎng)聯(lián)盟創(chuàng)建于1994年，是Web技術(shù)領(lǐng)域和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。


    到目前為止，W3C已發(fā)布了200多項(xiàng)影響深遠(yuǎn)的Web技術(shù)標(biāo)準(zhǔn)及實(shí)施指南，如廣為業(yè)界采用的 【超文本標(biāo)記語(yǔ)言】、【[標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言】、【可擴(kuò)展標(biāo)記語(yǔ)言】等。


    有效促進(jìn)了Web技術(shù)的互相[兼容]，對(duì)互聯(lián)網(wǎng)技術(shù)的發(fā)展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用。


所以 我們現(xiàn)在運(yùn)用的html 超文本標(biāo)記語(yǔ)言，css 等所有基于web技術(shù)的范疇，基本都是w3c標(biāo)準(zhǔn)，并全世界統(tǒng)一執(zhí)行的，所以符合w3c 也就是開(kāi)啟前段之門(mén)了。


HTML： 是構(gòu)成網(wǎng)頁(yè)展示的基礎(chǔ)，是一種很簡(jiǎn)單可視化的標(biāo)識(shí)語(yǔ)言，說(shuō)白了就是 一是一，你寫(xiě)二就出二。


網(wǎng)上所有的網(wǎng)頁(yè)網(wǎng)站，不管多么牛鼻最后都會(huì)轉(zhuǎn)化成html，被瀏覽器渲染出來(lái)，用作展示。


CSS： 又稱(chēng)作樣式表，簡(jiǎn)單點(diǎn)說(shuō)就是html的外衣，將html包裝的明艷動(dòng)人。


JavaScript：是一種直譯式腳本語(yǔ)言，非常靈活，可以在任何瀏覽器上開(kāi)發(fā)與調(diào)試的一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言。



    2.   “WEB前端開(kāi)發(fā)”到底有前途嗎?


如果你在2012年以前 這么問(wèn)，或許很多人會(huì)思考一下，給你說(shuō)不知道，應(yīng)該沒(méi)后端編程有前途吧，或者直接說(shuō)，web前端有啥啊?不就寫(xiě)個(gè)網(wǎng)頁(yè)、js嗎?工資又低。。。。


但現(xiàn)在是2017年了親，我只能說(shuō)以后都會(huì)是前端年，很久以前不懂web前端的人觀念大概是：


xx是美工，讓他弄個(gè)網(wǎng)頁(yè)過(guò)來(lái)

xx你好，你能給我切割按鈕過(guò)來(lái)嗎，我后面需要用

xx你alert一下，看我數(shù)據(jù)傳過(guò)去了沒(méi)。

xx xx xx


    不要叫我美工，誰(shuí)叫我跟誰(shuí)急；


    不要叫我頁(yè)面仔，雖說(shuō)每個(gè)扎實(shí)的前端都是頁(yè)面仔過(guò)來(lái)的；


    更不要侮辱我的職業(yè)，以為前端只是寫(xiě)頁(yè)面、切圖。。


然而現(xiàn)在的真實(shí)情況是這樣的：

“hi，小北你這個(gè)是什么效果啊，這么牛，css3 html5做的?”【css3 html5 笑而不語(yǔ)】


“我擦，這，這 怎么自動(dòng)就刷新了，嚇我一跳啊，我還拉回切換著f5呢”【gulp、 webpack等構(gòu)建工具笑而不語(yǔ)】


“哎呦，js真牛啊，連后臺(tái)數(shù)據(jù)庫(kù)都能操作了，服務(wù)器都能構(gòu)建了”【nodejs笑而不語(yǔ)】


“哥，你需要什么形式的json串啊， 我這邊好生成一下，哥，你過(guò)來(lái)看一下這個(gè)體驗(yàn)怎么樣?”【老子不笑，也不會(huì)語(yǔ)。尼瑪要累死我?】


隨著html5的普羅天下，css3的風(fēng)靡全球，隨著nodejs 的崛起，JavaScript這個(gè)最容易被人誤解的語(yǔ)言，終于散發(fā)了它本該有的光芒!


Javascript這個(gè)牛鼻的歷史產(chǎn)物，現(xiàn)在真的可以說(shuō)是的，至少在web層面是這樣，交互、效果、數(shù)據(jù)操作、娛樂(lè)游戲、操作文件io等等。


由于現(xiàn)在是web應(yīng)用時(shí)代，各種尺寸的電子設(shè)備，增長(zhǎng)式的爆發(fā)，只要和屏幕有關(guān)的 就是顏值，顏值代表了一切，你說(shuō)前端有前途嗎?


html5、網(wǎng)頁(yè)游戲風(fēng)靡全球，需要頁(yè)面展現(xiàn)的東西 都是前端范疇，你說(shuō)有前途嗎?


目前世界上的可視化物質(zhì)是什么?螞蟻?人?那么我告訴你，是網(wǎng)頁(yè)，網(wǎng)頁(yè) ，網(wǎng)頁(yè)，據(jù)統(tǒng)計(jì)現(xiàn)在全世界 有億級(jí)別的網(wǎng)頁(yè)，請(qǐng)問(wèn)什么概念，你說(shuō)有前途嗎?


最直觀的：前端的工資 從前幾年的平均幾K 到現(xiàn)在的10-20 k 。

你說(shuō)有前途沒(méi)!!!