前端开发者指南（2017）

Salamander 发布于2019-08-29 13:16 / 1160人阅读

摘要：第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。

参与者（排名不分先后）：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前端高效开发实战》已在亚马逊、京东、当当开售。

私有云服务器托管 2017前端 vs2017开发python java web开发环境搭建2017 开发人员指南

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112488.html

前端开发者指南（2017）

摘要：第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。参与者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...

kviccn 2019-08-20 19:01 评论0 收藏0
前端开发者指南（2017）

摘要：第二部分学习前端开发第二部分指出了学习成为一个前端开发者所需的自学资源和教学资源译者注教学资源包括有讲师指导的付费课程计划学院和训练营。第三部分前端开发工具第三部分简要地介绍和指出了一些前端圈內的工具。参与者（排名不分先后）：blueken; brucecham; cfanlife; DDU1222; LittlePineapple; MatildaJin; MAYDAY1993;...

leonardofed 2019-08-05 11:56 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

lily_wang 2019-06-27 16:28 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

chengjianhua 2019-08-29 12:35 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

Anonymous1 2019-08-20 16:31 评论0 收藏0