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.
69 lines
2.9 KiB
69 lines
2.9 KiB
7 years ago
|
![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.
|
||
|
|
||
|
![split](https://i.imgur.com/QgVXt8U.png)
|
||
|
|
||
|
<p align="center">
|
||
|
<b>🎉 I am preparing a FREE series on Fullstack Development 🎉</b><br><a href="http://youtube.com/c/kamranahmed_se">Subscribe to my youtube channel</a> if you are interested!
|
||
|
<p align="center">Few keywords – ES6, Tooling, React, Redux, Jest and Enzyme, NodeJS, Mocha and Chai<br>Everything is going to be <b>project based with real world usage</b></p>
|
||
|
</p>
|
||
|
|
||
|
![split](https://i.imgur.com/QgVXt8U.png)
|
||
|
|
||
|
<sub>Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse).</sub>
|
||
|
|
||
|
|
||
|
|
||
|
## 🚀 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/pyg9mH1.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-CC0%201.0-brightgreen.svg?style=flat-square)](https://creativecommons.org/licenses/by/4.0/)
|