![Web开发者路线图](http://i.imgur.com/GyvcunJ.png)

> Web开发者学习路线图 (2017版)

以下路线图主要展示了成为前端开发者、后端开发者或DevOps的技术学习路线。本项目源于我为一位老教授制作的、用于跟学生们分享和交流观点的学习路线图。

如果您认为本项目还有可以改进的地方，还请多多指教、献计献策。

***

<p align="center"><b> 喜欢本篇指南、还想获取更多类似资讯吗？ </b><br>很快我们就会上线 <a href="http://hugobots.com">Hugobots</a> 了，请记得订阅！</p>

***


## 🚀 导图

![](https://i.imgur.com/g5KVpAE.png)

## 🎨 前端学习路线图

![](https://i.imgur.com/9HPOvxx.png)

## 👽 后端学习路线图

对于后端方向，我个人更青睐于将 Node.js 和 PHP 7 作为技术栈。最近我还尝试了 Go 语言，很是喜欢。若要除去这些，再选一门语言，我会给 Ruby 投上一票。不过这只是本人的一家之辞，您大可以选用图中的任意一种语言，同样能够做得很好。

![](https://i.imgur.com/Ej2BVMi.png)

## 👷 DevOps学习路线图

![](https://i.imgur.com/1yGwZYH.png)

<br>

## 🚦 结语

如果您觉得路线图存在可以改进的地方，请**修改内容**后**创建 Issue**，并**提交合并请求(Pull Request)**。与此同时，我也在持续改进本项目，因此您可能要对本仓库(Repository)进行**持续关注(Watch)**或打上**星标标记(Star)**。

## ☑ 待办事项

- [x] 添加前端学习路线图
- [x] 添加后端学习路线图
- [x] 添加DevOps学习路线图
- [ ] 添加路线图相关资源

## 👬 投稿/协作

本项目路线图基于 [Balsamiq](https://balsamiq.com/products/mockups/) 生成，路线图文件位于 `/project-files` 目录下。若需修改路线图，请运行 Balsamiq 后，点选 **Project > Import > Mockup JSON**，程序会为您载入对应的路线图。接下来，您应依次进行内容修正、文档上传，并更新README文件中的图片超链接，最后提交合并请求(Pull Request)。	

- 附上改进内容，提交合并请求(Pull Request)
- 创建 Issue、讨论交流
- 相互转告
- 直接联系 kamranahmed.se@gmail.com 或访问 [![推特主页](https://img.shields.io/twitter/url/https/twitter.com/kamranahmedse.svg?style=social&label=Follow%20@kamranahmedse)](https://twitter.com/kamranahmedse)

## 赞助方

- [Hackr.IO - 探索、分享线上最佳的编程教学课程](https://hackr.io)
- [FancyGrid - 支持图标交互和服务器通讯的 JavaScript 数据网格库](http://fancygrid.com)

## 许可协议

[![许可协议: CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by/4.0/)