Neon
Frameworks Courses
Go beyond the basics and build practical applications with modern JavaScript frameworks.
Complete Intro to React, v9
Learn to build real-world apps with React 18 and React 19. Use tools like Vite, ESLint, and Prettier to scaffold a project and the latest React and TanStack features to build a complete e-commerce application.
![Complete Intro to React, v9](https://static.frontendmasters.com/assets/courses/2024-11-26-complete-react-v9/thumb.webp)
drag handle
Design Systems with Storybook, v2
Temporal
Learn to create scalable design systems with Storybook. Build reusable UI components, test components, implement dark mode, and generate comprehensive documentation.
![Design Systems with Storybook, v2](https://static.frontendmasters.com/assets/courses/2024-06-05-design-systems-v2/thumb.webp)
drag handle
Angular 17+ Fundamentals
Google
Discover the power of Angular‘s ’latest features, including clean control flow in your component templates and performance features like signals and deferrable views. Equip yourself with modern Angular foundations and see what the Angular Renaissance is all about!
![Angular 17+ Fundamentals](https://static.frontendmasters.com/assets/courses/2024-01-29-angular-fundamentals/thumb.webp)
drag handle
Build an AI-Powered Fullstack Next.js App, v3
Superfilter AI
Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
![Build an AI-Powered Fullstack Next.js App, v3](https://static.frontendmasters.com/assets/courses/2023-08-12-fullstack-app-next-v3/thumb.webp)
drag handle
Introduction to Next.js, v3
Superfilter AI
Next.js is a full-stack framework built on top of React.js. Learn the app router, server and client components, and server actions and create everything from basic blog websites up to full-stack apps and APIs.
![Introduction to Next.js, v3](https://static.frontendmasters.com/assets/courses/2023-08-11-next-js-v3/thumb.webp)
drag handle
Fullstack Svelte with SvelteKit
Vercel
Build full stack web apps with SvelteKit by the creator himself, Rich Harris! Learn to build dynamic, efficient web applications and create a real-world app, "SvelteFlix". Explore SvelteKit's features from basics to advanced topics like server hooks and caching.
![Fullstack Svelte with SvelteKit](https://static.frontendmasters.com/assets/courses/2023-06-13-sveltekit/thumb.webp)
drag handle
Svelte Fundamentals
Vercel
Learn the Svelte framework from the creator himself, Rich Harris! Learn svelte components, explore the entire Svelte API, and apply your knowledge in a practical project building a full game from scratch.
![Svelte Fundamentals](https://static.frontendmasters.com/assets/courses/2023-06-12-svelte-v2/thumb.webp)
drag handle
Qwik for Instant-Loading Websites & Apps
Qwik Creator (Previously Angular)
Explore resumability with Qwik. Create instant-loading websites and ship less JavaScript by serializing the application and framework state in the HTML.
![Qwik for Instant-Loading Websites & Apps](https://static.frontendmasters.com/assets/courses/2023-02-28-qwik/thumb.webp)
drag handle
Advanced Redux with Redux Toolkit
Temporal
Write more performant and maintainable Redux at scale. In this course, you'll use Redux Toolkit to simplify reducer logic and actions, use TypeScript with Redux, add tests, and use RTK Query to fetch data in real-world projects.
![Advanced Redux with Redux Toolkit](https://static.frontendmasters.com/assets/courses/2023-02-07-advanced-redux/thumb.webp)
drag handle
React Performance
Temporal
Write performant React apps by learning to structure components and memoize to avoid re-renders, load code on-demand, and leverage new concurrent features in React 18.
![React Performance](https://static.frontendmasters.com/assets/courses/2023-01-23-react-performance/thumb.webp)
drag handle
React and TypeScript, v2
Temporal
Use TypeScript with Components, Context API, React Hooks, and type props to build more robust and reliable React applications at scale.
![React and TypeScript, v2](https://static.frontendmasters.com/assets/courses/2023-01-19-react-typescript-v2/thumb.webp)
drag handle
Reactivity with SolidJS
SolidJS Creator
SolidJS uses its Reactivity to make fine-grained subscriptions which only update parts of the DOM on changes, instead of doing heavy DOM diffing.
![Reactivity with SolidJS](https://static.frontendmasters.com/assets/courses/2023-01-09-reactivity-solidjs/thumb.webp)
drag handle
Vue 3 Fundamentals
Netlify
Learn to build complete apps with Vue: create flexible components using directives, props, lifecycle hooks, and slots. And use Vue Router for routing and Pinia for state management.
![Vue 3 Fundamentals](https://static.frontendmasters.com/assets/courses/2023-01-04-vue-fundamentals/thumb.webp)
drag handle
Intermediate React, v5
Neon
Learn to build scalable React applications using the latest tools and techniques. Topics include hooks, TailwindCSS, code splitting, server-side rendering, TypeScript, Redux Toolkit, and testing with Vitest.
![Intermediate React, v5](https://static.frontendmasters.com/assets/courses/2022-12-06-intermediate-react-v5/thumb.webp)
drag handle
TypeScript and Vue 3
Netlify
Learn to integrate TypeScript with Vue's options API and the Vue 3+ composition API.
![TypeScript and Vue 3](https://static.frontendmasters.com/assets/courses/2022-10-18-vue-typescript/thumb.webp)
drag handle
Nuxt 3 Fundamentals
Netlify
Nuxt is a robust full-stack framework to build fully static and dynamic apps with Vue. Learn to create and deploy real-world Nuxt apps!
![Nuxt 3 Fundamentals](https://static.frontendmasters.com/assets/courses/2022-10-17-nuxt/thumb.webp)
drag handle
Advanced Remix
Professional Trainer
Build Remix web apps with advanced techniques: understand mutations, use optimistic UI, build server-intelligent UI components, give feedback as users navigate your app, and handle focus management.
![Advanced Remix](https://static.frontendmasters.com/assets/courses/2022-09-27-advanced-remix/thumb.webp)
drag handle
Remix Fundamentals
Professional Trainer
Build static websites and dynamic web apps with Remix. Learn how to fetch data, leverage nested routing, eliminate pending states, and handle errors in Remix.
![Remix Fundamentals](https://static.frontendmasters.com/assets/courses/2022-09-26-remix/thumb.webp)
drag handle
Production-Grade Vue.js
Netlify
Learn component design patterns, workflows to enhance productivity, testing methodologies, state management, routing, and more!
![Production-Grade Vue.js](https://static.frontendmasters.com/assets/courses/2021-02-18-production-vue/thumb.webp)
drag handle
Production-Grade Angular
Venmo
Learn how to structure your projects leveraging Angular CLI and Nx. Create shared modules and apply unit tests and end-to-end testing.
![Production-Grade Angular](https://static.frontendmasters.com/assets/courses/2021-01-19-production-angular/thumb.webp)
drag handle
State Modeling in React with XState
Microsoft
Explore using XState and React together to model state in real-world React apps. State machines make complex application logic visually clear, flexible.
![State Modeling in React with XState](https://static.frontendmasters.com/assets/courses/2020-12-29-xstate-react/thumb.webp)
drag handle
Building Applications with Vue & Nuxt
Google
Build dynamic web applications with Vue and Nuxt! In this course, you’ll build out a variety of projects leveraging the tools in the Vue ecosystem.
![Building Applications with Vue & Nuxt](https://static.frontendmasters.com/assets/courses/2020-10-27-vue-nuxt-apps/thumb.webp)
drag handle
Vuex for Intermediate Vue 2 Developers
Netlify
This Vuex course is for intermediate Vue.js developers who want to master patterns for managing state in your applications with Vuex.
![Vuex for Intermediate Vue 2 Developers](https://static.frontendmasters.com/assets/courses/2020-08-05-vuex/thumb.webp)
drag handle