摘要：第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。
参与者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993; pobusama; yanyixin; zhouyao
关于译者：生于忧患，死于安乐。沪江翻译小组其行十人，技术参差，然其心一也。前端技术博大精深，旁枝末节，种类繁多，然学习之道，不进则退。每思及此，遑遑不可终日，于闲暇时笔耕不辍，月余，得此书中译本。秉持利人利己的美好心愿，此举志在为前端社区贡献绵薄之力，策人策己皆有所裨益。期间翻译，校对，统筹，整理，再审，各方助力，不一而足。与君共勉。
作者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。
这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？
笔者有意将本书打造为一份专业资料，为想要或正在实践的前端开发者们提供学习材料和开发工具。其次，它同样可供主管、CTO、讲师和猎头们深入探索前端开发实践。
本书内容偏向于 WEB 技术（HTML、CSS、DOM、JavaScript）和以这些技术为根基直接构建而成的开源技术。书中引用和讨论的材料要么就是同类翘楚，要么就是解决问题的流行方案。
本书不是一本囊括所有前端可用资源的综合纲领。其价值在于为恰好够用的分类信息搜罗简洁、聚焦且符合时宜的甄选内容，以免在特别话题下钻了牛角尖。
预期本书每年都迭代一次内容。
本书分为三部分。
第一部分：前端实践第一部分概述了前端工程实践。
第二部分：学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源（译者注：教学资源包括有讲师指导的付费课程、计划、学院和训练营）。
第三部分：前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。
文章目录前端开发者是什么？
2016 前端开发回顾
展望 2017
第一部分. 前端实践
前端职称
前端开发者所使用的技术
前端开发技能
前端开发者为 ... 而开发
团队里的前端
全能型人才/全栈神话
前端面试
前端开发职位公示
前端开发薪资
前端开发者是如何诞生的
第二部分：学习前端开发
自学
关于互联网／Web
学习 Web 浏览器
学习域名系统（又叫 DNS）
学习 HTTP/Networks（包括 CORS 和 WebSockets）
学习网页寄存（通称虚拟主机）
学习前端开发
学习用户界面／交互设计
学习 HTML 和 CSS
学习搜索引擎优化
学习 JavaScript
学习 Web 动画
学习 DOM、BOM 和 jQuery
学习网页字体 & 图标
学习可访问性相关知识
学习 Web／浏览器 API
学习 JSON (JavaScript 对象表示法)
学习 JS 模板
学习静态网页生成器
通过JS学习计算机科学
学习前端应用架构
学习数据（例如，JSON）API 的设计
学习 React & Redux
学习渐进式 Web 应用
学习设计 JS API
学习Web开发工具
学习命令行的使用
学习 Node.js
学习 JS 模块系统
学习模块加载和打包工具
学习包管理工具
学习版本控制
学习构建及任务自动化技术
学习网站性能优化
学习测试
学习无头浏览器
学习离线开发
学习网络／浏览器／应用的安全
多平台开发学习
导向学习
前端课程
前端开发学习的起点
前端资讯、新闻站和播客
第三部分：前端开发工具
Doc/API 浏览工具
SEO 工具
原型设计和线框图工具
制图工具
HTTP / 网络工具
代码编辑工具
浏览器上的神兵利器
HTML 工具
CSS 工具
DOM 工具
JavaScript 工具
静态网页构建工具
无障碍访问工具
应用程序框架工具（台式机、手机、平板电脑等）
渐进式 Web 应用工具
脚手架工具
常规前端开发工具
模版／数据绑定工具
UI 组件 & 组件包
数据可视化工具（例如图表）
图形工具（例如 SVG、Canvas、WebGL）
动画工具
JSON 工具
占位符内容工具
测试工具
前端数据存储工具 (例如客户端的数据存储方案)
模块加载／打包工具
模块／包管理工具
托管工具
项目管理以及代码托管工具
协作与沟通工具
内容管理 托管／API 工具
后端即服务工具
离线工具
安全工具
构建工具
部署工具
网站／应用监控工具
JavaScript 错误报告／监控
性能工具
寻找工具的工具
下载 .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
致谢沪江Web前端团队
掘金翻译计划
iKcamp原创新书《移动Web前端高效开发实战》已在亚马逊、京东、当当开售。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/85030.html
摘要：第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。 参与者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
阅读 3599·2020-12-03 17:42
阅读 2769·2019-08-30 15:54
阅读 2223·2019-08-30 15:44
阅读 572·2019-08-30 14:08
阅读 971·2019-08-30 14:00
阅读 1105·2019-08-30 13:46
阅读 2785·2019-08-29 18:33
阅读 2890·2019-08-29 14:11
