🔥 Becoming a Frontend Develooper 🔥

• This guide is divided into 7 sections spanning over 3 levels (Beginner, intermediate, Advanced) of web development.
• It is recommended to go through the sections top to bottom following the color coded levels (meaning work through all 🔵 courses in all sections and then 🟡 courses in all sections)
• These courses should be complemented with a lot of practice by building projects on your own without a tutorial.
• After finishing the beginner and intermediate sections you should be ready to apply for jobs as a Junior Frontend Developer.
• It is also recommended to have a portfolio website showcasing your projects on Github.
• Come back for the advanced courses after getting a job and having 2 to 3 years of professional experience.

Levels

• 🔵 Beginner
• 🟡 Intermediate
• 🟣 Advanced

1. Internet Fundamentals

1. 🔵 roadmap.sh Frontend: (Internet section only)

2. Frontend Fundamentals

1. 🔵 Build Responsive Real World Websites with HTML5 and CSS3
2. 🔵 Web Design for Web Developers: Build Beautiful Websites
3. 🔵 The Complete JavaScript Course 2022: From Zero to Expert
4. 🔵 Advanced CSS and Sass: Flexbox, Grid, Animations and More
5. 🔵 roadmap.sh Frontend: (Modern CSS section only)
6. 🔵 20 Web Projects With Vanilla JavaScript
7. 🔵 JavaScript: Understanding the Weird Parts
8. 🔵 The Git & Github Bootcamp

3. Frontend with React

1. 🔵 Modern React with Redux
2. 🔵 React Front To Back 2022
3. 🔵 Codevolution: Practical React Series
4. 🟡 Jest Crash Course - Learn How to Test your JavaScript Application
5. 🟡 React Testing Tutorial
6. 🟡 Testing React with Jest and React Testing Library (RTL)
7. 🟡 Mastering TypeScript - 2022 Edition
8. 🟡 React TypeScript Tutorial Series

4. Backend with NodeJS

1. 🔵 Node.js, Express, MongoDB & More: The Complete Bootcamp 2022
2. 🟡 Next.js & React - The Complete Guide (incl. Two Paths!)
3. 🟡 GraphQL Crash Course With Full Stack MERN Project
4. 🟣 SQL and PostgreSQL: The Complete Developer's Guide
5. 🟣 Node JS: Advanced Concepts

5. Misc: Frontend

This section contains short videos and articles not courses like the above sections and it should be in done in parallel with sections 2 through 4.

6. DevOps

1. 🟡 The Linux Command Line Bootcamp: Beginner To Power User
2. 🟡 DevOps Pre-Requisite Course
3. 🟡 Docker for the Absolute Beginner - Hands On
4. 🟡 GitHub Actions - The Complete Guide
5. 🟣 Kubernetes for the Absolute Beginners - Hands-on
6. 🟣 Docker and Kubernetes: The Complete Guide
7. 🟣 GCP Associate Cloud Engineer - Google Cloud Certification

7. Team Process

This section will help you understand how teams work in tech companies (useful information for interviews).

1. 🔵 Agile Fundamentals: Including Scrum and Kanban - 2022

---

These YouTube channels help to stay up to date with web development in general.

If you have any questions, please open an issue