Welcome to my repository!
If you're looking for a comprehensive roadmap to specialize in full stack development using the MERN stack (MongoDB, Express.js, React, Node.js), you've come to the right place. This roadmap has been carefully chosen, organizing the best resources available to help you learn and master full stack development with a focus on MERN.
The selected resources in this roadmap are designed to provide a hands-on learning experience. You will have the opportunity to learn by doing, as the courses include exercises, challenges, and guided projects that facilitate easy learning and practical application.
By the end of the roadmap you will be able to build full stack application from scratch! 🚀
This roadmap is based on what I've learned on Twitter to help you learn coding quickly and effectively. It follows a simple three-step process:
-
Crash Course: Start with a concise and focused course that covers the fundamentals This will provide you with a solid foundation of the concepts.
-
Guided Project: After completing the crash course, engage in a guided project where you follow step-by-step instructions to create a projects or build an application.
-
Personal Project: Once you've completed the guided project, it's time to take on a personal project of your own. This project serves two purposes: solidifying your understanding of the concepts learned and giving you the freedom to apply your creativity.
1. Foundation | The Odin Project
2. Intermediate & HTML CSS | The Odin Project
3. Advance HTML & CSS | The Odin Project
4. Conquering Responsive Layouts
Personal Project:
Travel Destination Landing Page
1. Learn Tailwind CSS – Course for Beginners
2. Tailwind Crash Course | Project From Scratch
Personal Project:
Recipe website
1. JavaScript Algorithms and Data Structures
2. Javascript30
3. HTML CSS Javascript E-commerce Website Tutorial for Beginners
Personal Project:
To-do-list app
Weather Application
1. React Course - Beginner's Tutorial for React JavaScript Library [2022]
2. Code 15 React Projects - Complete Course
3. Redux Tutorial - Learn Redux from Scratch
1. Git and GitHub - 0 Experience to Professional in 1 Tutorial (Part 1)
2. Git and GitHub - 0 Experience to Professional in 1 Tutorial (Part 2)
3. Git Branching and Merging - Detailed Tutorial
4. GitHub Skills
1. GitHub Actions Tutorial | From Zero to Hero in 90 minutes (Environments, Secrets, Runners, etc)
2. GitHub Actions: Write your first workflow with GitHub APIs || Beginner friendly tutorial
1. Node.js and Express.js - Full Course
2. Node.js / Express Course - Build 4 Projects
1. Complete MongoDB Tutorial #1 - What is MongoDB?
1. Github page
2. Netfliy
3. Heroku
4. Vercel
Guided Project: Full Stack Application:
1. MERN Multi Vendor Ecommerce Series
More guided project (Javascript Mastery on YT)
In this capstone project, you'll have the opportunity to build a full-stack application and apply all the knowledge and skills you've acquired throughout the crash courses and guided from this roadmap. It serves as a culmination of your learning journey, allowing you to demonstrate your proficiency in developing complete web applications.
I don't have yet any idea for a capstone project, so feel free to make your own capstone.
-
NPM Full Course For Beginners - Learn NPM fundamentals and basics
-
Jest Crash Course - Learn How to Test your JavaScript Application
Enhance your skill set by doing these valuable practices:
- Stay up to date with the latest industry trends, technologies, and best practices. Continuously learning and adapting is key to your growth as a developer.
- Connect with other developers and actively participate in community discussions or events. Engaging with like-minded individuals can provide invaluable insights and networking opportunities.
- Explore different technologies in areas such as front-end, back-end, databases, and more. Expanding your knowledge across various domains will make you a versatile developer.
- Always challenge yourself to build projects, pushing the boundaries of your abilities in HTML, CSS, and JavaScript. Practical experience is crucial for your growth.
- Enhance your online presence by optimizing your profile. Pay attention to your heading, bio, profile picture, and other relevant details to showcase your skills and personality effectively.
- Contribute to open source projects to gain real-world experience and collaborate with a larger developer community. It's an excellent opportunity to refine your skills and make a meaningful impact.
- Solve LeetCode problems to sharpen your coding skills, critical thinking, and problem-solving abilities. Practicing algorithmic problem-solving exercises will enhance your overall programming proficiency, and will beneficial for any technical interviews.
That concludes this roadmap! I sincerely hope you find the resources I've curated valuable and insightful. This roadmap represents my personal journey towards becoming a full stack developer using the MERN stack.
If you're considering using this roadmap, I encourage you to skim through the provided resources first. This will help you determine if this roadmap aligns with your goals and give you an idea of what to expect from the courses and materials. Remember, I'm not suggesting that you have to follow my learning style exactly. You have the freedom to adapt and customize this roadmap according to your preferences. I've included a comprehensive set of resources, and it's entirely up to you how you execute your learning journey.
Feel free to make this roadmap your own by cloning this repository and customizing it to create a unique roadmap tailored to your needs. It's an opportunity to personalize your learning experience and chart your own path to success.
I wish you all the best on your journey to becoming a skilled MERN stack full stack developer. Embrace the challenges, stay motivated, and remember that continuous learning and practical application are key to your growth.
If you like this roadmap, please 🌟 it.
Thank you!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent