作為一個前端開發工程師,別人問你前端是什麼時你會怎麼回答?

如題:假如一位不懂前端的朋友問你前端是什麼?你回怎麼回答?
回答請盡量通俗易懂,如果能舉例說明前端開發的震撼性成果最好!
註:題中的【前端】指前端開發或前端開發工程師中「前端」的意義。


春節回家過年
我鄉下小姨媽問我:三娃啊,你現在在哪裡打工啊?
我:我在成都上班。
小姨媽:哦,在成都打啥子工哇?
我:做前端。
小姨媽:啥?
我:做前端開發。
小姨媽:前端是個啥子東西?
我:。。。
我:嗯,小姨媽,你會上網哇?
小姨媽:會啊,家裡面寬頻快得很,看【太子妃升職記】點兒都不得卡,還有搶紅包,咻咻咻咻咻~,就搶到【敬業福】老!
我:。。。那你平時除了看電視和搶紅包,還上網做什麼誒?比如,你會不會用百度搜索哇?
小姨媽:百度?賣假藥那個?會啊,上次我用百度搜怎麼祛斑,結果出來買葯的,我看了一哈,上面介紹說效果好好哦,我就買了一種,結果點兒效果莫得,臉上還過敏了,你們前端就是做這個的?
我:。。。不是啊,我們前端做的是......嗯,小姨媽,你會不會在淘寶上面買東西哇?
小姨媽:會啊,上面的東西好便宜哦,有個啥子[秒殺活動],便宜慘了,只不過我搶好多次都沒搶到過,你們前端就是做這個的哇?
我:嗯,對啊對啊,我們前端可以做各種各樣的網頁,比如各種秒殺頁面啊,比如網頁效果啊,比如。。。
小姨媽打斷道:那以後有什麼秒殺活動我就找你了哦!
我:。。。我們不是主要做這個的,我們做的是......算了,我還是給你演示一遍哇!
(打開電腦,打開瀏覽器,打開百度。。。)
我:小姨媽,你看嘛,瀏覽器中的所有網頁全都是我們前端做出來的,比如這個:

這個:

所有的網頁全是我們前端做出來的!!!
小姨媽:這些都是你做的嗎?
我:。。。不是,這些是那些大公司的前端高手做出來,我做出來的是這個:

小姨媽:嗯,確實別個的是要好看些!你說所有網頁都是你們前端做的?
我:對呀,我們前端就是專門做網頁的,各種各樣的網頁!
小姨媽:
那這種也是你們做的哦?

我:。。。
小姨媽:三娃啊,做人不能沒良心,萬一教壞了小孩子啷個辦哇!
我:這個是別個公司做的,我的網站就不得做這種!!!小姨媽,你曉得啥子是前端了不?
小姨媽:應該曉得了哇,前端是不是打開瀏覽器可以直接看見的網頁嘛?
我:嗯,對,網頁上的所有東西(界面布局、動畫效果、交互等)都是我們前端做出來的,你也可以簡單理解成前端就是網頁,前端開發就是做網頁
小姨媽:哦,你直接說做網頁我不就懂了嘛。。。不過,三娃,你莫要賣假藥、打低俗廣告哦~


「通常說的計算機領域的前端是計算機圖形用戶界面的一種,工作在特定的宿主環境,比如瀏覽器中,是目前比較成熟的系統化的跨平台的一種人機交互實現。我就是搞這個開發的…」

「好牛逼啊……咱還是談談對象吧」

「哦,面向對象啊,抽象,封裝,多態,繼承…」

(つД`)ノpia

——————————靜靜的分割線——————————

這種問題要解釋不好絕對是話題終結者,具體看看要和誰說吧

如果是爺爺奶奶,可以籠統地說,「就是作把手機屏幕上能看得見,聽得著,戳起來有反應的東西組合起來的事情。沒有了前端(廣義的),再牛逼的手機都只是會發光的磚頭」。

如果是叔叔阿姨,就簡單說「百度里搜出來的東西都的前端搞的,沒前端上網就啥都幹不了了」。

如果是弟弟妹妹,電腦基本都比較熟啦,就說是網站裡面搬磚的,把按鈕搬來搬去的,要從小鍛煉好身體,歡迎以後長大一起來搬,為社會主義偉大前端事業添磚加瓦。

要是相親的妹紙問,我通常說是打字員 或者造網頁的(切勿模仿)


有很多人分不清網頁設計、UI、網頁製作和web前端這幾個分別是做什麼的,在此本尊通通就來科普一下。web前端開發 - 知乎專欄
首先,這些都是與PC網站或者移動端的網站(APP)有關的職能。網頁設計是指運用一些設計軟體對網站進行美化,解決「好看」的問題。UI是指人與界面互動的優化,解決「舒適」的問題。Web前端是網頁製作的升級版,網頁製作一般是指PC端的網頁製作,而web前端是包括移動端在內的前端界面製作。不知道大家理解了沒有,上個圖幫助大家來理解。


所謂前端 如果用建房子的來說 應該算是搞裝修的、貼外牆額
後端就是砌磚的
推廣就是發廣告的
架構師就是搭架子的
UI就是建築設計師 裝修設計師
測試就是質檢


打開電腦看的到的,都是我們做的


直接說做網頁的,並且不會修電腦。。。。。


點開一網頁,告訴他這就是我做的,以前它就是個圖


通常我回家都會跟叔叔阿姨說我在互聯網公司當保安。薪資3000待遇一般不包吃包住。不為什麼,只是不想跟他們糾結這個話題。


你說,

你曾用夜以繼日保護你的光榮

那我也將用容顏捍衛我的尊嚴


就是開發你們人類能看得見看得懂的那部分


軟體交互界面開發


前端就是把想像的設計推向實際,
就像你夢見小時候的初戀,幫你變成現實。


答:登錄http://www.baidu.com 你會得到你想要的答案


推薦閱讀:

如何在Echarts的關係圖中正確的引用dataTool而不報錯?
如何保證用戶登錄時提交密碼已經加密?
如何使用nodejs做爬蟲程序?
Websocket為什麼在客戶端向服務端發送報文的時候需要掩碼加密,而服務端向客戶端不需要呢?
SVG 具體的應用場景是怎樣的?為什麼代替 Flash 的是 Canvas 而不是 SVG 呢?

TAG:前端開發 | 前端工程師 | 前端入門 |