parent
4df519845f
commit
ed8c18d5cf
1 changed files with 68 additions and 63 deletions
@ -1,63 +1,68 @@ |
||||
![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. |
||||
|
||||
<br> |
||||
<p align="center"> |
||||
<img src="./images/disclaimer.png" width="750"> |
||||
</p> |
||||
<br> |
||||
|
||||
<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) |
||||
|
||||
## 🎨 Frontend Roadmap |
||||
|
||||
![](./images/frontend-v2.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` 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/) |
||||
![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. |
||||
|
||||
<br> |
||||
<p align="center"> |
||||
<img src="./images/disclaimer.png" width="750"> |
||||
</p> |
||||
<br> |
||||
|
||||
<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) |
||||
|
||||
## 🎨 Frontend Roadmap |
||||
|
||||
![](./images/frontend-v2.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) |
||||
|
||||
## :clipboard: Tools & Resources |
||||
|
||||
![](https://imgur.com/rzfO3ka.png) |
||||
> Click Image to zoom. |
||||
|
||||
## 🚦 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` 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/) |
||||
|
Loading…
Reference in new issue