Thread by @codingyuri

I love Udemy !!❤️

So, I made a list of the top Udemy courses for each slide of Brad Traversy's 2021 Web Development roadmap😆

This thread is for aspiring frontend developers!

Includes: HTML/CSS, JavaScript, Frontend frameworks, TypeScript, etc.

A thread🧵

👉 HTML/CSS

1⃣ Build Responsive Real-World Websites with HTML and CSS - Jonas Schmedtmann (49.5 hrs)

2⃣ Web Design for Beginners: Real World Coding in HTML & CSS - Brad Schiff (11 hrs)

3⃣ Modern HTML & CSS From The Beginning - Brad Traversy (21 hrs)

CSS & SASS

1⃣ Advanced CSS and Sass: Flexbox, Grid, Animations and More! - Jonas Schmedtmann (28 hrs)

2⃣ CSS - The Complete Guide 2021 (incl. Flexbox, Grid & Sass) - Maximilian Schwarzmüller (22.5 hrs)

👉 CSS Frameworks (Udemy/YouTube)

1⃣ Tailwind CSS Tutorial - Net Ninja (2hrs, Youtube)

2⃣ Bootstrap 5 Crash Course | Website Build & Deploy - Brad Traversy (1.2hrs, YouTube)

3⃣Bootstrap 5 Tutorial - Net Ninja (2.8 hrs, YouTube)

4⃣ Materialize CSS From Scratch With 5 Projects - Brad Traversy (10.5 hrs, Udemy)

5⃣ Materialize Tutorial - Net Ninja (2.3 hrs, YouTube)

6⃣ Bulma Tutorial - Net Ninja (1.5 hrs, YouTube)

👉 UX/UI Design

1⃣ User Experience Design Essentials - Adobe XD UI UX Design - Daniel W. S. (13 hrs)

2⃣ Complete Web & Mobile Designer in 2021: UI/UX, Figma, +more - Andrei Neagoie/Daniel S. (25hrs)

3⃣ Learn Figma - UI/UX Design Essential Training - Caleb Kingston (3.5 hrs)

4⃣ UX & Web Design Master Course: Strategy, Design, Development - Joe Natoli (23.5 hrs)

5⃣ Master Digital Product Design: UX Research & UI Design - Rob Sutcliffe (15.5 hrs)

6⃣ Complete Web Design: from Figma to Webflow to Freelancing - Vako Shvili (19.5 hrs)

👉 JavaScript💛

1⃣ The Complete JavaScript Course 2021: From Zero to Expert! - Jonas (68 hrs)

2⃣ Modern JavaScript From The Beginning - Brad Traversy (21.5 hrs)

3⃣ JavaScript: Understanding the Weird Parts - Anthony Alicea (11.5 hrs)

4⃣ JavaScript - The Complete Guide 2021 - Maxmilian Schwarzmüller (52.5 hrs)

5⃣ JavaScript Basics for Beginners - Mosh Hamedani (6.5 hrs)

6⃣ JavaScript: The Advanced Concepts - Andrei Neagoie (25 hrs)

7⃣ The Modern JavaScript Bootcamp - Andrew Mead (29.5 hrs)

8⃣ Modern JavaScript Bootcamp Course (2021) - Colt Steele/Stephen Grider (52 hrs)

9⃣ JavaScript Algorithms and Data Structures Masterclass - Colt Steele (22 hrs)

(JavaScript Project focused)

🔟 50 Projects in 50 Days - HTML, CSS & JavaScript - Brad Traversy, Florin Pop (18.5 hrs)

1⃣1⃣ 20 Web Projects With Vanilla JavaScript - Brad Traversy (16 hrs)

1⃣2⃣ S30 - Wes Bos (Not Udemy)

1⃣3⃣ JavaScript Web Projects - Andrei Neagoie (33 hrs)

👉 Other Tools

(Git)

1⃣ The Git & Github Bootcamp - Colt Steele (17hrs

2⃣ GitHub Ultimate: Master Git and GitHub - Beginner to Expert - Jason Taylor (6.5 hrs)

3⃣ Complete Git Guide: Understand and master Git and GitHub - Bogdan Stashchuck (23 hrs)

👉 Frontend Framework

1⃣ React - The Complete Guide - Max Schwarz (48 hrs)

2⃣ Modern React with Redux - Stephen Grider (52.5 hrs)

3⃣ The Complete Reach Native + Hooks Course - Stephen Grider (38.5 hrs)

4⃣ Complete React Developer 2021 - Andrei Neagoie, Yihua Zhang (40.5 hrs)

5⃣ React Front to Back - Brad Traversy (14 hrs)

6⃣ Advanced React and Redux - Stephen Grider (21 hrs)

7⃣ The Complete React Developer Course - Andrew Mead (39 hrs)

8⃣ Graph QL with React: The Complete Developer's Guide: Stephen Grider (13.5 hrs)

(Vue)

1⃣ Vue: The Complete Guide - Max Schwarz (49 hrs)

2⃣ Complete Vue Mastery - Andrei Neagoie (30.5 hrs)

3⃣ Build Web Apps with Vue JS 3 & Firebase - Shaun Pelling (Net Ninja) (30hrs)

(Angular)

1⃣ Angular - The Complete Guide - Max Schwarz (34 hrs)

2⃣ The Complete Angular Course - Mosh Hamedani (29.5 hrs)

3⃣ Angular Front to Back - Brad Traversy (11.5 hrs)

4⃣ Learn and Understand AngularJS - Anthony Alicea (7hrs)

(Svelte)

1⃣ Svelte.js - The Complete Guide - Max Schwarzmüller (13 hrs)

👉 TypeScript (optional)

1⃣ Understanding TypeScript - Max Schwarzmüller (15 hrs)

2⃣ TypeScript: The Complete Developer's Guide - Stephen Grider (24.5 hrs)

👉 Server Side Rendering (optional)

1⃣ Next.js & React - Max Schwarzmüller (25 hrs)

2⃣ Next.js Dev to Deployment - Brad Traversy (10hrs)

3⃣ Nuxt.js - Vue.js on Steroids - Max Schwarz (6.5 hrs)

Thank you for making it through this long ass thread😂😂

I was going to do the whole full-stack, but it'd be LONG AF!!!!!

So, this is just for front end, but stay tuned for a backend version @codingyuri 😉