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

前端開發(fā)做什么

前端開發(fā)做什么

一個(gè)前端開發(fā)者能在下面的操作系統(tǒng)列(又稱: OS)表中之一上手寫運(yùn)行在Web平臺(tái)(如: 瀏覽器)之上的 HTML, CSS 和 JS:

  • Windows
  • Windows Phone
  • OSX
  • iOS
  • Android
  • Ubuntu (or Linux)
  • Chromium

操作系統(tǒng)運(yùn)行在下面中的一個(gè)或者多個(gè)設(shè)備之上:

  • Desktop computer
  • Laptop / Netbook computer
  • Mobile phone
  • Tablet
  • TV
  • Watch
  • Things (任何你能想到的, 汽車, 冰箱, 燈光, 溫控器等)

front-end dev for what

一般來說, 前端技術(shù)通過使用下列運(yùn)行時(shí)場(chǎng)景, 能運(yùn)行在前面提到的操作系統(tǒng)和設(shè)備之上:

  • 運(yùn)行在 OS 上的Web瀏覽器(如: Chrome, IE, Safari, Firefox)
  • 運(yùn)行在 OS 上并由 CLI 驅(qū)動(dòng)的 headless瀏覽器(如: plantomJS)
  • 一個(gè)Web視圖/嵌入本機(jī)程序的瀏覽器Tab(當(dāng)做 iframe)作為運(yùn)行時(shí)環(huán)境, 作為與本機(jī) API 通信的橋梁. 典型的Web視圖應(yīng)用包括一個(gè)由Web技術(shù)(HTML, CSS, 和 JS)構(gòu)建的 UI.(如: Apache Cordova, NW.js, Electron)
  • 一個(gè)由Web技術(shù)創(chuàng)建的本機(jī)程序會(huì)在運(yùn)行時(shí)作為與本機(jī) API 通信的橋梁, 被解釋執(zhí)行, UI 將使用本機(jī)的UI部分(如: IOS 本機(jī)控制)而不是Web技術(shù)控制(NativeScript, React Native).