Frontend Masters Courses

Explore new web app capabilities to detect when your web app is in the background to execute code later, even when your web app isn’t in focus.

SolidJS uses its Reactivity to make fine-grained subscriptions which only update parts of the DOM on changes, instead of doing heavy DOM diffing.

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.

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.

Learn to build real-world apps with modern React 18.x+. You'll use the latest React features to build a complete app for browsing adoptable pets.

Take your first steps into the wide world of JavaScript and walk away with the core skills needed to become a professional JavaScript programmer!

Use Express to build a REST API Design in Node.js – read and update from a Postgres database using Prisma and TypeScript.

Learn to integrate TypeScript with Vue's options API and the Vue 3+ composition API.

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!

Using the popular PostgreSQL database, you'll learn to set up, model, and query your data through real-world projects.

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.

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.

The last algorithms course you’ll need to pass tough interview questions that use arrays, lists, trees, graphs, maps, and searching and sorting algorithms.

Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!

This web development course will take you from building your first website to having the foundation for becoming a professional web developer. Start learning for free!

Learn a suite of design patterns to improve your JavaScript and React code architecture!

Bend your mind with programming a fully unit tested CLI application in three TypeScript, Go, and Rust back-to-back!

Code an app with real-time updates using Firebase and Firestore. Add security rules, add Firebase authentication, and trigger server code with Cloud Functions.

Learn a robust process to successfully take your design project from initial briefing to final delivery, avoiding common pitfalls like difficult stakeholders, scope creep, and iteration hell.

Learn what works and doesn’t when marketing and selling your skills to potential clients – learn to find clients who are happy to pay for your skills as a freelancer!

Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.

Create your first multi-platform application using Dart, including native apps for iOS, Android, desktop computers, and Progressive Web Apps.

Create your first Android native application using Jetpack Compose and Android Studio.

Create your first iOS native application using SwiftUI and Xcode for deployment in the iOS and iPad Apple App store.

Friendly, high-level intro to basic concepts of data visualization using Observable plot.

Learn to make a complete video game with the Unity game engine and C# programming language. You’ll make a physics sandbox, handle user input, add UI, materials, lighting, and effects. Then compile your game to WebGL.

Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.

Generate TypeScript code based on a GraphQL schema. Combine TypeScript and GraphQL's type systems to create full-stack, fully-type-checked codebases.

Get hands-on practice using advanced TypeScript concepts. Test your knowledge through quizzes, challenges, and even a TypeScript game show!

Learn Figma for creating user interface prototypes. Make shapes and frames that will hold the different pieces of the UI. You’ll also learn how to use reusable styles, typography, and components that you can use to create prototypes.

The best way to learn is to build something. Follow along and code a Spotify clone from scratch. From design spec to deployment using React, Next.js, Typescript, and Postgres.

Cypress is the fastest and easiest way to write end-to-end tests for your client-side applications. Learn the selector engine, test runners, assertion library, and write your own custom commands.

Build an enterprise-grade deployment infrastructure on AWS using S3, Route 53, CloudFront, lambda@edge, and more!

Web 3 (DApp) applications could change the development landscape. Learn to create and deploy smart contracts on Ethereum with Solidity. Then tackle challenging concepts such as memory layout, delegate calls, and fallback functions.

This rapid application development course will teach you practical techniques to accelerate development using CLIs, live templates, helpful libraries, and tooling.

Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!

Learn to create sounds using nothing but code! Synthesize and visualize audio, and add fun effects with JavaScript. Use these skills to build audio into games, web applications, or even art projects in the browser.

Learn to make websites more engaging through good design, fascinating content, and solid UX in this course by Paul Boag.

Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.

Learn how to persist data across app launches, add images to your React Native app, use gestures, add animations, and much more!

Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox to build out real-world web layouts!

Build a pro dev workflow to increase your developer productivity across multiple machines, projects, and technologies. Learn more!

Learn to build apps where the client can push messages to the server and talk in real-time. Start today!

Use Gatsby's APIs to handle advanced use cases like handling custom data and dynamic pages, and customizing Gatsby’s schema & GraphQL API data.

Code a full blog web app in Gatsby. Use GraphQL in Gatsby for storing and retrieving data, creating pages and posts with MDX, and more!

TypeScript adds a powerful type system on top of your JavaScript to catch bugs before they happen and provide a superior developer experience for collaborative teams.

TypeScript adds a powerful type system on top of your JavaScript to catch bugs before they happen and provides a superior developer experience for collaborative teams.

Transfer your JavaScript skills to the server-side and level up to a full-stack engineer! Learn the foundations of Node.js in this course.

Learn our computer science intro course and understand Algorithms and Big O Analysis, Recursion, Sorting, Data Structures, AVL Trees, and more.

Learn the Redux API from scratch, then learn to hook the Redux React application. You'll also learn how to extend Redux with various tools from its ecosystem.

Learn how to audit & fix website accessibility issues. Learn keyboard accessibility, focus control & ARIA roles to make websites accessibel to screen readers.

Migrate your app to TypeScript type simple and advanced React components. Learn React and TypeScript course with Frontend Masters!

Go from zero Rust knowledge to being able to build your own complete Rust programs with Frontend Master's complete Rust course.

Learn the basics of editing and navigation in VIM. You'll learn macros, registers, find, and replaces. Finally, edit your vimrc plugins along with quickfix lists.

Learn foundational, low-level programming such as binary, hexadecimal, array buffers, memory management, and unsigned integers.

Master built-in dev tools to step through your code with the debugger, audit web page performance, and remove “page jank” when a site isn’t keeping up. Learn more!

Learn to create containers with Dockerfiles, run containers from Dockerhub, and learn best practices for front-end and Node.js code in containers.

Take your JavaScript to the next level. Gain an understanding of callbacks, higher-order functions, closure, asynchronous and object-oriented JavaScript!

Learn to move back and forth between UI and the back-end through the command line and full-stack developer course to become a well-rounded engineer.

Learn the foundations of HTML email development such as structure, semantic markup, layouts, and creating accessible email.

Learn language building techniques: Lexing, Parsing, Tokenization, Traversing Abstract Syntax Trees, and Transpiling to JavaScript and make your own language now!

Dive into VS Code to customize your editor, refactor and debug code. Learn how to work with data and git …all within the same editor!

Go under the hood of powerful techniques like: Higher Order Functions, Function Composition, Pure Functions, and Immutability of State.

Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!

Produce innovative and inclusive JavaScript-powered web apps! Learn to remove barriers and allow all users to interact with your modern JS web applications.

Learn about structuring your data with front-end architect Steve Kinny. Start the "State Management with Redux & MobX" course today!

Service Workers enable websites to have new PWA capabilities like smart offline caching, background sync, and push notifications!

Learn the fundamental concepts of Node.js programming: CLI programming, file system access, asynchrony, HTTP servers & routing, and database persistence.

Use glimmer components, tracked properties, modifiers and learn everything you need to know to build performant, production-ready Ember apps & PWAs with Ember Octane!

Get a tour of the building blocks of programming like variables, loops, functions and operations. Then learn the three main pillars of JavaScript.

Improve your JavaScript by applying functional programming concepts like function purity, point-free, partial-application, currying, plus even more advanced concepts.

Uncover the most challenging, yet most powerful features in server Node.js, to help you write and debug professional server code.

Trees and graphs are non-linear data structures, which allows for modelling things such as recommendation algorithms and social networks. Learn more!

Utilize comprehensions to manipulate large quantities of data, Python's OO system, how to approach error handling, and how to utilize a web framework in your application.

Create and run simple Augment Python programs, including working with the available data types, writing functions and classes, and much more. Read more!

Get up to speed with new object destructuring JavaScript features like tagged template literals, destructuring, iterators, generators, and async-await. Learn more!

Dive into JavaScript's core language features; types & coercion, scope & closure, and JavaScript's object-oriented system.

Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!

Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences!

Learn to use NgRx Angular and RxJs to drastically simplify state management and flow control while cutting down on code volume.

You'll learn about generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. Apply creative coding skills to real-world jobs.

Learn to build schemas, structure models, and query MongoDB to get the right data. Learn the core pieces of MongoDB to build production-ready applications!

Understand JavaScript’s prototypal design and ES6+ classes to better organize and scale your JavaScript apps.

Join JS and Elm expert Richard Feldman in the "Advanced Elm" course. Learn how to organize and scale your Elm applications with authentication, css-in-Elm, and more!

Learn how to write applications with the Elm, the functional programming language, from the ground up. Read more!

Learn visualization principles and process for building custom advanced data visualizations with D3.js and SVG with Shirley Wu.

Learn the best practices on how to use D3.js and React to generate the data for these visualizations, and how to use React to render them.

Learn to control simple nodebots hardware devices, read data from sensors, or create IoT projects with Johnny-Five library for Node.js!

In this course, you'll learn the principles and best practices for writing maintainable test applications to catch errors before your product reaches the end user.

Learn how to implement web fonts and create a modern, scalable web typography system to give the best reading experience for desktop and mobile devices!

Learn how to pass technical interviews by understanding the data structures you need to store and retrieve data efficiently in your everyday development.

Gain an intuitive understanding of the new features of JavaScript in ES6+: iterators, generators, promises, and async/await!

Learn the Webpack 4 plugin system, tour the Webpack source code and learn to build custom plugins and custom Webpack loaders.

Make websites load instantly by using the Webpack code splitting feature for lazy loading JavaScript by removing unused code with tree shaking and prefetching assets.

Learn the core concepts of Webpack file loader. Start from scratch and build a pipeline with popular loaders from the Webpack ecosystem. Read more!

Learn to solve algorithms and analyze them efficiently in both an interview setting and also in your day-to-day development.

Learn AWS Lambda functions and how to test, debug and deploy them to build a real API powered by lambda functions.

Our content strategy course will teach you how to research and create an effective content strategy that helps create a cohesive voice for your website.

Write more efficient JavaScript, optimize rendering performance, load assets faster with a CDN, split loading resources with Webpack, and more!

A deep dive into git, this course is for developers who use it every day and want to learn inner workings and use advanced techniques in git.

Learn how to build accessible routing, state management, form validation and internationalization from the ground up by composing basic Vue.js features.

Learn about Visual Studio Code— a modern, full-featured code editor built from the ground for the needs of web developers.

Get hands-on experience attacking and defending web applications. Defend Cross-Site Scripting and MITM attacks, secure 3rd party assets, and more!

Know how Javascript is asynchronous and use features and techniques that will help you reduce code and create more innovative applications. Learn more!

Learn how to write unit tests for node.js and the browser and build up a modular frontend brick by brick with James Halliday

Cryptography provides a foundation for secure communications and distributed systems. LevelDB gives a modular structure to persist and query data in node.js

Learn the stream node module. Code readable, writable, transform, duplex streams. Plus code TCP, HTTP, and Websocket servers and clients using Node.js.

Take control of the Unix command line, automate tasks with shell scripts, compose regular expressions and easily edit files with the popular Vim editor.

Learn how to drive organic traffic to your website by mastering search engine optimization. In this course, you'll get a deep-dive into SEO.

This SaaS programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.

Learn what causes common JavaScript bugs and how to debug them. Learn how to use the latest developer tools to isolate and fix the source of issues.

Publish and distribute your JS library to npm, add testing/code coverage, manage community, and more in this course on publishing an open-source library.

Learn the history of JavaScript with a big focus to its functions. Learn how browsers work, how servers work, and ways to enhance security.

Effective asynchronous JavaScript means knowing various different patterns and weaving them together to write readable and understandable code.

Learning how to build and manage asynchronous programs is perhaps the most important part of becoming an effective JavaScript programmer.

Learn how to make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.