https://github.com/tekintian/developer-roadmap

2018 web 开发学习线路图 与学习资源 developer-roadmap
https://github.com/tekintian/developer-roadmap

Last synced: about 9 hours ago
JSON representation

2018 web 开发学习线路图 与学习资源 developer-roadmap

• Host: GitHub
• URL: https://github.com/tekintian/developer-roadmap
• Owner: tekintian
• Created: 2018-01-25T08:26:31.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-25T08:27:19.000Z (almost 7 years ago)
• Last Synced: 2023-02-27T10:52:06.976Z (over 1 year ago)
• Size: 22.5 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#2018 WEB开发学习线路图

![Web Developer Roadmap](https://i.imgur.com/oxsayps.png)

> Roadmap to becoming a web developer in 2018

Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective.

If you think that these can be improved in anyway, please do suggest.

***

 Did you like this guide and want more of the similar content? 
Subscribe for the launch of Hugobots or follow me on twitter!


***

## 🚀 Introduction

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

## 🎨 Front-end Roadmap

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

## 👽 Back-end Roadmap

For the backend, personally I would prefer Node.js and PHP 7 for the full time. Plus, I have been experimenting lately with Go and I quite like it. Apart from these, if I have to choose another one, I would go for Ruby. However this is just my personal preference, you can choose any of the shown languages and you will be good.

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

## 👷 DevOps Roadmap

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




## 🚦 Wrap Up

If you think any of the roadmaps can be improved, please do open a PR with any updates and submit any issues. Also, I will continue to improve this, so you might want to watch/star this repository to revisit.

## ☑ TODO

- [X] Add Frontend Roadmap

- [X] Add Backend Roadmap

- [X] Add DevOps Roadmap

- [ ] Add relevant resources for each

## 👬 Contribution

The roadmaps are built using [Balsamiq](https://balsamiq.com/products/mockups/). Project file can be found at `/project-files` directory. To modify any of the roadmaps, open Balsamiq, click **Project > Import > Mockup JSON**, it will open the roadmap for you, update it, upload and update the images in readme and create a PR.		

- Open pull request with improvements

- Discuss ideas in issues

- Spread the word

- Reach out with any feedback [![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/kamranahmedse.svg?style=social&label=Follow%20%40kamranahmedse)](https://twitter.com/kamranahmedse)

## Sponsored By

- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io)

- [Highig - Think and its done](http://highig.com/)

## License

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