computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
2.3 KiB
62 lines
2.3 KiB
![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. |
|
|
|
|
|
*** |
|
|
|
<p align="center"><b> Want to learn something new?</b><br>Visit <a href="http://hugobots.com">Hugobots</a> where I teach people</p> |
|
|
|
*** |
|
|
|
## 🚀 Introduction |
|
|
|
![](https://i.imgur.com/qBlT67N.png) |
|
|
|
## 🎨 Front-end Roadmap |
|
|
|
![](https://i.imgur.com/5vFTWcO.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/m9V8ZiV.png) |
|
|
|
## 👷 DevOps Roadmap |
|
|
|
![](http://i.imgur.com/iNNIZzT.png) |
|
|
|
<br> |
|
|
|
## 🚦 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 to me directly at kamranahmed.se@gmail.com or on Twitter [@kamranahmedse](http://twitter.com/kamranahmedse) |
|
|
|
## Sponsored By |
|
|
|
[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/)
|
|
|