Modern Frontend Stack

After this skill you can…

• Build a Next.js app with SSR and ISR
• Write end-to-end tests with Playwright
• Implement WCAG 2.1 AA accessibility

Prerequisites

Watch (10 videos)

24 Hours In Miami With Brez (Unfiltered)

TJR · advanced

→ Build modern frontend applications→ Use latest frontend frameworks and libraries→ Create responsive and scalable UI components

Angular Crash Course (2019)

Traversy Media · beginner hands-on

→ Learn Angular fundamentals→ Create a to-do list app with Angular

Angular 4 Front To Back: Udemy Course Preview

Traversy Media · beginner hands-on

→ Learn Angular 4→ Understand frontend development

Micro-Frontends Course - Beginner to Expert

freeCodeCamp.org · beginner hands-on

→ Create modern frontend applications→ Use JavaScript frameworks like React and SolidJS

End to End Apps with Polymer (Polymer Summit 2017)

Chrome for Developers · intermediate

→ Create modern web apps→ Use Polymer for web development→ Deploy web apps efficiently

Build an Image Gallery with Next.js 13 #9 - Image Grid with Tailwind

Net Ninja · beginner

→ Use Next.js 13→ Implement TypeScript

From AMP to PWA - the best of both worlds (Chrome Dev Summit 2016)

Chrome for Developers · intermediate

→ Design and build modern web applications→ Utilize Chrome DevTools for debugging

Lazy loading data with app-route -- Polycasts #47

Chrome for Developers · intermediate

→ Build modern single page apps→ Use app-route for routing

Understanding webpack from the inside out

freeCodeCamp.org · beginner

→ Build modern frontend applications→ Use latest frontend technologies→ Create responsive web designs

Build a responsive website with HTML & CSS | Part three: General styling

Kevin Powell · intermediate hands-on

→ Use modern front-end tools and technologies→ Create a responsive and efficient website

Read (10 articles)