前端開發(fā)者是什么？

WEB 前端開發(fā)，也作客戶端開發(fā)，是給網(wǎng)站或網(wǎng)頁應(yīng)用生產(chǎn) HTML、CSS 和 JavaScript 的過程，它讓用戶得以瀏覽網(wǎng)站或網(wǎng)頁應(yīng)用并與之交互。創(chuàng)建網(wǎng)站前端的工具與技術(shù)時(shí)常變革，因此開發(fā)者應(yīng)對(duì)業(yè)內(nèi)發(fā)展近況保持清醒，這是前端開發(fā)者面對(duì)的挑戰(zhàn)。

保證用戶打開網(wǎng)站時(shí)，以一種易讀且關(guān)聯(lián)的形式瀏覽信息，是設(shè)計(jì)網(wǎng)站的目的。目前這個(gè)需求變得更棘手：如今用戶使用的設(shè)備種類繁多，設(shè)備對(duì)應(yīng)的屏幕尺寸和方案亦然，這迫使設(shè)計(jì)者在開發(fā)站點(diǎn)時(shí)考慮這些方面。他們要保證站點(diǎn)在不同的瀏覽器（跨瀏覽器），不同的操作系統(tǒng)（跨平臺(tái)）以及不同的設(shè)備（跨設(shè)備）上正確運(yùn)行，這要求開發(fā)者縝密地制定方案。

https://en.wikipedia.org/wiki/Front-end_web_development

HTML、CSS 和 JavaScript:

前端開發(fā)者使用 WEB 技術(shù)（例如 HTML、CSS、 DOM 和 JavaScript）來建造網(wǎng)站和開發(fā)應(yīng)用。他們使用 WEB 技術(shù)在 WEB 平臺(tái)或非 WEB 框架（比如 NativeScript 框架）上設(shè)計(jì)程序。

圖片來源：https://www.upwork.com/hiring/development/front-end-developer/

通常前端開發(fā)者通過學(xué)習(xí) HTML、CSS 和 JS 來入門。HTML、CSS 和 JS 代碼在 WEB 瀏覽器、無頭瀏覽器（Headless Browsers）、WebView 上運(yùn)行，或者被用于原生運(yùn)行環(huán)境的程序設(shè)計(jì)。我稍后解釋這四種運(yùn)行場(chǎng)景。

WEB 瀏覽器

WEB 瀏覽器用于從萬維網(wǎng)（WWW.）檢索、呈現(xiàn)和遍歷信息。通常瀏覽器在臺(tái)式機(jī)、筆記本、平板或手機(jī)上運(yùn)行，如今，瀏覽器可以在幾乎所有物體（比如冰箱，汽車）上運(yùn)行。

最常見的 WEB 瀏覽器如下（按使用度排序）：

• Chrome
• IE（注：非 Edge，數(shù)據(jù)參考自 IE 9 至 IE 11）
• 火狐
• Safari

無頭瀏覽器（Headless Browsers）

無頭瀏覽器是一種沒有用戶圖形界面的 WEB 瀏覽器，我們可以用命令行界面編程控制該瀏覽器，達(dá)到自動(dòng)化運(yùn)行 Web 頁面（比如功能測(cè)試、網(wǎng)站檢索、單元測(cè)試等）的目的。可將無頭瀏覽器看作網(wǎng)頁瀏覽器，不過你用命令行來檢索、遍歷網(wǎng)頁。

最常見的無頭瀏覽器：

• PhantomJS
• slimerjs
• trifleJS

Webviews

原生操作系統(tǒng)的原生應(yīng)用中，用 Webviews 來運(yùn)行網(wǎng)頁。不妨把 webview 想成一個(gè)嵌進(jìn)原生應(yīng)用的 iframe 或 WEB 瀏覽器標(biāo)簽，而該原生應(yīng)用運(yùn)行在設(shè)備的系統(tǒng)上（比如 IOS、安卓、windows）。

最常見的 webview 開發(fā)解決方案如下：

• Cordova (通常用于手機(jī)、平板的原生應(yīng)用)
• NW.js (通常用于桌面應(yīng)用)
• Electron (通常用于桌面應(yīng)用)

基于 WEB 技術(shù)的原生應(yīng)用

最終，前端開發(fā)者從 WEB 瀏覽器開發(fā)中得到經(jīng)驗(yàn)，并可以脫離瀏覽器引擎環(huán)境編碼。近來，人們正在構(gòu)思如何脫離 web 引擎，用 web 技術(shù)（比如 CSS 和 JS）來構(gòu)建原生應(yīng)用。

該環(huán)境的例子：

• NativeScript
• React Native

注：

請(qǐng)確認(rèn)自己明白 “web platform” 的準(zhǔn)確含義。查閱 “The Web platform: what it is” 和維基百科 “Open Web Platform”