前端開發(fā)者指南

作者：科迪·林黎（Cody Lindley），由「前端大師（Frontend Masters）」傾情贊助。

這是一本可供任何人使用的指南，用于學習前端開發(fā)實踐。該指南大體上勾勒出了前端工程的輪廓，同時也討論了前端工程的實踐：2017 年，如何學習前端工程，用什么工具來實踐？

筆者有意將本書打造為一份專業(yè)資料，為想要或正在實踐的前端開發(fā)者們提供學習材料和開發(fā)工具。其次，它同樣可供主管、CTO、講師和獵頭們深入探索前端開發(fā)實踐。

本書內容偏向于 WEB 技術（HTML、CSS、DOM、JavaScript）和以這些技術為根基直接構建而成的開源技術。書中引用和討論的材料要么就是同類翹楚，要么就是解決問題的流行方案。

本書不是一本囊括所有前端可用資源的綜合綱領。其價值在于為恰好夠用的分類信息搜羅簡潔、聚焦且符合時宜的甄選內容，以免在特別話題下鉆了牛角尖。

預期本書每年都迭代一次內容。

本書分為三部分。

第一部分：前端實踐

第一部分概述了前端工程實踐。

第二部分：學習前端開發(fā)

第二部分指出了學習成為一個前端開發(fā)者所需的自學資源和教學資源（譯者注：教學資源包括有講師指導的付費課程、計劃、學院和訓練營）。

第三部分：前端開發(fā)工具

第三部分簡要地介紹和指出了一些前端圈內的工具。

文章目錄

• 前端開發(fā)者是什么？
• 2016 前端開發(fā)回顧
• 展望 2017
• 第一部分. 前端實踐
  • 前端職稱
  • 前端開發(fā)者所使用的技術
  • 前端開發(fā)技能
  • 前端開發(fā)者為 ... 而開發(fā)
  • 團隊里的前端
  • 全能型人才/全棧神話
  • 前端面試
  • 前端開發(fā)職位公示
  • 前端開發(fā)薪資
  • 前端開發(fā)者是如何誕生的
• 第二部分：學習前端開發(fā)
  • 自學
    • 關于互聯(lián)網／WEB
    • 學習 Web 瀏覽器
    • 學習域名系統(tǒng)（又叫 DNS）
    • 學習 HTTP/Networks（包括 CORS 和 WebSockets）
    • 學習網頁寄存（通稱虛擬主機）
    • 學習前端開發(fā)
    • 學習用戶界面／交互設計
    • 學習 HTML 和 CSS
    • 學習搜索引擎優(yōu)化
    • 學習 JavaScript
    • 學習 Web 動畫
    • 學習 DOM、BOM 和 jQuery
    • 學習網頁字體 & 圖標
    • 學習可訪問性相關知識
    • 學習 web／瀏覽器 API
    • 學習 JSON (JavaScript 對象表示法)
    • 學習 JS 模板
    • 學習靜態(tài)網頁生成器
    • 通過JS學習計算機科學
    • 學習前端應用架構
    • 學習數(shù)據（例如，JSON）API 的設計
    • 學習 React & Redux
    • 學習漸進式 Web 應用
    • 學習設計 JS API
    • 學習web開發(fā)工具
    • 學習命令行的使用
    • 學習 Node.js
    • 學習 JS 模塊系統(tǒng)
    • 學習模塊加載和打包工具
    • 學習包管理工具
    • 學習版本控制
    • 學習構建及任務自動化技術
    • 學習網站性能優(yōu)化
    • 學習測試
    • 學習無頭瀏覽器
    • 學習離線開發(fā)
    • 學習網絡／瀏覽器／應用的安全
    • 多平臺開發(fā)學習
  • 導向學習
    • 前端課程
  • 前端開發(fā)學習的起點
  • 前端資訊、新聞站和播客
• 第三部分：前端開發(fā)工具
  • Doc/API 瀏覽工具
  • SEO 工具
  • 原型設計和線框圖工具
  • 制圖工具
  • HTTP / 網絡工具
  • 代碼編輯工具
  • 瀏覽器上的神兵利器
  • HTML 工具
  • CSS 工具
  • DOM 工具
  • JavaScript 工具
  • 靜態(tài)網頁構建工具
  • 無障礙訪問工具
  • 應用程序框架工具（臺式機、手機、平板電腦等）
  • 漸進式 Web 應用工具
  • 腳手架工具
  • 常規(guī)前端開發(fā)工具
  • 模版／數(shù)據綁定工具
  • UI 組件 & 組件包
  • 數(shù)據可視化工具（例如圖表）
  • 圖形工具（例如 SVG、Canvas、WebGL）
  • 動畫工具
  • JSON 工具
  • 占位符內容工具
  • 測試工具
  • 前端數(shù)據存儲工具 (例如客戶端的數(shù)據存儲方案)
  • 模塊加載／打包工具
  • 模塊／包管理工具
  • 托管工具
  • 項目管理以及代碼托管工具
  • 協(xié)作與溝通工具
  • 內容管理 托管／API 工具
  • 后端即服務工具
  • 離線工具
  • 安全工具
  • 構建工具
  • 部署工具
  • 網站／應用監(jiān)控工具
  • JavaScript 錯誤報告／監(jiān)控
  • 性能工具
  • 尋找工具的工具

下載 .pdf、.epub、或 .mobi 格式的電子書:

• 中文：https://www.gitbook.com/book/sqrtthree/front-end-handbook-2017/details
• 英文：https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details

貢獻內容、提建議或者修復 GitHub 上的 bugs:

• https://github.com/xitu/front-end-handbook-2017

本文檔基于 Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License 協(xié)議發(fā)布。

致謝

• 滬江Web前端團隊
• 掘金翻譯計劃