diff --git a/readme.md b/readme.md index c982a032b..29514ba09 100644 --- a/readme.md +++ b/readme.md @@ -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. - -
-

- -

-
- -Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse). - -## 🚀 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. + +
+

+ +

+
+ +Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse). + +## 🚀 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/)