由 Cody Lindley 编写
Frontend Masters 赞助，用深入的、现在的前端工程课程提升你的技能。
这是一个任何人都可以用来学习前端开发实践的指南。它大致地概括并讨论了前端工程的实践：如何学习前端以及在 2018 年开发中用到的工具。
它的目的是为目前和以后准备从事前端开发的开发者们提供专业的资源，帮助他们提供学习资料和开发工具。其次，它可以帮助管理人员，CTO，讲师或者猎头们了解前端的开发实践。
该指南内容偏向 web 技术（如 HTML,CSS,DOM 和 JavaScript）以及直接构建在这些开源技术上的解决方案。书中涉及到的材料，要么是最佳解决方案，要么是当前存在的问题。
这本书不应该被当做前端开发者可用的所有资源的大纲。它的价值在于简洁、集中、及时地整理足够多的信息，这样不至于让开发者在某个领域苦苦摸索。
目标是每年发布一次内容更新。
该指南分为以下三个部分：
第一部分大致描述了前端工程的实践。
第二部分介绍了成为前端开发者的自学方向和学习的资源。
第三部分简要介绍了前端开发要用到的工具。
- 什么是前端开发人员？
- 2017 年前端开发回顾
- 2018 年的期待...
- 第一部分：前端实践
- 第二部分：学习前端开发
- 自我导向学习
- 了解互联网/Web
- 了解 Web 浏览器
- 了解 DNS
- 了解 HTTP/网络
- 了解虚拟主机
- 了解通用前端开发
- 了解 UI/交互设计
- 了解 HTML 和 CSS
- 了解 SEO
- 了解 JavaScript
- 了解 Web 动画
- 了解 DOM、BOM 和 jQuery
- 了解 Web 字体、图标和图像
- 了解可访问性
- 了解 Web/浏览器 API
- 了解 JSON
- 了解 JS 模板
- 了解静态站点生成器
- 通过JS学习计算机科学
- 了解前端应用程序体系结构
- 了解 数据 API (例如 JSON/REST) 设计
- 了解 React
- 了解状态管理
- 了解渐进式Web应用程序
- 了解 JS API设计
- 了解 Web 开发工具
- 学习命令行
- 学习 Node.js
- 学习 JS 模块
- 学习 JS 模块加载器/绑定器
- 学习包管理器
- 学习版本控制
- 学习构建和任务自动化
- 了解网站性能优化
- 学习测试
- 学习无头浏览器
- 学习离线开发
- 学习 Web/浏览器/应用程序安全
- 了解多设备开发（例如RWD）
- 定向学习
- 前端开发人员学习
- 通讯、新闻和播客
- 自我导向学习
- 第三部分：前端开发工具
- 文档/API 浏览器工具
- SEO 工具
- 原型和线框图工具
- 图表工具
- HTTP/网络工具
- 代码编辑工具
- 浏览器工具
- HTML 工具
- CSS 工具
- DOM 工具
- JavaScript 工具
- 静态站点生成器工具
- 辅助功能开发工具
- 应用程序框架 （桌面、移动端等等） 工具
- 状态管理工具
- 渐进式 Web 应用程序工具
- GUI 开发/构建工具
- 模板/数据绑定工具
- 用户界面小部件和组件工具包
- 数据可视化（例如，图表）工具
- 图形（例如，SVG、canvas、webgl）工具
- 动画工具
- JSON 工具
- 占位符图像/文本工具
- 测试工具
- 前端数据存储工具
- 模块/包装加载工具
- 模块/包仓库工具
- 主机工具
- 项目管理和代码托管
- 协作和沟通工具
- CMS 托管/API 工具
- BAAS（用于前端开发）工具
- 离线工具
- 安全工具
- 任务（又名 构建）工具
- 部署工具
- 网站/应用监控工具
- JS错误监视工具
- 性能工具
- 查找工具的工具
- 由前端大师赞助
在线阅读:
下载 .pdf, .epub, or .mob 格式的文件:
- 中文：https://www.gitbook.com/book/leviding/front-end-handbook-2018/details
- 英文：https://www.gitbook.com/book/frontendmasters/front-end-developer-handbook-2018/details
贡献内容、提建议或者修复 GitHub 上的 bugs：
- 中文：https://github.com/xitu/front-end-handbook-2018
- 英文：https://github.com/FrontendMasters/front-end-handbook-2018
该作品经 Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License 许可。
