帶你了解前端開發

前端是什麼？

前：代表與人直接打交道的部分，包括界面的展現，與用戶的交互等。

端：代表輸出終端，例如pc瀏覽器，手機瀏覽器和APP等

合起來說，前端是通過輸出終端將頁面展現給用戶，並與用戶實現交互的過程。舉個例子，當你打開微信和別人聊天時，你所看到的聊天界面就是頁面的展現，你在輸入框打字或者通過語音發送一個消息給對方，這時就實現了一個頁面與用戶的交互過程。

前端開發的發展

前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在互聯網的演化進程中，網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。2005年以後，互聯網進入Web 2.0時代，各種類似桌面軟體的Web應用大量湧現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種豐富媒體讓網頁的內容更加生動，網頁上軟體化的交互形式為用戶提供了更好的使用體驗，這些都是基於前端技術實現的。

前端開發工程師的前身是網頁設計師或者說是網頁美工，但隨著互聯網的發展，用戶體驗的越來越多樣化，前端開發不再是簡單的網頁製作，而是朝著工程化方向發展，所以才有了前端開發工程師這個職業。

前端開發語言

前端開發的語言主要是HTML、CSS和JavaScript這「三劍客」。

HTML是HyperText Markup Language（超文本標記語言）的縮寫，是一種用於創建網頁的標準標記語言，使用標記標籤描述網頁中的文字、圖片、鏈接等。

CSS全稱為「層疊樣式表 (Cascading Style Sheets)」，用於定義HTML內容在瀏覽器中的顯示樣式，如字體的大小、顏色、對齊方式和字體加粗等。

JavaScript是一種原型化繼承的面向對象客戶端腳本語言，實現HTML網頁與用戶的動態交互功能。

這是三種語言百科全書式的術語解釋，很官方，所以我們用點通俗化的表達來翻譯一下。 HTML決定頁面上有什麼東西，CSS決定了頁面長什麼樣子，這兩種語言可以實現靜態頁面的展現。黑客計劃里有一篇兩招教會你製作屬於自己的靜態網頁的文章，你可以去了解一下。

JavaScript決定定頁面的動態功能。可能這裡就會有人困惑了，Java和JavaScrip有什麼聯繫嗎？他們兩者就像印度和印度尼西亞那樣，沒有任何必然的聯繫。

將網頁比作一個句子，HTML是名詞，CSS是形容詞，JavaScript是動詞，三者組成一個完整的句子。

和後端開發的聯繫

還是微信聊天的例子，微信有聊天的功能，是因為後端開發出了聊天這個功能模塊，前端實現的是這個聊天功能長什麼樣子。後端開發是基於伺服器和資料庫的，而前端開發則是基於瀏覽器的。當你發送微信消息給對方，退出聊天界面後，再返回來仍能看到聊天記錄，那是因為後端開發通過程序將你的聊天信息存儲在了資料庫，然後前端開發決定了你發送的消息背景顏色是綠色，對方發送給你的消息背景顏色是白色等。

前端開發就像餐廳里上菜的服務員，後端開發則是廚房裡的廚師。

小結

現今，隨著前端開發語言、框架的越發成熟和穩定，前端開發工程師已經不是以前被人稱作「頁面仔」的網頁美工了，而是一個對整個產品開發很重要的崗位。各大互聯網公司的招聘信息就很好地印證了這點。

以上內容轉載自編程少年青少年編程愛好者學習交流社區 - 編程少年

PS:編程少年社區中的原創遊戲是孩子們自己的作品，請點入鏈接並準備打分或評論的知友考慮到這一點，並多給予鼓勵，謝謝大家。