鍍金池/ 教程/ HTML/ 什么是前端開發(fā)者?
圖表工具
自主學(xué)習(xí)
HTML & CSS
安全工具
SEO: 搜索引擎優(yōu)化
Web/云/靜態(tài)主機托管工具
原型和框架工具
性能工具
第二部分: 學(xué)習(xí)
第三部分
靜態(tài)網(wǎng)頁生成器工具
全才神話
接口/API 設(shè)計
Web 開發(fā)者工具
CSS 工具
HTTP/網(wǎng)絡(luò)(包括 CORS 和 WebSockets)
Directed learning
JSON(JavaScript Object Notation)
多平臺開發(fā)
內(nèi)容管理托管/API工具
前端開發(fā)者常用的網(wǎng)絡(luò)技術(shù)
項目管理 & 代碼托管
圖形工具
JavaScript 錯誤監(jiān)控工具
Directed learning
模塊/包倉庫工具
HTML 工具
包管理器
靜態(tài)網(wǎng)頁生成器
模板工具
前端簡報, 資訊網(wǎng)站 & 博客
前端應(yīng)用架構(gòu)設(shè)計
測試框架工具
合作 & 交流工具
前端薪資
命令行
版本控制
了解代碼編輯器
前端數(shù)據(jù)存儲工具
模塊加載和依賴管理
模塊/包加載工具
前端開發(fā)的技術(shù)棧
Node.js
團隊中的前端
什么是前端開發(fā)者?
無障礙設(shè)計
腳手架工具
Web 動畫
第一部分:前端開發(fā)實踐
域名系統(tǒng)(又稱 DNS)
JavaScript
前端工作版塊
Web 主機
HTTP/網(wǎng)絡(luò)工具
網(wǎng)站/APP 監(jiān)控工具
前端的工作職稱
常用前端開發(fā)工具
部署工具
Web瀏覽器
用戶界面和交互設(shè)計
APP(桌面, 移動, 平板等) 工具
前端開發(fā)者的后端服務(wù)工具(又稱 BASS: Back-end as a service)
安全
SEO 工具
離線工具
數(shù)據(jù)可視化工具
無殼瀏覽器
JavaScript 工具
前端開發(fā)者從哪里學(xué)
SVG 工具
DOC/API 瀏覽工具
構(gòu)建和任務(wù)自動化
任務(wù)管理(又稱 構(gòu)建)工具
DOM, BOM & JQuery
前端開發(fā)綜合學(xué)習(xí)
如何成為前端開發(fā)者?
Internet/web
動畫工具
瀏覽工具
JSON 工具
前端開發(fā)者手冊
JS 測試
離線開發(fā)
DOM 工具
前端開發(fā)做什么
Web/瀏覽器 API
React
前端面試
UI 部件 & 組件工具
Web 字體 & 圖標(biāo)
網(wǎng)站性能優(yōu)化

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

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

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

what-is-front-end-dev

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

一般而言, 一個人可以通過學(xué)習(xí) HTML,CSS,JavaScript進入前端開發(fā)領(lǐng)域, 這些代碼運行在 Web瀏覽器, 無殼為瀏覽器, Web視圖之中, 或用于編譯本地運行環(huán)境的輸入. 后文將詳細介紹這四個運行場景.

Web瀏覽器是用于檢索, 呈現(xiàn)和遍歷萬維網(wǎng)(WWW)信息的軟件. 一般而言, 瀏覽器可以運行在臺式機, 筆記本電腦, 平板電腦或手機. 但是近來, 幾乎在任何事物上都能夠發(fā)現(xiàn)瀏覽器(如: 冰箱上, 汽車?yán)锏?.

最普遍的Web瀏覽器如下:

無殼瀏覽器是指沒有圖形用戶界面的Web瀏覽器, 可以通過命令行接口控制達到網(wǎng)頁自動化的目的(如: 功能測試, 單元測試等). 把無殼瀏覽器當(dāng)做可以從命令行運行的瀏覽器, 它依然可以檢索和遍歷網(wǎng)頁.

最普遍的無殼瀏覽器如下:

Webviews 被本地 OS 用來運行網(wǎng)頁. 把Web視圖當(dāng)做Web瀏覽器中的iframe或者單個的Tab, 其嵌入于運行在設(shè)備上的本地應(yīng)用程序中(如:iOS, android, windows).

Web視圖開發(fā)最普遍的解決方案如下:

  • Cordova (用于本地手機/平板應(yīng)用)
  • NW.js (即 Node-Webkit, 用于桌面應(yīng)用)
  • Electron (用于桌面應(yīng)用)

最后, 前端開發(fā)者從 Web 瀏覽器開發(fā)環(huán)境中學(xué)到的東西也可以用于不受瀏覽器引擎驅(qū)動的環(huán)境下. 目前, 脫離 Web 引擎,使用 Web 技術(shù)(如: CSS 和 JavaScript)去創(chuàng)建真正的本地應(yīng)用的開發(fā)環(huán)境正在出現(xiàn).

此類環(huán)境的示例如下:

譯者補充:

上一篇:安全工具下一篇:HTML & CSS