一個(gè)前端開發(fā)者, 要會(huì)使用Web技術(shù)(如:HTML,CSS,DOM和JavaScript)設(shè)計(jì)和開發(fā)網(wǎng)站應(yīng)用. 網(wǎng)站應(yīng)用, 或運(yùn)行于 Web平臺(tái) 之上, 或用于編譯非Web平臺(tái)環(huán)境的輸入(如:NativeScript).

圖片來源:https://www.upwork.com/hiring/development/front-end-developer/
一般而言, 一個(gè)人可以通過學(xué)習(xí) HTML,CSS,JavaScript進(jìn)入前端開發(fā)領(lǐng)域, 這些代碼運(yùn)行在 Web瀏覽器, 無殼為瀏覽器, Web視圖之中, 或用于編譯本地運(yùn)行環(huán)境的輸入. 后文將詳細(xì)介紹這四個(gè)運(yùn)行場景.
Web瀏覽器是用于檢索, 呈現(xiàn)和遍歷萬維網(wǎng)(WWW)信息的軟件. 一般而言, 瀏覽器可以運(yùn)行在臺(tái)式機(jī), 筆記本電腦, 平板電腦或手機(jī). 但是近來, 幾乎在任何事物上都能夠發(fā)現(xiàn)瀏覽器(如: 冰箱上, 汽車?yán)锏?.
最普遍的Web瀏覽器如下:
無殼瀏覽器是指沒有圖形用戶界面的Web瀏覽器, 可以通過命令行接口控制達(dá)到網(wǎng)頁自動(dòng)化的目的(如: 功能測試, 單元測試等). 把無殼瀏覽器當(dāng)做可以從命令行運(yùn)行的瀏覽器, 它依然可以檢索和遍歷網(wǎng)頁.
最普遍的無殼瀏覽器如下:
Webviews 被本地 OS 用來運(yùn)行網(wǎng)頁. 把Web視圖當(dāng)做Web瀏覽器中的iframe或者單個(gè)的Tab, 其嵌入于運(yùn)行在設(shè)備上的本地應(yīng)用程序中(如:iOS, android, windows).
Web視圖開發(fā)最普遍的解決方案如下:
最后, 前端開發(fā)者從 Web 瀏覽器開發(fā)環(huán)境中學(xué)到的東西也可以用于不受瀏覽器引擎驅(qū)動(dòng)的環(huán)境下. 目前, 脫離 Web 引擎,使用 Web 技術(shù)(如: CSS 和 JavaScript)去創(chuàng)建真正的本地應(yīng)用的開發(fā)環(huán)境正在出現(xiàn).
此類環(huán)境的示例如下:
譯者補(bǔ)充: