![Web Developer Roadmap](http://i.imgur.com/GyvcunJ.png) > Roadmap to becoming a web developer in 2017 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?
We are releasing Hugobots soon. Make sure to subscribe!

*** ## 🚀 Introduction ![](https://i.imgur.com/MWkeM18.png) ## 🎨 Front-end Roadmap ![](https://i.imgur.com/qx54HvK.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/jz4xrlQ.png) ## 👷 DevOps Roadmap ![](https://i.imgur.com/z23zTH3.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 - Open pull request with improvements - Discuss ideas in issues - Spread the word - Reach out to me directly at kamranahmed.se@gmail.com or [![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) - [FancyGrid - JavaScript grid library with charts integration and server communication.](http://fancygrid.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/)