web 前端入坑第一篇：web前端到底是什麼？有前途嗎
web前端到底是什麼？
某貨： “前幾年前端開發人員魚目混雜，技術參差不齊，相對學習起來不規範，導致> 前端開發人員聚集，所以現在前端工種和工資還是沒得到普遍重視，但近2年來，> > HTML5、JS 的流行，讓前端異常火爆，以後還會更有前途嗎？請問您怎麼看？”
我
“我只能告訴你：前端不滅”
“除非你不要臉！”
“前些年因為國內都不要臉，然而現在都明白了使用者體驗至上，現在都要臉；”
“不但要臉 還要胸大 活好！用著舒服”
“後端提供床，前端提供顏值高的妹，你說重要嗎？”
某貨：“嘿嘿！你意思是 地上、廚房都可以，但沒妹子怎麼行？。。【大大的 汙 】”
上面對話，是我前兩天在群裡 一段解答的對話。
有人問我 為什麼你舉例這麼生動，真實，讓人看了覺得更激情了。我只能告訴你：我主業是段子手，副業才是code，你表 搞錯好嗎？
好，下面我來簡單粗暴的介紹下我自己：3個特徵而已
- 我 最 帥！
- 我 最 帥！
- 我 最 帥！
O(∩_∩)O 好了，我們已經相識了，我們進入相知的階段（我擦，太快了吧？）
在我講段子之前呢，我有必要和責任解釋下：
｛“ web前端開發 ”是什麼？ ｝
｛“ web前端開發 ”有前途嗎？｝
｛“ web前端開發 ”到底怎麼學？｝
這3個物件，是你入【前端】這個坑的初戀，對！沒錯同時和 3個物件談戀愛（我知道你大學肯定幹過額 【邪惡臉】）。
NO 1： web前端開發 ”是什麼？
前言：宣告啊，我是個草根派，不是學院派；那些一篇噼裡啪啦，噼裡啪啦的各種定義 和術語解釋，你在我這麼帥的人的系列文章裡，根本看不到 嘿嘿！
【啦啦啦 啦啦啦， 我是賣報的小行家，不怕苦，不怕累。。】。。。畫風突變
跑題啦！不過話說回來，這個膾炙人口的兒歌，深刻反映了我們 web前端行業的一個工種狀態。行家，自由，但要經歷苦、累 才會有收穫。其他行業，苦、累居多，而我們大前端那必須是自由，樂趣，隨心所欲的一個工種。
本帥的感觸：做任何一件事，如果是興趣使然，那必定會堅守到老，從菜鳥變大神也是順理成章的事兒。因為你的經驗會隨著你的顏值經歷時間的洗刷，最後你回頭會發現一件最有意義的事：
我擦，加薪了！ (^o^)/YES!
廢話了這麼多，我們來步入正題：其實web前端這個職位，並沒有一個有效的歷史記錄可以查詢，更沒有一個明確的定義，她不像java 攻城獅、c++開發這種一開始就有明確定位的工種一樣，是有核心技能可以描述的。比如java開發，顧名思義就是利用java程式來開發功能，php開發：利用php做個商城等等。
前端小美女
你會發現：我們前端這個姑娘，她甚至沒有一個logo 和擬人化的圖形用來描述（是不是挺扯淡的？）不過不要緊，下面讓帥的人 來為她正名。O(∩_∩)O~
一、web前端的演變
Web前端開發工程師是一個很新的職業，在國內乃至國際上真正開始受到重視的時間不超過10年。Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在網際網路的演化程序中，網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，使用者使用網站的行為也以瀏覽為主。
2005年以後，網際網路進入Web 2.0時代，各種類似桌面軟體的Web應用大量湧現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種豐富媒體讓網頁的內容更加生動，網頁上軟體化的互動形式為使用者提供了更好的使用體驗，這些都是基於前端技術實現的。
隨著WEB2.0概念的普及和W3C組織的推廣，網站重構的影響力正以驚人的速度增長。
前端飛速發展
上邊一段標註解釋，是某科的一些附錄，（這麼枯燥的東西，就讓別人來總結吧對麼？）大概闡述了，以前的web是怎麼一種狀態和Web2.0的重要性。
其實中國的“web前端開發攻城獅”這個職位好多人並不知道是怎麼叫出來的，那麼我偷偷 <(￣︶￣)>告訴你：其實是淘寶團隊，發明出來的本土化的名稱，因為歷史原因，淘寶在2005以後迅速崛起，並且爆發式的訪問量，讓淘寶網的使用者體驗受到巨大考驗和急需前進。
然後淘寶官方第一次有了【 web前端開發 】這個字眼和招聘職位，或許其他網站也想到了這樣一種描述，但是畢竟知名度巨高的淘寶，受關注度自然高，口碑相傳，就把【前端開發】這個叫法發揚光大了。
在早期點Web前端不叫前端，而是被親切的叫做“網頁設計師”，沒錯你沒看錯，就是這個名字，我記得那時候 【網頁三劍客】的說法滿天飛，你掌握了這3賤客，真的很賤，就可以被人叫做網頁設計師了。
網頁三劍客：DW\FW\Falsh
網頁三劍客
網頁三劍客（Flash、Dreamweaver、Firewoks) 並稱為Macromedia的網頁製作三劍客，由於是同一公司的產品，因而在功能上有著一個非常緊密的結合 。後來Firewoks被Adobe這個變態的巨頭收購以後，ps就基本取代Firewoks來做設計網頁的工作了，雖然我知道現在還有人用，估計是一種懷念和某些好用的切圖功能吧。
而那時候的網頁設計師 如果要入此道，必須要掌握的就是Dreamweaver，並不是說只有他能寫html 和 css ，而是它在當時的自動提示實在太好用、太強大了，簡直不用費腦細胞，你就可以輕輕鬆鬆的完成你所想。在當時前端工具和編輯器貧乏的時代，這個絕對是神奇級別了（當然後來 寫的多了都熟悉基本不用提示的）。當年還有很多基於Dreamweaver構建網站的教程，那時候真的是個基情滿滿的年代，這些工具類的歷史產物，有興趣的朋友可以去了解一下就好了，我們不在多舌。
二、web前端開發入門，需要掌握哪些基礎
雖說這個問題很大，但是這個話題就很好回答了；因為現在前端如此眼花繚亂，技能多多，都是基於此三板斧：
HTML、CSS、JavaScript
W3C
語言基礎：HTML、CSS、JavaScript
思想標準：W3C標準
W3C全球資訊網聯盟創建於1994年，是Web技術領域最具權威和影響力的國際中立性技術標準機構。到目前為止，W3C已釋出了200多項影響深遠的Web技術標準及實施指南，如廣為業界採用的超文字標記語言（標準通用標記語言下的一個應用）、可擴充套件標記語言等，有效促進了Web技術的互相相容，對網際網路技術的發展和應用起到了基礎性和根本性的支撐作用。
所以 我們現在運用的html 超文字標記語言，css 等所有基於web技術的範疇，基本都是w3c標準，並全世界統一執行的，所以符合w3c 也就是開啟前段之門了。
web前端，首先不是孤立存在的，前端相對於web後端程式設計而言，前端是瀏覽器自身支援的程式語言，包括html,css,javascript
HTML： 是構成網頁展示的基礎，是一種很簡單視覺化的標識語言，說白了就是 一是一，你寫二就出二。網上所有的網頁網站，不管多麼牛鼻最後都會轉化成html，被瀏覽器渲染出來，用作展示。
CSS： 又稱作樣式表，簡單點說就是html的外衣，將html包裝的明豔動人。
JavaScript：是一種直譯式指令碼語言，非常靈活，可以在任何瀏覽器上開發與除錯的一種動態型別、弱型別、基於原型的語言。
（關於js這個讓人又愛又恨的語言，我們到後面會著重介紹和學習，因為掌握此技能， 你就擁有了全世界，說全世界是扯淡的，說白了擁有了 money和妹子）
NO 2： web前端開發 ”到底有前途嗎？
如果你在2012年以前 這麼問，或許很多人會思考一下，給你說不知道，應該沒後端程式設計有前途吧，或者直接說，web前端有啥啊？不就寫個網頁、js嗎？工資又低。。。。
但現在是2016年了親，我只能說以後都會是前端年，很久以前不懂web前端的人觀念大概是：
xx是美工，讓他弄個網頁過來
xx你好，你能給我切割按鈕過來嗎，我後面需要用
xx你alert一下，看我資料傳過去了沒。
xx xx xx 的
xx你麻痺啊xx！不要叫我美工，誰叫我跟誰急；不要叫我頁面仔，雖說每個紮實的前端都是頁面仔過來的；更不要侮辱我的職業，以為前端只是寫頁面、切圖。。
然而現在的真實情況是這樣的：
hi，小北你這個是什麼效果啊，這麼牛，css3 html5做的？【css3 html5 笑而不語】
我擦，這，這 怎麼自動就重新整理了，嚇我一跳啊，我還拉回切換著f5呢【gulp、 webpack等構建工具笑而不語】
哎呦，js真牛逼啊，連後臺資料庫都能操作了，伺服器都能構建了【nodejs笑而不語】
哥，你需要什麼形式的json串啊， 我這邊好生成一下，哥，你過來看一下這個體驗怎麼樣？【老子 不笑，也不會語。尼瑪要累死我？】
隨著html5的普羅天下，css3的風靡全球，隨著nodejs 的崛起，JavaScript這個最容易被人誤解的語言，終於散發了它本該有的光芒（不要以為是我抄的別人的話，本篇文章純屬原創，我就是這麼有才！）
Javascript這個牛鼻的歷史產物，現在真的可以說是萬能的，至少在web層面是這樣，互動、效果、資料操作、娛樂遊戲、操作檔案io等等。
由於現在是web應用時代，各種尺寸的電子裝置，增長式的爆發，只要和螢幕有關的 就是顏值，顏值代表了一切，你說前端有前途嗎？
html5、網頁遊戲風靡全球，需要頁面展現的東西 都是前端範疇，你說有前途嗎？
目前世界上最多的視覺化物質是什麼？螞蟻？人？還有人說是TT（泥煤，虧你想的出來），那麼我告訴你，是網頁，網頁 ，網頁，據統計現在全世界 有億級別的網頁，請問什麼概念，你說有前途嗎？
最直觀的：前端的工資 從前幾年的平均幾K 到現在的10 20 k 。
前端工資比例圖
你說有前途沒?
由於本篇文章是 我 前端系列文章的第一篇，只介紹下歷史原因 和 為前端正名，並且有效提升初學者和懷疑者的興趣，所以一些名詞的介紹和意義，大家先自行谷歌、度娘一下，後面我們會一一道來。
NO 3： web前端開發 ”怎麼學習，怎麼入門？
想知道嗎？嘿嘿，我好累，喝口水把個妹，想知道，持續關注我帥帥的顏值，下回分解！
在最後，特別感謝，賀賀妹子（傻），辛苦整理提供一些資料和配圖，讓我的文章更加生動和有趣。我想她一定是被我的顏值折服了吧！
----------------------------------------------------------------------------------------------
web前端入坑系列：點選標題進入
入坑方式： 歡迎加入~！氣氛熱情，歡樂多，妹子多！
掃描屏二維碼或直接搜尋，可以關注 我的前端公眾號 ：前端你別鬧
聽說妹子挺多的，及時更新一些前端解惑和段子
