Frontend Masters Courses

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!

Starting from scratch, you’ll learn to build a full blog app. Use GraphQL in Gatsby for storing and retrieving data, create pages and posts with MDX, optimize your images automatically with the gatsby-image, and load 3rd party data from instagram to display in components. Then deploy your brand new blog website to Netlify for the world to see!

Build scalable React applications using the tools and techniques available in the React ecosystem. You’ll learn hooks in-depth, CSS-in-JS with emotion, increase performance with code splitting and server-side rendering, add TypeScript, 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 Reach Router!

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.

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.

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

GraphQL empowers more flexibility into your APIs. Learn to build GraphQL APIs with Apollo Server and create GraphQL Schemas using scalar types, object type, queries and mutations.

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.

Use the Angular CLI to quickstart our app and then build components, templates, routes, forms, and use ajax in Angular.

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!

Learn the foundations of Node.js so you can go forward and create fantastic JavaScript apps outside the browser!

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!

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

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.

Go beyond the basics to writing production-level, optimized GraphQL. Learn GraphQL techniques such as Nested Resolvers, Caching and Testing.

Fix errors before your app reaches the end user by writing maintainable unit test & integration tests for your React applications!

Simplify large React applications by separating your component logic, state and display properties to make React components more flexible and usable!

Learn SQL, the most popular language for storing, querying and analyzing the relational data that powers your server-side applications.

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!

Learning computer science makes you a better developer, makes your apps better, and allows you to answer difficult engineering interview questions.

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.

Deploy Node.js apps and configure Nginx using the command line. Setup SSH, firewall, server updates and configure nginx caching, gzip and HTTP2.

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

Master CSS Grid and Flexbox, the latest tools and tricks to layout beautiful, responsive web applications with less code.

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

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!

Explore popular libraries to manage state including Flux, Redux, MobX, Redux Sagas, and more. Learning these patterns will help you leverage the best techniques for managing state in your React applications!

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!

Learn how to audit a web app, go offline with service workers, load instantly with the App-Shell architecture, enable push notifications and more!

Vue.js brings together the best features of the javascript framework landscape elegantly. Build complex and maintainable applications faster!

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!

Take advantage of the latest in data visualization by learning the core concepts of d3.js and experiencing the power to represent data in new ways!

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.

Mike demonstrates recent Ember 2.x framework advancements to show you how to debug, customize, test and deploy applications with confidence.

Learn the skills that front-end engineers need to seamlessly work and switch between the front-end, command line, and server.

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.

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

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!

We're going to tackle some big topics in just five hours: Algorithms and Big O Analysis, Recursion, Sorting, Data Structures and Functional Programming.

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.

Learn the importance of HTML email and prove that building beautiful, responsive email campaigns isn’t as scary as you thought.

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