Frontend Masters Courses

Learn the role of a Product Manager in a technical environment – learn through real-world exercises to ideate, prioritize, and create roadmaps for projects.

Use Electron to build native, cross-platform desktop applications using web technologies (e.g. HTML, CSS, and JavaScript). Learn inter-process communication, UI customization, native features, and performance optimization.

Fast-track your CSS learning to build professional, responsive websites. Master core concepts and practical layouts with Flexbox and Grid through engaging hands-on exercises.

Learn to build Slack bots for task automation and team collaboration. Integrate your bot with a Notion database, add info with the Slack Block Kit UI Framework, add API security, and deploy your bot!

Use Astro, a modern web framework emphasizing minimal JavaScript, partial hydration, and UI-framework-agnostic development. Gain practical skills in state management, API usage, and server-side rendering while building a complete web application!

Learn the foundations of Node.js and server-side JavaScript to build custom CLIs, manipulate files, create servers, and more. Take your JavaScript skills to the next level and become a full-stack engineer!

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!

Next.js is a complete full-stack framework built on top of React.js. Use Next.js to create basic blog websites up to full-blown, full-stack apps and APIs. Plus, learn new features like using the app router, server and client components, and server actions!

Get a quick introduction to Go. Learn basic syntax like variables, constants, data types, and creating and importing packages. You’ll get hands-on with all the necessary features of Go to get up to speed with the language quickly!

Learn to identify and resolve performance issues in your web apps! Learn about performance issues, metrics, HTTP, browser cache, and service workers. Discover basic to advanced optimization techniques and performance APIs.

Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.

Quickly understand the essentials of AI in web development. Learn about large language models, chatbots, APIs, and more. Build a ChatGPT Clone project and delve into advanced topics like context maintenance, prompt engineering, and using the Image API.

Explore what is possible with new Web APIs! Browsers can do so much now, including speech recognition, geolocation, OS integration, face detection, augmented reality, and reading from sensors, external hardware, and devices!

Explore Vanilla JavaScript, understand core concepts, work with the DOM API, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.

Develop an under-the-hood knowledge of UI development by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch! Master UI frameworks such as React, Angular, Vue, and Svelte by seeing exactly what problems they solve.

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.

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.

Challenge your knowledge with a quiz on the advanced parts of web development! Answer 30 questions from JavaScript and CSS to performance, web security, and HTTP protocols.

Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!

This course provides leaders with strategies to develop and mature design systems, encompassing technical elements, stakeholder adoption, and organizational culture.

Learn Java, one of the most popular programming languages in the world, especially for enterprise applications! Learn object-oriented and functional programming techniques through hands-on coding challenges.

As a TypeScript developer, expanding your skills with Rust can be a game-changer. Rust offers memory safety without a garbage collector, impressive performance, and a strong type system similar to TypeScript, but with even more robustness.

Learn what it means to become a full-stack engineer, and get hands-on with setting up your own server to build and deploy web applications from scratch!

Put algorithms and computer science techniques into practice! Think through challenges and apply techniques like recursion, traversals, acyclic paths, memoization

Take your first steps into DevOps guided from the perspective of a developer! Improve software teams’ ability to build and ship software reliably.

Explore resumability with Qwik. Create instant-loading websites and ship less JavaScript by serializing the application and framework state in the HTML.

Go beyond localStorage to use newer and more performant APIs like IndexedDB for storing JSON, CacheStorage for caching requests, and the FileSystem API for accessing the local file system.

Learn basic password logins to using Google to log in. Then, use WebAuthn API and Passkeys to use FaceID and biometrics to make passwordless web apps!

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.

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.

Use TypeScript with Components, Context API, React Hooks, and type props to build more robust and reliable React applications at scale.

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.

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.

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 accessible to screen readers.

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 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 git and GitHub every day and want to learn the inner workings and use advanced techniques.

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.