怎麼樣向不懂前端的人介紹前端？

01-15

打開一個網頁，查看源文件，然後告訴他，這個就是前端

我女朋友在互聯網行業做hr，所以有時候要篩選基本的簡歷，包括前端，php,java等後台開發，我是這麼跟他說的。

你用的軟體，能看到的界面設計全部都屬於前端，例如，頁面的排版，導航的排列，色調的應用，這是初級的前端，還有一些交互型的也是屬於前端，例如熱點按鈕，超鏈接，滑鼠事件樣式的改變（就是滑鼠，鍵盤指到某一處，某一處的顏色，狀態等等）發生改變。還有一些簡單的樣式邏輯判斷，但是有些邏輯判斷也屬於後台，最簡單的方法看他是否需要訪問後台資料庫，例如，檢查用戶名是否重名，這是需要訪問資料庫的屬於後端設計，而一些郵箱合法性，則是前端判斷。

根據不同的對象，和自己的心情（是否願意搭理），是否有閑暇時間，使用不同的方法。

對於沒必要了解工作內容的人，一律回復：搬磚寫碼的程序員即可。（可以直接黑字結束話題）

對於朋友，可以稍微了解工作內容的人，可以回復：寫網站界面/程序的。

對於家裡人，他們只需要知道你工作的地方穩定/你工作開心/生活健康就好（七大姑八大姨可以直接按照第一條回復，以免節外生枝），諸如：吃得好睡的好，沒有PD無情毆打的哪裡哪裡...

對於校友或者學弟一類，想了解專業方向出路和你工作內容的人，這裡有兩個github repo，請直接複製粘貼給他們：

JacksonTian/fks · GitHub
geekcompany/full-stack-tree · GitHub

最後，補充一點，對於妹紙，你可以，做一個resume或者blog出來，然後給他們看，「我的工作內容和做這個網站差不多」（和妹紙解釋工作內容，活該，咳咳....）。

寫網頁的

想了想還是用做菜來類比較容易理解：網頁可以簡單的理解為素材及布局、交互行為和數據的集合體。

如果把製作一個網頁比喻成做菜的話，那麼過程如下:

美工準備好素材及界面布局（色）
交互做好交互規則（香）
後端準備好數據（味）
然後前端工程師就像一個大廚，通過料理工具及調料（HTML、CSS、JS），把這些都整合起來，作出一道色香味俱全的佳肴（網頁）。當然這盤菜還有諸多要考慮的地方，比如不同人群的口味（可以認為是瀏覽器兼容性），不光要Chrome、Firefox小夥子吃了說好，就是這個味兒，還得要口味比較怪的IE先生覺得也可以。

怎麼樣，作為一個前端是不是感覺很有成就感？

做網站的

我也來說說我的看法吧。

作為一個前端，在外行的眼中或許真的和」美工「有千絲萬縷的關係。扯不清。

曾經投遞簡歷前端還被一些外行的HR叫去面試了。結果發現人家要的是美工。那個汗顏啊。。。

其實最成功的前端應該是UI+前端工程師的組合體，因為很多美工設計的東西雖然有美感，但是前端工程師卻和他們有著不一樣的用戶體驗感。他們有自己的設計理念。或許只是因為PS功夫沒有美工那麼厲害所以不能用圖片表現出來。

一般和外行人解釋前端我都是這樣說的，你們看到的很多網站，那些入眼的頁面就是前端工程師用代碼去實現的。

你們看不見的那些數據交互就是後台工程師去實現的。一個非靜態的網站應該是前端和後台的合成品。

不知道這個解釋算不算比較清楚了呢。

打開瀏覽器，你看到的都是我們做的！

瀏覽器窗口裡的所有東西，都是前端

你可以告訴他在互聯網上所有能實際看到的東西，都是前端開發工程師做的。他或許就能理解了。

做設計裡面寫代碼的~程序員裡面會做設計的~

設計師裡面最能碼程序的，程序員裡面最會做設計的。

如果說介紹，很簡單，讓他和你住一段時間。前端的孩子回家都在折騰玩，並且是玩很帥滴東東，我就是這樣使一個馬上要上研究生滴同學毅然決定做前端了，並且現在已經在不錯的公司從事前端還拿著不錯的薪水。我發現與我做過室友滴孩子都知道前端是啥了，不需要口頭介紹。

我女朋友說:『』不就是把ps里的圖片轉換成網頁然後加特效嘛!『』我還要辯解什麼？

程序猿里的美工

美工里的程序猿

碼農

狹義的前端是瀏覽器上的一切。

廣義的前端包括所有人類可以看到的東西。

基於瀏覽器的，以代碼為工具，展現很酷的設計，提高交互的體驗的職業。

前端也好，後端也罷，都有cool的一面

展現出來

Web前端，也就是在Web應用中用戶可以看得見碰得著的東西。或者說「網頁製作」、「網頁製作工程師」、「前端製作工程師」、「網站重構工程師」