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)

JAMstack Tutorial - Full site using Netlify & Hugo

freeCodeCamp.org · beginner hands-on

→ Use Hugo for static site generation→ Implement continuous deployment with Netlify

Getting Started with Bootstrap 5 for Beginners - Crash Course

DesignCourse · beginner hands-on

→ Create responsive websites→ Use Bootstrap 5 for frontend development

Gatsby Tutorial #2 - Starter Sites

Net Ninja · beginner hands-on

→ Create a new Gatsby project→ Use Gatsby starter sites

Build a blazing fast website with GatsbyJS and Contentful

freeCodeCamp.org · beginner hands-on

→ Build a website with GatsbyJS→ Integrate Contentful with GatsbyJS

Progressive Web Apps across all frameworks - Google I/O 2016

Chrome for Developers · intermediate hands-on

→ Build progressive web apps using Service Workers→ Implement Server-side Rendering for web applications

Progressive Web Apps: Your web app on steroids

freeCodeCamp.org · beginner hands-on

→ Build a Progressive Web App with push notifications→ Implement data synchronization in a PWA

PWA Developer Spotlight: Building one of Africa's most successful PWAs

Chrome for Developers · intermediate hands-on

→ Build a PWA for e-commerce→ Implement modern frontend techniques

List your Progressive Web App in Google Play | Session

Chrome for Developers · intermediate hands-on

→ List a PWA in Google Play Store→ Create and upload a PWA to Chrome OS

Angular 4 Front To Back: Udemy Course Preview

Traversy Media · beginner hands-on

→ Learn Angular 4→ Understand frontend development

Webpack Tutorial - Replace Gulp/Grunt plugins with a single tool

LearnCode.academy · beginner hands-on

→ Configure Webpack for code building→ Replace Gulp/Grunt with Webpack

Read (10 articles)