Frontend Masters Courses

Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more. You'll even build a professional portfolio website by the end of the course!

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.

Can a website that encourages users to act be created without dark patterns? Well, it turns out, yes, it can! 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! Learn how to leverage Custom Properties to improve code reuse, maintainability, and downright enable possibilities that previously required large amounts of hard-to-maintain JavaScript and violated the separation of concerns.

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 along with responsive images to build out real-world web layouts!

Build a pro dev workflow that will increase your productivity across multiple machines, projects, and technologies. Setup your computer quickly with Ansible, use git worktrees, save time using tmux, and other tools that can help you be more productive.

Build apps where the client can push messages to the server and talk in real-time! You’ll start by learning long polling with Vanilla JavaScript and Node.js, then open web sockets by hand, and finally, you’ll learn some excellent web socket abstractions with SocketIO. You’ll learn back off and retry strategies along the way, as well as use HTTP2 push in the browser!

Use Gatsby’s APIs to handle advanced use cases like handling custom data and dynamic pages, client-only routes and protected routes, and customizing Gatsby’s schema and GraphQL API data.

Code a full blog web app in Gatsby. Use GraphQL in Gatsby for storing and retrieving data, create pages and posts with MDX, optimize your images automatically with the gatsby-image, and deploy your brand new blog website to Netlify!

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 provide a superior developer experience for collaborative teams.

Transfer your JavaScript skills to the server-side and level up to a full-stack engineer! By learning the foundations of Node.js, you’ll be able to do a lot more with JavaScript, like creating command-line interfaces and APIs, and interacting with the file system.

Even without a traditional computer science background, you’ll be able to learn big computer science topics: Algorithms and Big O Analysis, Recursion, Sorting, Data Structures, AVL Trees, Binary Search Trees, Tree Traversals, and Path Finding.

Learn the Redux API from scratch, then learn to hook Redux into a React application. Also learn how to extend Redux with various tools from its ecosystem, including Reselect, Immer, and Redux Toolkit, to reduce boilerplate and speed up your development!

Audit and fix accessibility issues on any website! Learn keyboard accessibility, focus control & ARIA roles to make sites accessible to screen readers and those with disabilities.

Ship React apps with more code confidence using TypeScript! Migrate your app to TypeScript, type simple and advanced React components, and learn all types shipped with React for writing React with TypeScript.

Go from zero Rust knowledge to being able to build your own complete Rust programs! You’ll use Rust’s built-in data types and standard libraries, add-in packages from Rust’s package ecosystem, and dive into Rust-specific concepts like ownership, borrowing, and lifetimes.

Build scalable React applications while learning React hooks in-depth, CSS-in-JS with TailwindCSS, increase performance with code splitting and server-side rendering, add TypeScript, state management with Redux, test your app with Jest …and more!

Much more than an intro, you’ll build with the latest features in React, including hooks, effects, context, and portals. Learn to build real-world apps from the ground up using the latest tools in the React ecosystem, like Parcel, ESLint, Prettier, and React Router!

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 and get a demo of ThePrimeagen's ideal VIM workflow!

Learn foundational, low-level programming such as binary, hexadecimal, array buffers, memory management, and unsigned integers. Use AssemblyScript to build and ship Web Assembly modules into your web apps!

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 to create containers from scratch and 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!

You'll learn to move back and forth between UI and the back-end through the the command line, SSH, nginx, docker containers, server security, HTTP/2, HTTP/3 and more.

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.

Dive into VS Code to customize your editor, refactor and debug code, work with data, and work with git …all within the 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 designs not previously possible. Combined with CSS Calc & Custom Properties, they revolutionize the way we lay out web pages with CSS!

Produce innovative and inclusive JavaScript-powered web apps! Learn to remove barriers and allow people with disabilities to use your modern JavaScript web applications.

Learn best practices for structuring your data. You'll get your hands on multiple solutions for managing state including Redux, Redux Thunk, Redux Observables and MobX.

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

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

Use glimmer components, tracked properties, actions, modifiers and learn everything you need to know to build performant, production-ready Ember apps and 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: Types and Coercion, Scope and Closure and JavaScript’s “this” and Prototype system."

Improve your JavaScript by applying functional programming concepts like function purity, point-free, partial-application, currying, composition, immutability, recursion, list operations like map, reduce & filter...plus even more advanced concepts like monads and transduction!

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

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

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

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

Get up to speed with new JavaScript features like tagged template literals, destructuring, iterators, generators, regex improvements and async await.

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

Build full-stack applications leverging your React skills using Google's Firebase platform.

Use Electron to build native, cross-platform desktop applications using web technologies (e.g. HTML, CSS, and JavaScript).

Use Express to build a REST API in Node.js – handle REST API verb methods to create, read, update and delete resources from a MongoDB database.

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 of execution from concept to design to implementation. You'll learn to execute the creation of complex and beautiful front-end experiences!

Use Angular with NgRx 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 like games, advertising, and installation artwork.

Learn to build schemas, structure models and query MongoDB to get the right data. You'll learn the core concepts of MongoDB to build production-ready applications!

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

Learn how to organize and scale your Elm applications with authentication, css-in-Elm, 3rd party JS libraries, and more!

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

Learn how to deploy your next passion project online or your organization's next-generation client-side application with Amazon Web Services like S3, Route 53, CloudFront, and much more!

Learn the 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 to generate the data for these visualizations, and how to use React to render them.

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

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 typographic 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.

Develop 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 using Webpack for lazy loading JavaScript with code splitting, removing unused code with tree shaking and prefetching assets.

Learn the core concepts of Webpack 4. Start from scratch by adding Webpack with npm and build up a pipeline with popular loaders from the Webpack ecosystem!

More than an introduction, in this course you’ll go from building your first website to having the foundation for becoming a professional web developer!

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

Get started with AWS Lambda functions and then learn to test, debug and deploy then to build a real API powered by lambda functions.

Get your content under control with an effective strategy! Research, take inventory and create a messaging framework for 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!

Learn higher-order functions, closures, scope, master key functional methods like map, reduce and filter and promises and ES6+ asynchronous JavaScript.

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.

Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didn’t even know existed!

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

Visual Studio Code is a modern, full-featured code editor built from the ground for the needs of web developers - JavaScript developers in particular.

Get hands on attacking and defending web applications. Defend Cross-Site Scripting (XSS) and Man-in-the-Middle attacks, secure 3rd party assets and more!

Learn how to use JavaScript and AJAX to harness the power of WordPress for themes and plugins -- decouple your code using the WordPress REST API!

Go beyond the fundamentals of asynchronous JavaScript and use features and techniques that will help you reduce code and create smarter applications.

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 ecosystem 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 to get search engines to represent your site in the best way possible! And learn Facebook and Twitter's advanced sharing features.

Leverage the Sass preprocessing to empower your CSS practices and master styling complex applications while keeping the styles readable and maintainable.

Learn what causes common JavaScript bugs and use the latest developer tools to isolate and fix the source of the problems!

Learn to build APIs with Hapi.js from the ground up. Go from a basic API to how to use advanced Hapi.js features including its plugins and ecosystem.

Learn to set up authentication in your single page apps. Learn the anatomy of JSON Web Tokens, how to use JWT to protect resources, & manage auth in a SPA.

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.

Animation is crucial to developing interactive designs and interfaces, and CSS is one of the most performant ways to animate!

Learn the history of JavaScript and details of the language with special attention on functions. Plus how browsers work, how servers work and 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.

Before you use a framework, learn how to organize the different bits of JavaScript (modularizing, decoupling, etc) with this advanced JavaScript course.

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