Do you want to become a web developer? If you have ever wanted to jump into the field of web development but don’t know where to start, you’re in the right place. In this guide, I’ll take you through the 6 Month Web Development Mastery Plan so that you can master web development.
Image for post
To store information for your website, you need a database. Postgresql is the most popular database in 2020. This is because Postgresql is packed with powerful features and is very easy to learn for a beginner. Postgresql also works perfectly with any size of data, big or small.
Image for post
The 2nd month is when you start making projects on your own and start familiarizing yourself with the developer tools, languages, and frameworks. I would recommend choosing one of these projects to do in React by yourself: Calculator, Weather App, Random Quote Generator, or Voting System. If you get stuck StackOverFlow is a great community where developers help other developers with their problems. After making some basic React projects, I would recommend learning data structures and algorithms. These can be hard and more theory-based but I promise it is worth it. Data structures and algorithms will be essential in any field of web development you choose. I would recommend this course: https://youtu.be/t2CEgPsws3U. After learning data structures and algorithms, I encourage you to create a data structure or algorithm visualizer in React. Some ideas include a Sorting Visualizer, Pathfinding Visualizer, or Binary Tree Visualizer. This will strengthen your knowledge of the data structure or algorithm you choose for your project. Share this project on Github. If you don’t know what Git or Github is yet, I would recommend this mini-course: https://youtu.be/DVRQoVRzMIY.
Ok. You are a serious developer by now, you have invested 3 months into learning web development. I would recommend this course for the most complex project you have done yet (once again, try to do it in Typescript): https://youtu.be/7qAXvOFhlDc. After this, I would recommend doing a blog site (maybe even a Medium clone) using the PERN+Typescript stack you learnt in the previous tutorial. After you finish your blog site, I would choose to learn GraphQL. Like how you learnt Typescript, read the GraphQL documentation to learn it. After learning basic GraphQL, learn to create a REST API with it. You could do any full-stack project you would like. To finish this month off, do some fun programming problems on LeetCode. These problems will improve your data structures and algorithm skills and will be a little bit of fun problem-solving!
You are nearly finished with the 6-month plan. Time to master the connection between the frontend, backend, and database. This tutorial sums up what you have learnt so far perfectly using GraphQL, Typescript, Postgresql, React, Express, and teaching you some new frameworks/tools. This tutorial can be found here: https://youtu.be/I6ypD7qv3Z8. While doing this tutorial and for the rest of the month, try doing 1 or 2 easy/medium problems on Leetcode per day. After finishing the tutorial, add more features like user pages, comments, hashtags/tags, be creative! If you have some more time, I encourage you to work on the “Reddit Clone” project some more.
This is the final month, nearly there! You have done a lot of impressive projects. Look around Github and find a few projects that impact you (for example VSCode). To gain some experience in open-source, add some new features to your favourite projects. Contributing to open-source is a great way to develop products with other developers and work to find solutions to real-life problems. As open-source projects need to keep a certain code quality contributing to them will also help your code to become more scalable, reusable, and understandable. As a bonus, build a full-stack portfolio showcasing the amazing projects that you have built so far.
Thanks for reading my The 6 Month Web Development Mastery Plan. I wish you the best in your journey to becoming the best developer you can be!