Add Tools & Resources

Added a Tools and Resources that can help fellow Developers.

readme.md

@@ -1,63 +1,68 @@
-![Web Developer Roadmap](https://i.imgur.com/oxsayps.png)
+![Web Developer Roadmap](https://i.imgur.com/oxsayps.png)
-
+
-> Roadmap to becoming a web developer in 2018
+> 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.
+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.
+If you think that these can be improved in anyway, please do suggest.
-
+
-<br>
+<br>
-<p align="center">
+<p align="center">
-  <img src="./images/disclaimer.png" width="750">
+  <img src="./images/disclaimer.png" width="750">
-</p>
+</p>
-<br>
+<br>
-
+
-<sub>Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse).</sub>
+<sub>Check out my [blog](http://kamranahmed.info) and say "hi" on [Twitter](https://twitter.com/kamranahmedse).</sub>
-
+
-## 🚀 Introduction
+## 🚀 Introduction
-
+
-![](https://i.imgur.com/OZUOUtI.png)
+![](https://i.imgur.com/OZUOUtI.png)
-
+
-## 🎨 Frontend Roadmap
+## 🎨 Frontend Roadmap
-
+
-![](./images/frontend-v2.png)
+![](./images/frontend-v2.png)
-
+
-## 👽 Back-end Roadmap
+## 👽 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.
+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)
+![](https://i.imgur.com/Ihg4YAb.png)
-
+
-## 👷 DevOps Roadmap
+## 👷 DevOps Roadmap
-
+
-![](https://i.imgur.com/pyg9mH1.png)
+![](https://i.imgur.com/pyg9mH1.png)
-
+
-## 🚦 Wrap Up
+## :clipboard: Tools & Resources
-
+
-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.
+![](https://imgur.com/rzfO3ka.png)
-
+> Click Image to zoom.
-## ☑ TODO
+
-
+## 🚦 Wrap Up
-- [X] Add Frontend Roadmap
+
-- [X] Add Backend Roadmap
+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.
-- [X] Add DevOps Roadmap
+
-- [ ] Add relevant resources for each
+## ☑ TODO
-
+
-## 👬 Contribution
+- [X] Add Frontend Roadmap
-
+- [X] Add Backend Roadmap
-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.		
+- [X] Add DevOps Roadmap
-
+- [ ] Add relevant resources for each
-- Open pull request with improvements
+
-- Discuss ideas in issues
+## 👬 Contribution
-- 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)
+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.		
-
+
-## Sponsored By
+- Open pull request with improvements
-
+- Discuss ideas in issues
-- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io)
+- Spread the word
-- [Highig - Think and its done](http://highig.com/)
+- 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)
-
+
-## License
+## Sponsored By
-
+
-
+- [Hackr.io - Find & Share the Best Online Programming Courses & Tutorials](https://hackr.io)
-[![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/)
+- [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/)