terminal
Frontend & Fullstack Engineering Courses
Not sure where to start? Check out our Learning Paths!
Only showing our most popular courses. Click to show all courses instead.
My Dev Setup Is Better Than Yours
Maximize your productivity with the best developer setup. Hand-craft an environment with bash scripts and incorporate common unix tools for managing libraries, interacting with the OS, window management, and more.
![My Dev Setup Is Better Than Yours](https://static.frontendmasters.com/assets/courses/2025-01-31-developer-productivity-v2/thumb.webp)
drag handle
Hard Parts of AI: Neural Networks
Codesmith
Understand how AI prediction and neural networks work under the hood! Learn core AI concepts through hands-on fraud detection and image recognition examples. Build the technical knowledge to confidently integrate AI into your applications.
![Hard Parts of AI: Neural Networks](https://static.frontendmasters.com/assets/courses/2025-01-17-hard-parts-ai/thumb.webp)
drag handle
Professional CSS: Build a Website from Scratch
Kevin Powell Media Inc.
Use custom properties and the latest responsive design techniques to build and deploy a website from scratch!
![Professional CSS: Build a Website from Scratch](https://static.frontendmasters.com/assets/courses/2025-01-08-pro-css/thumb.webp)
drag handle
AI Agent: From Prototype to Production
Superfilter AI
Make your AI apps production ready with evals, human-in-the-loop guardrails, memory management, and Retrieval Augmented Generation (RAG).
![AI Agent: From Prototype to Production](https://static.frontendmasters.com/assets/courses/2024-12-11-production-ai/thumb.webp)
drag handle
Build an AI Agent from Scratch
Superfilter AI
Create your own chat-based AI agent with custom function calling, LLMs, and Dall-E image generation.
![Build an AI Agent from Scratch](https://static.frontendmasters.com/assets/courses/2024-12-10-ai-agents/thumb.webp)
drag handle
Complete Intro to React, v9
Neon
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
Building APIs with C# and ASP.NET Core
Aviron Software, Microsoft MVP
Build a robust API with C# while leveraging the power of ASP.Net Core! Architect reliable JSON-based API routes with data validation and unit testing.
![Building APIs with C# and ASP.NET Core](https://static.frontendmasters.com/assets/courses/2024-11-05-dotnet-apis/thumb.webp)
drag handle
C# and .NET Basics
Aviron Software, Microsoft MVP
Explore the C# language while working with common .NET tools. Learn to create abstract and concrete classes, use inheritance and interfaces, work with extension methods and LINQ.
![C# and .NET Basics](https://static.frontendmasters.com/assets/courses/2024-11-04-csharp-dotnet/thumb.webp)
drag handle
Testing Fundamentals
Temporal
Learn the basics of testing and apply Test-Driven Development techniques to your workflow. Gain practical experience writing unit and integration tests while exploring common testing tools.
![Testing Fundamentals](https://static.frontendmasters.com/assets/courses/2024-10-29-testing/thumb.webp)
drag handle
Web Performance Fundamentals, v2
Request Metrics
Speed up your websites and web apps by mastrering Core Web Vitals metrics like Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP).
![Web Performance Fundamentals, v2](https://static.frontendmasters.com/assets/courses/2024-10-22-web-perf-v2/thumb.webp)
drag handle
Complete Intro to SQLite
Neon
Learn SQLite, the world’s most widely-deployed database. Learn SQL syntax, performance and scaling strategies. Build real-world apps with Node.js integration.
![Complete Intro to SQLite](https://static.frontendmasters.com/assets/courses/2024-10-01-sqlite/thumb.webp)
drag handle
Software Developer Success: Soft Skills & Testing
Netflix
Develop crucial technical and interpersonal skills for software engineering success. Learn TDD, refactoring, time estimation, and relationship-building techniques to accelerate your career growth.
![Software Developer Success: Soft Skills & Testing](https://static.frontendmasters.com/assets/courses/2024-09-17-dev-soft-skills/thumb.webp)
drag handle
Intermediate React Native, v2
Expo
Use React Native and Expo to create, customize, and deploy professional-grade mobile apps for iOS and Android, covering advanced UI, state management, and native device features.
![Intermediate React Native, v2](https://static.frontendmasters.com/assets/courses/2024-09-11-intermediate-react-native-v2/thumb.webp)
drag handle
React Native, v3
Expo
Use your React skills to build feature-rich, native mobile apps for iOS and Android using React Native and Expo.
![React Native, v3](https://static.frontendmasters.com/assets/courses/2024-09-10-react-native-v3/thumb.webp)
drag handle
PWAs: You Might Not Need That App Store
Independent Consultant
Create installable web apps with the power of Progressive Web Apps (PWAs). Build native app-like experiences with icons and splash screens tailored for all mobile and desktop platforms!
![PWAs: You Might Not Need That App Store](https://static.frontendmasters.com/assets/courses/2024-08-27-pwas-v2/thumb.webp)
drag handle
Web Security, v2
Temporal
Learn to identify and mitigate common vulnerabilities, implement protection strategies, and secure your web applications against various attack vectors.
![Web Security, v2](https://static.frontendmasters.com/assets/courses/2024-08-20-web-security-v2/thumb.webp)
drag handle
PHP Basics
Independent Consultant
Get up to speed quickly with PHP for web development. Learn syntax, OOP, API creation, database integration, and build real-world projects. Ideal for beginners with basic programming knowledge.
![PHP Basics](https://static.frontendmasters.com/assets/courses/2024-08-19-php/thumb.webp)
drag handle
JavaScript Design Patterns for Web Apps
Independent Consultant
Implement classic patterns like Singleton, Factory, and Observer alongside modern patterns for single-page and multi-page architectures to build robust, efficient web apps using pure JavaScript.
![JavaScript Design Patterns for Web Apps](https://static.frontendmasters.com/assets/courses/2024-08-13-js-design-patterns/thumb.webp)
drag handle
Complete Intro to Containers, v2
Neon
Get an introduction to containers from the ground up. Build a container by hand, then learn Docker, optimization, multi-container projects, and intro to Kubernetes.
![Complete Intro to Containers, v2](https://static.frontendmasters.com/assets/courses/2024-08-06-complete-intro-containers-v2/thumb.webp)
drag handle
Professional JS: Features You Need to Know
Independent Consultant
Upgrade your JavaScript knowledge with post-ES6 features. Learn modern syntax, async programming, and advanced JavaScript features.
![Professional JS: Features You Need to Know](https://static.frontendmasters.com/assets/courses/2024-07-30-pro-js-features/thumb.webp)
drag handle
Introduction to Backend Architectures
TheAltF4Stream
Learn essential backend architectures from monoliths to serverless. Discover key principles, tackle common challenges, and explore real-world examples giving you a perfect introduction to backend systems.
![Introduction to Backend Architectures](https://static.frontendmasters.com/assets/courses/2024-07-24-backend-architectures/thumb.webp)
drag handle
Front-End System Design
Staff UI Engineer
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
![Front-End System Design](https://static.frontendmasters.com/assets/courses/2024-07-23-frontend-system-design/thumb.webp)
drag handle
Web Development Project: Personal Portfolio Website
AnnieCannons
Create a personal portfolio website from scratch using HTML and CSS. Master responsive design techniques, CSS layout tools, and best practices for showcasing your work across devices.
![Web Development Project: Personal Portfolio Website](https://static.frontendmasters.com/assets/courses/2024-07-17-portfolio-website/thumb.webp)
drag handle
Getting a Software Engineering Job, v3
Vets Who Code
Comprehensive guide to securing a software engineering job. Optimize your resume, GitHub profile, and LinkedIn. Prepare for technical interviews with advice from Jerome, who’s helped 300+ developers get jobs!
![Getting a Software Engineering Job, v3](https://static.frontendmasters.com/assets/courses/2024-07-16-getting-a-job-v3/thumb.webp)
drag handle
Headless CMSs with Next.js
Superfilter AI
Master headless CMS integration in Next.js. Learn content modeling, GraphQL queries, dynamic routing, and previews. Build a fully functional website with Contentful and explore advanced caching techniques.
![Headless CMSs with Next.js](https://static.frontendmasters.com/assets/courses/2024-07-09-headless-cms-nextjs/thumb.webp)
drag handle
Intermediate Next.js
Superfilter AI
Dive deeper into Next.js concepts including server actions, route protection, caching strategies, and advanced data fetching. Build a full-stack app with React 18+ features and optimized performance.
![Intermediate Next.js](https://static.frontendmasters.com/assets/courses/2024-07-08-intermediate-next-js/thumb.webp)
drag handle
Server-Side GraphQL in Next.js
Superfilter AI
Craft schemas, interface types, and resolvers while building a custom GraphQL API with Next.js.
![Server-Side GraphQL in Next.js](https://static.frontendmasters.com/assets/courses/2024-06-27-server-graphql-nextjs/thumb.webp)
drag handle
Client-Side GraphQL with React, v2
Superfilter AI
Wire up a React client application with dynamic data while learning the fundamentals of GraphQL queries and mutations.
![Client-Side GraphQL with React, v2](https://static.frontendmasters.com/assets/courses/2024-06-25-client-graphql-react-v2/thumb.webp)
drag handle
Machine Learning in JavaScript with TensorFlow.js
Socket
Train and run machine learning models for object, gesture, and audio detection in JavaScript using TensorFlow.js.
![Machine Learning in JavaScript with TensorFlow.js](https://static.frontendmasters.com/assets/courses/2024-06-19-tensorflow-js/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
Figma for Developers, v2
Temporal
Learn to use Figma's developer-friendly features like constraints, auto layout, component properties and CSS generation to efficiently build and translate designs to code. Bridge the gap between design and development.
![Figma for Developers, v2](https://static.frontendmasters.com/assets/courses/2024-06-04-figma-v2/thumb.webp)
drag handle
Guide for Launching Your Next Big Idea
Boagworld
Validate your SaaS app idea through market research, competitive analysis, and audience targeting. Build an MVP, create a high-converting landing page, and nurture your audience to launch your product successfully.
![Guide for Launching Your Next Big Idea](https://static.frontendmasters.com/assets/courses/2024-05-30-product-launch/thumb.webp)
drag handle
The Product Design Process
Boagworld
Learn prototyping, user testing, MVP planning, and creating design systems. Apply interface design principles to build intuitive, user-centric applications.
![The Product Design Process](https://static.frontendmasters.com/assets/courses/2024-05-29-product-design/thumb.webp)
drag handle
UX Research & User Testing
Boagworld
Learn to build features that your users actually want! Gather honest user feedback and data through audience segmentation, surveys, and running interviews.
![UX Research & User Testing](https://static.frontendmasters.com/assets/courses/2024-05-28-ux-testing/thumb.webp)
drag handle
Ultimate CSS Grid & Layout Techniques, v3
AnnieCannons
CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. Learn advanced techniques including subgrid, container queries, and responsive images through hands-on CodePen exercises.
![Ultimate CSS Grid & Layout Techniques, v3](https://static.frontendmasters.com/assets/courses/2024-05-08-css-grid/thumb.webp)
drag handle
Everything You'll Need to Know About Git
terminal
Never face an unsolvable Git problem again. Understand Git's architecture, branching, conflict resolution, and advanced techniques like interactive rebasing, bisecting, worktrees, and the reflog.
![Everything You'll Need to Know About Git](https://static.frontendmasters.com/assets/courses/2024-05-06-everything-git/thumb.webp)
drag handle
Build Go Apps That Scale on AWS
Twitch
Learn Go, AWS CDK, Lambdas, DynamoDB, API Gateway, JSON Web Tokens, and deploy infrastructure as code!
![Build Go Apps That Scale on AWS](https://static.frontendmasters.com/assets/courses/2024-04-23-go-aws/thumb.webp)
drag handle
Web App Testing & Tools
Qwik Creator (Previously Angular)
Learn unit, integration, system, E2E testing, mock dependencies, and use Vitest & Playwright for building robust and maintainable web apps!
![Web App Testing & Tools](https://static.frontendmasters.com/assets/courses/2024-04-02-web-app-testing/thumb.webp)
drag handle
Enterprise Web App Accessibility (feat. React)
Principle Studios
Enhance your team's understanding of testing for accessibility and baking it into your React web apps. Learn about ARIA, focus management, semantic HTML, and testing strategies to create inclusive and user-friendly web interfaces.
![Enterprise Web App Accessibility (feat. React)](https://static.frontendmasters.com/assets/courses/2024-02-27-enterprise-accessibility/thumb.webp)
drag handle
Web App Accessibility (feat. React)
Principle Studios
Elevate your React projects by integrating accessibility standards and practices. Gain expertise in WCAG, ARIA, screen readers, semantic HTML, and accessibility testing to create inclusive and compliant web applications.
![Web App Accessibility (feat. React)](https://static.frontendmasters.com/assets/courses/2024-02-26-react-accessibility/thumb.webp)
drag handle
Test Your JavaScript Knowledge
Lydia Hallie
Gain clarity on JavaScript's inner workings, including the event loop and asynchronous programming, scope, closures, and classes with interactive questions designed to enhance your understanding of JavaScript!
![Test Your JavaScript Knowledge](https://static.frontendmasters.com/assets/courses/2024-02-20-javascript-quiz/thumb.webp)
drag handle
Vanilla JavaScript Projects
Software Engineer & Educator
Put your fundamental JavaScript knowledge into practice through hands-on web projects. Use browser APIs, asynchronous programming, Node.js, and modern tooling to build and deploy web apps, all with vanilla JavaScript!
![Vanilla JavaScript Projects](https://static.frontendmasters.com/assets/courses/2024-02-12-javascript-projects/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
The Last Algorithms Course You'll Want (Part 2)
terminal
Elevate your technical prowess in data structures and algorithms, focusing on trees, graph theory, and dynamic programming. Learn practical implementation and optimization techniques to solve complex algorithmic challenges efficiently.
![The Last Algorithms Course You'll Want (Part 2)](https://static.frontendmasters.com/assets/courses/2024-01-22-advanced-algorithms/thumb.webp)
drag handle
HTMX & Go
terminal
Are you wanting an alternative to complicated UI frameworks? Make web app development simpler using HTMX. Using Go on the backend, you’ll learn the grug way (it’s just HTML, btw) for building interactive web experiences!
![HTMX & Go](https://static.frontendmasters.com/assets/courses/2024-01-21-htmx/thumb.webp)
drag handle
Blazingly Fast JavaScript
terminal
Learn advanced JavaScript performance optimization: garbage collection, memory profiling, data structures like sets and arrays, and event loop management. Learn performance-driven programming, preparing you to write blazingly fast and efficient code!
![Blazingly Fast JavaScript](https://static.frontendmasters.com/assets/courses/2024-01-20-blazingly-fast-js/thumb.webp)
drag handle
Enterprise Engineering Management 102
Netflix
Learn to build and lead high-performing technical teams with insights from Netflix's Ryan Burgess. Learn to establish OKRs and KPIs, develop team charters, refine hiring processes, and build strong partnerships. Enhance your leadership skills!
![Enterprise Engineering Management 102](https://static.frontendmasters.com/assets/courses/2024-01-15-engineering-management/thumb.webp)
drag handle
Engineering Management Fundamentals 101
Netflix
Explore a career in software management with guidance from Netflix's Engineering Manager, Jem Young. Learn key motivations, challenges, and essential leadership skills for effective team management.
![Engineering Management Fundamentals 101](https://static.frontendmasters.com/assets/courses/2024-01-14-intro-management/thumb.webp)
drag handle
Tailwind CSS
Temporal
Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable user interfaces!
![Tailwind CSS](https://static.frontendmasters.com/assets/courses/2023-12-13-tailwind-css/thumb.webp)
drag handle
Vite
Temporal
Master Vite, the modern build tool for faster and leaner web development. Learn to integrate with React, optimize assets, and extend with plugins. See what it's like to actually enjoy using your build tools!
![Vite](https://static.frontendmasters.com/assets/courses/2023-12-12-vite/thumb.webp)
drag handle
Enterprise TypeScript
Stripe
Configure your TypeScript codebases for scalability, empowering large teams to collaborate more effectively! Learn how to set up, maintain, and evolve TypeScript libraries, manage migrations from JavaScript, and implement testing strategies for types.
![Enterprise TypeScript](https://static.frontendmasters.com/assets/courses/2023-12-06-enterprise-typescript/thumb.webp)
drag handle
Intermediate TypeScript, v2
Stripe
Dive into TypeScript's powerful features, including complex types, nullish values, ES modules, and advanced generics. Learn about namespaces, classes, top and bottom types, and conditional and mapped types.
![Intermediate TypeScript, v2](https://static.frontendmasters.com/assets/courses/2023-12-05-intermediate-typescript-v2/thumb.webp)
drag handle
TypeScript 5+ Fundamentals, v4
Stripe
TypeScript adds a powerful type system to JavaScript, adding type aliases, union/intersection types, and generics. Migrate to TypeScript, enhancing code reliability and error detection in your codebase.
![TypeScript 5+ Fundamentals, v4](https://static.frontendmasters.com/assets/courses/2023-12-04-typescript-v4/thumb.webp)
drag handle
Build AI-Powered Apps with OpenAI and Node.js
Superfilter AI
Integrate Node.js with OpenAI to build advanced AI-powered applications. Learn to build AI chat interfaces, semantic search, document QA, function calling, and create AI images!
![Build AI-Powered Apps with OpenAI and Node.js](https://static.frontendmasters.com/assets/courses/2023-11-27-openai-node/thumb.webp)
drag handle
Enterprise DevOps & Cloud Infrastructure
TheAltF4Stream
Use DevOps to solve critical developer and business problems at scale. Set up large-scale systems with GitOps and optimized CI/CD workflows, and standardized cloud orchestration.
![Enterprise DevOps & Cloud Infrastructure](https://static.frontendmasters.com/assets/courses/2023-10-30-enterprise-devops/thumb.webp)
drag handle
Bare Metal JavaScript: The JavaScript Virtual Machine
Qwik Creator (Previously Angular)
Build a mental model of JavaScript's performance characteristics through understanding virtual machines under the hood.
![Bare Metal JavaScript: The JavaScript Virtual Machine](https://static.frontendmasters.com/assets/courses/2023-10-17-javascript-cpu-vm/thumb.webp)
drag handle
CSS Projects
AnnieCannons
Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques.
![CSS Projects](https://static.frontendmasters.com/assets/courses/2023-10-10-css-projects/thumb.webp)
drag handle
Get Kids into Coding with Scratch
Temporal
Explore the essence of Scratch programming. Delve into game mechanics, craft interactive stories, and grasp computer science fundamentals. This course inspires fun projects tailored for young learners.
![Get Kids into Coding with Scratch](https://static.frontendmasters.com/assets/courses/2023-09-27-scratch/thumb.webp)
drag handle
Hardware with Arduino & JavaScript
Temporal
Tie the physical and digital worlds together, and see what's possible with hardware and JavaScript! Craft circuits, wire up LEDs, buttons, and sensors, and leverage sensors to change browser actions based on real-world data, all with web-based technologies.
![Hardware with Arduino & JavaScript](https://static.frontendmasters.com/assets/courses/2023-09-26-arduino-javascript/thumb.webp)
drag handle
Complete Intro to Product Management
Neon
Learn the role of a Product Manager in a technical environment – learn through real-world exercises to ideate, prioritize, and create roadmaps for projects.
![Complete Intro to Product Management](https://static.frontendmasters.com/assets/courses/2023-09-20-product-management/thumb.webp)
drag handle
Electron, v3
Temporal
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.
![Electron, v3](https://static.frontendmasters.com/assets/courses/2023-09-19-electron-v3/thumb.webp)
drag handle
CSS Foundations
Spotify
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.
![CSS Foundations](https://static.frontendmasters.com/assets/courses/2023-08-30-css-foundations/thumb.webp)
drag handle
Building a Slack Chat Bot
Learn With Jason
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!
![Building a Slack Chat Bot](https://static.frontendmasters.com/assets/courses/2023-08-25-chat-apis/thumb.webp)
drag handle
Astro for Fast Website Development
Learn With Jason
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!
![Astro for Fast Website Development](https://static.frontendmasters.com/assets/courses/2023-08-24-astro/thumb.webp)
drag handle
Introduction to Node.js, v3
Superfilter AI
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!
![Introduction to Node.js, v3](https://static.frontendmasters.com/assets/courses/2023-08-13-node-js-v3/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
Basics of Go
Independent Consultant
Get an introduction to Go. Learn basic syntax like variables, constants, data types, and creating and importing packages. Get hands-on with all the necessary features of Go to get up to speed with the language quickly!
![Basics of Go](https://static.frontendmasters.com/assets/courses/2023-08-08-go-basics/thumb.webp)
drag handle
Web App Performance
Independent Consultant
Identify and resolve performance issues in your web apps! Learn about performance issues, metrics, HTTP, browser cache, and service workers. Discover advanced optimization techniques and performance APIs.
![Web App Performance](https://static.frontendmasters.com/assets/courses/2023-07-30-web-app-performance/thumb.webp)
drag handle
Practical CSS Layouts
AnnieCannons
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
![Practical CSS Layouts](https://static.frontendmasters.com/assets/courses/2023-07-25-css-layouts/thumb.webp)
drag handle
First Look: ChatGPT API for Web Developers
Independent Consultant
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.
![First Look: ChatGPT API for Web Developers](https://static.frontendmasters.com/assets/courses/2023-07-18-chatgpt-api/thumb.webp)
drag handle
A Tour of Web Capabilities
Independent Consultant
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!
![A Tour of Web Capabilities](https://static.frontendmasters.com/assets/courses/2023-07-11-device-web-apis/thumb.webp)
drag handle
Vanilla JS: You Might Not Need a Framework
Independent Consultant
Explore Vanilla JavaScript core concepts, work with DOM APIs, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.
![Vanilla JS: You Might Not Need a Framework](https://static.frontendmasters.com/assets/courses/2023-07-06-vanilla-js-apps/thumb.webp)
drag handle
The Hard Parts of UI Development
Codesmith
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!
![The Hard Parts of UI Development](https://static.frontendmasters.com/assets/courses/2023-06-20-hard-parts-ui-dev/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
Advanced Web Development Quiz
Lydia Hallie
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.
![Advanced Web Development Quiz](https://static.frontendmasters.com/assets/courses/2023-05-30-web-dev-quiz/thumb.webp)
drag handle
Enterprise UI Development: Testing & Code Quality
Temporal
Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!
![Enterprise UI Development: Testing & Code Quality](https://static.frontendmasters.com/assets/courses/2023-05-26-enterprise-ui-dev/thumb.webp)
drag handle
Enterprise Design Systems Management
Sparkbox
This course provides leaders with strategies to develop and mature design systems, encompassing technical elements, stakeholder adoption, and organizational culture.
![Enterprise Design Systems Management](https://static.frontendmasters.com/assets/courses/2023-05-25-design-systems-management/thumb.webp)
drag handle
Java Fundamentals
Java Champion
Learn Java, one of the most popular programming languages in the world, especially for enterprise applications! Learn object-oriented and functional programming through hands-on coding challenges.
![Java Fundamentals](https://static.frontendmasters.com/assets/courses/2023-05-09-java/thumb.webp)
drag handle
Rust for TypeScript Developers
terminal
Expanding your skills with Rust can be a game-changer for TypeScript developers. Rust offers memory safety without a garbage collector, impressive performance, and a strong type system similar to TypeScript.
![Rust for TypeScript Developers](https://static.frontendmasters.com/assets/courses/2023-04-25-rust-ts-devs/thumb.webp)
drag handle
Full Stack for Front-End Engineers, v3
Netflix
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!
![Full Stack for Front-End Engineers, v3](https://static.frontendmasters.com/assets/courses/2023-04-18-fullstack-v3/thumb.webp)
drag handle
Practical Problem Solving with Algorithms
You Don't Know JS
Put algorithms and computer science techniques into practice! Think through challenges and apply techniques like recursion, traversals, acyclic paths, memoization
![Practical Problem Solving with Algorithms](https://static.frontendmasters.com/assets/courses/2023-04-10-algorithms-practice/thumb.webp)
drag handle
Introducing DevOps for Developers
TheAltF4Stream
Take your first steps into DevOps guided from the perspective of a developer! Improve software teams’ ability to build and ship software reliably.
![Introducing DevOps for Developers](https://static.frontendmasters.com/assets/courses/2023-03-09-devops/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
Web Storage APIs
Independent Consultant
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.
![Web Storage APIs](https://static.frontendmasters.com/assets/courses/2023-02-23-web-storage-apis/thumb.webp)
drag handle
Web Authentication APIs
Independent Consultant
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!
![Web Authentication APIs](https://static.frontendmasters.com/assets/courses/2023-02-15-web-auth-apis/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
JavaScript in the Background
Independent Consultant
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.
![JavaScript in the Background](https://static.frontendmasters.com/assets/courses/2023-01-12-background-javascript/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
JavaScript: From First Steps to Professional
Software Engineer & Educator
Take your first steps into the wide world of JavaScript and walk away with the core skills needed to become a professional JavaScript programmer!
![JavaScript: From First Steps to Professional](https://static.frontendmasters.com/assets/courses/2022-11-15-javascript-first-steps/thumb.webp)
drag handle
API Design in Node.js, v4
Superfilter AI
Use Express to build a REST API Design in Node.js – read and update from a Postgres database using Prisma and TypeScript.
![API Design in Node.js, v4](https://static.frontendmasters.com/assets/courses/2022-11-03-api-design-nodejs-v4/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
Complete Intro to SQL & PostgreSQL
Neon
Using the popular PostgreSQL database, you'll learn to set up, model, and query your data through real-world projects.
![Complete Intro to SQL & PostgreSQL](https://static.frontendmasters.com/assets/courses/2022-10-03-sql/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
The Last Algorithms Course You'll Need
terminal
The last algorithms course you’ll need to pass tough interview questions that use arrays, lists, trees, graphs, maps, and searching and sorting algorithms.
![The Last Algorithms Course You'll Need](https://static.frontendmasters.com/assets/courses/2022-09-12-algorithms/thumb.webp)
drag handle
Intermediate HTML & CSS
AnnieCannons
Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!
![Intermediate HTML & CSS](https://static.frontendmasters.com/assets/courses/2022-09-06-intermediate-html-css/thumb.webp)
drag handle
Complete Intro to Web Development, v3
Neon
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!
![Complete Intro to Web Development, v3](https://static.frontendmasters.com/assets/courses/2022-09-05-web-development-v3/thumb.webp)
drag handle
A Tour of JavaScript & React Patterns
Lydia Hallie
Learn a suite of design patterns to improve your JavaScript and React code architecture!
![A Tour of JavaScript & React Patterns](https://static.frontendmasters.com/assets/courses/2022-08-18-tour-js-patterns/thumb.webp)
drag handle
Polyglot Programming: TypeScript, Go, & Rust
terminal
Bend your mind with programming a fully unit tested CLI application in three TypeScript, Go, and Rust back-to-back!
![Polyglot Programming: TypeScript, Go, & Rust](https://static.frontendmasters.com/assets/courses/2022-08-13-typescript-go-rust/thumb.webp)
drag handle
Firebase Fundamentals
Google
Code an app with real-time updates using Firebase and Firestore. Add security rules, add Firebase authentication, and trigger server code with Cloud Functions.
![Firebase Fundamentals](https://static.frontendmasters.com/assets/courses/2022-08-10-firebase/thumb.webp)
drag handle
Mastering the Design Process
Boagworld
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.
![Mastering the Design Process](https://static.frontendmasters.com/assets/courses/2022-07-29-design-process/thumb.webp)
drag handle
Finding Clients as a Freelancer
Boagworld
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!
![Finding Clients as a Freelancer](https://static.frontendmasters.com/assets/courses/2022-07-28-freelancing/thumb.webp)
drag handle
CSS Animations and Transitions
Microsoft
Learn CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.
![CSS Animations and Transitions](https://static.frontendmasters.com/assets/courses/2022-07-25-css-animations/thumb.webp)
drag handle
Cross-Platform Mobile Apps with Flutter
Independent Consultant
Create your first multi-platform application using Dart, including native apps for iOS, Android, desktop computers, and Progressive Web Apps.
![Cross-Platform Mobile Apps with Flutter](https://static.frontendmasters.com/assets/courses/2022-06-24-flutter/thumb.webp)
drag handle
Introduction to Kotlin and Android Development
Independent Consultant
Create your first Android native application using Jetpack Compose and Android Studio.
![Introduction to Kotlin and Android Development](https://static.frontendmasters.com/assets/courses/2022-06-23-android-kotlin/thumb.webp)
drag handle
iOS App Development with Swift
Independent Consultant
Create your first iOS native application using SwiftUI and Xcode for deployment in the iOS and iPad Apple App store.
![iOS App Development with Swift](https://static.frontendmasters.com/assets/courses/2022-06-22-swift-ios/thumb.webp)
drag handle
Data Visualization First Steps
Software Engineer & Educator
Friendly, high-level intro to basic concepts of data visualization using Observable plot.
![Data Visualization First Steps](https://static.frontendmasters.com/assets/courses/2022-06-07-data-visualization/thumb.webp)
drag handle
Game Development with Unity for Web Developers
BUCK
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.
![Game Development with Unity for Web Developers](https://static.frontendmasters.com/assets/courses/2022-05-24-unity/thumb.webp)
drag handle
Web Components
Paravel
Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.
![Web Components](https://static.frontendmasters.com/assets/courses/2022-05-17-web-components/thumb.webp)
drag handle
Fullstack TypeScript (feat. GraphQL & Node.js)
Stripe
Generate TypeScript code based on a GraphQL schema. Combine TypeScript and GraphQL's type systems to create full-stack, fully-type-checked codebases.
![Fullstack TypeScript (feat. GraphQL & Node.js)](https://static.frontendmasters.com/assets/courses/2022-05-11-fullstack-typescript/thumb.webp)
drag handle
Making TypeScript Stick
Stripe
Get hands-on practice using advanced TypeScript concepts. Test your knowledge through quizzes, challenges, and even a TypeScript game show!
![Making TypeScript Stick](https://static.frontendmasters.com/assets/courses/2022-05-10-typescript-practice/thumb.webp)
drag handle
Testing Web Apps with Cypress
Temporal
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.
![Testing Web Apps with Cypress](https://static.frontendmasters.com/assets/courses/2022-03-08-cypress/thumb.webp)
drag handle
AWS For Front-End Engineers, v2
Temporal
Build an enterprise-grade deployment infrastructure on AWS using S3, Route 53, CloudFront, lambda@edge, and more!
![AWS For Front-End Engineers, v2](https://static.frontendmasters.com/assets/courses/2022-03-01-aws-v2/thumb.webp)
drag handle
A Tour of Web 3: Ethereum & Smart Contracts with Solidity
terminal
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.
![A Tour of Web 3: Ethereum & Smart Contracts with Solidity](https://static.frontendmasters.com/assets/courses/2022-02-10-web3-smart-contracts/thumb.webp)
drag handle
Rapid Application Development with Code Generation
Venmo
This rapid application development course will teach you practical techniques to accelerate development using CLIs, live templates, helpful libraries, and tooling.
![Rapid Application Development with Code Generation](https://static.frontendmasters.com/assets/courses/2022-02-02-rapid-app-dev/thumb.webp)
drag handle
Rx.js Fundamentals
Temporal
Learn the foundations of Rx.js and master handling events over time using observables and operators to build ambitious asynchronous UIs. Build skills like manipulating data streams and orchestrating multiple API requests in this in-depth course from Frontend Masters.
![Rx.js Fundamentals](https://static.frontendmasters.com/assets/courses/2022-01-25-rx-js/thumb.webp)
drag handle
State Machines in JavaScript with XState, v2
Microsoft
Learn the fundamentals of state machines and statecharts. You'll build state machines without any libraries in pure JavaScript, then use XState to..click to read more.
![State Machines in JavaScript with XState, v2](https://static.frontendmasters.com/assets/courses/2021-12-21-xstate-v2/thumb.webp)
drag handle
Getting Started with CSS
AnnieCannons
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!
![Getting Started with CSS](https://static.frontendmasters.com/assets/courses/2021-12-14-getting-started-css/thumb.webp)
drag handle
Web Audio Synthesis & Visualization
Freelancer
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.
![Web Audio Synthesis & Visualization](https://static.frontendmasters.com/assets/courses/2021-12-07-web-audio/thumb.webp)
drag handle
Web UX Design for High Converting Websites
Boagworld
Learn to make websites more engaging through good design, fascinating content, and solid UX in this course by Paul Boag.
![Web UX Design for High Converting Websites](https://static.frontendmasters.com/assets/courses/2021-11-23-ux-design-principles/thumb.webp)
drag handle
Dynamic CSS with Custom Properties (aka CSS Variables)
MIT
Create reusable components without any JavaScript dependencies needed – with only vanilla CSS! Master CSS custom properties AKA CSS variables.
![Dynamic CSS with Custom Properties (aka CSS Variables)](https://static.frontendmasters.com/assets/courses/2021-11-09-css-variables/thumb.webp)
drag handle
Complete Intro to Real-Time
Neon
Learn to build apps where the client can push messages to the server and talk in real-time. Start today!
![Complete Intro to Real-Time](https://static.frontendmasters.com/assets/courses/2021-10-08-realtime/thumb.webp)
drag handle
Intermediate Gatsby, v2
Learn With Jason
Use Gatsby's APIs to handle advanced use cases like handling custom data and dynamic pages, and customizing Gatsby’s schema & GraphQL API data.
![Intermediate Gatsby, v2](https://static.frontendmasters.com/assets/courses/2021-09-23-intermediate-gatsby-v2/thumb.webp)
drag handle
Introduction to Gatsby, v2
Learn With Jason
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!
![Introduction to Gatsby, v2](https://static.frontendmasters.com/assets/courses/2021-09-21-gatsby-v2/thumb.webp)
drag handle
Complete Intro to Computer Science
Neon
Learn our computer science intro course and understand Algorithms and Big O Analysis, Recursion, Sorting, Data Structures, AVL Trees, and more.
![Complete Intro to Computer Science](https://static.frontendmasters.com/assets/courses/2021-07-06-computer-science-v2/thumb.webp)
drag handle
Redux Fundamentals (feat. React)
Temporal
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.
![Redux Fundamentals (feat. React)](https://static.frontendmasters.com/assets/courses/2021-06-15-redux-fundamentals/thumb.webp)
drag handle
Website Accessibility, v2
Cloudflare
Learn how to audit & fix website accessibility issues. Learn keyboard accessibility, focus control & ARIA roles to make websites accessible to screen readers.
![Website Accessibility, v2](https://static.frontendmasters.com/assets/courses/2021-06-08-accessibility-v2/thumb.webp)
drag handle
The Rust Programming Language
zed.dev
Go from zero Rust knowledge to being able to build your own complete Rust programs with Frontend Master's complete Rust course.
![The Rust Programming Language](https://static.frontendmasters.com/assets/courses/2021-05-11-rust/thumb.webp)
drag handle
VIM Fundamentals
terminal
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.
![VIM Fundamentals](https://static.frontendmasters.com/assets/courses/2021-04-20-vim-fundamentals/thumb.webp)
drag handle
Web Assembly (Wasm)
Netflix
Learn foundational, low-level programming such as binary, hexadecimal, array buffers, memory management, and unsigned integers.
![Web Assembly (Wasm)](https://static.frontendmasters.com/assets/courses/2021-04-07-web-assembly/thumb.webp)
drag handle
Introduction to Dev Tools, v3
Cloudflare
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!
![Introduction to Dev Tools, v3](https://static.frontendmasters.com/assets/courses/2021-03-30-dev-tools/thumb.webp)
drag handle
Deno First Look
Microsoft
Take a first look at Deno, the new command-line runtime for JavaScript. Click to learn a fundamentally different approach to run JavaScript on the deno server.
![Deno First Look](https://static.frontendmasters.com/assets/courses/2021-03-16-intro-deno/thumb.webp)
drag handle
3D on the Web & WebXR
Microsoft
Learn to add 3D experiences to your websites using JS libraries. Also learn the new WebXR device APIs for creating VR and AR experiences on the web.
![3D on the Web & WebXR](https://static.frontendmasters.com/assets/courses/2021-03-09-3d-webxr/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
Functional JavaScript First Steps
Software Engineer & Educator
Learn core functional programming course and code everything with pure functions, learning recursion, higher-order functions, closures, and function composition.
![Functional JavaScript First Steps](https://static.frontendmasters.com/assets/courses/2021-02-09-functional-first-steps/thumb.webp)
drag handle
Enterprise Architecture Patterns
Venmo
Build non-trivial enterprise-level web applications through first-principles thinking applied to programming in JavaScript and TypeScript.
![Enterprise Architecture Patterns](https://static.frontendmasters.com/assets/courses/2021-02-02-enterprise-patterns/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
Practical Guide to Python
Microsoft
In this Python course, you're going to learn how to structure your programs with functions, loops, logic, and objects and end the course using the Django framework.
![Practical Guide to Python](https://static.frontendmasters.com/assets/courses/2020-12-22-practical-python/thumb.webp)
drag handle
Complete Intro to Databases
Neon
In this course you'll learn the basics of using four of the most popular open-source types of databases: MongoDB, PostgreSQL, Neo4j, and Redis.
![Complete Intro to Databases](https://static.frontendmasters.com/assets/courses/2020-12-08-databases/thumb.webp)
drag handle
JavaScript and TypeScript Monorepos
Stripe
Monorepos have taken the JavaScript world by storm, unlocking powerful new patterns around composition, encapsulation, and ease of maintenance.
![JavaScript and TypeScript Monorepos](https://static.frontendmasters.com/assets/courses/2020-11-18-monorepos/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
Introduction to D3.js
Data Sketches
Build custom charts with D3.js using data binding with the enter-update-exit pattern. Learn scales and animation between different D3 layouts.
![Introduction to D3.js](https://static.frontendmasters.com/assets/courses/2020-09-25-d3/thumb.webp)
drag handle
Introduction to Serverless Functions
Learn With Jason
Learn to build dynamic web apps without the hassle of setting up or maintaining servers! You'll learn to create serverless functions to load data. and more.
![Introduction to Serverless Functions](https://static.frontendmasters.com/assets/courses/2020-08-25-serverless-functions/thumb.webp)
drag handle
Complete Intro to Linux and the Command-Line
Neon
Gain powerful command-line skills, learn to use Ubuntu, quit VIM, handle package management, and write your own shell scripts!
![Complete Intro to Linux and the Command-Line](https://static.frontendmasters.com/assets/courses/2020-08-17-linux-command-line/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
Complete Front-End Project: Build a Game
Neon
Organize your front-end code, manage application state with state machines, and automate writing better code using tools like ESLint, Parcel, and Prettier.
![Complete Front-End Project: Build a Game](https://static.frontendmasters.com/assets/courses/2020-05-26-front-end-game/thumb.webp)
drag handle
Advanced Creative Coding with WebGL & Shaders
Freelancer
Go deeper into creative coding and 3D graphics programming using WebGL, ThreeJS, and GLSL. In this course, you'll learn 3D vectors and shader effects.
![Advanced Creative Coding with WebGL & Shaders](https://static.frontendmasters.com/assets/courses/2020-04-21-webgl-shaders/thumb.webp)
drag handle
Hardcore Functional Architecture Patterns in JavaScript
Salesforce
Learn functional programming architecture patterns to apply, such as Monoids, Monad Transformers, Free Monads, and Lenses. See functional programming in action!
![Hardcore Functional Architecture Patterns in JavaScript](https://static.frontendmasters.com/assets/courses/2020-04-03-hardcore-js-patterns/thumb.webp)
drag handle
Hardcore Functional Programming in JavaScript, v2
Salesforce
Learn functional programming concepts such as pure functions, currying, composition, functors, monads, and see functional concepts in action!
![Hardcore Functional Programming in JavaScript, v2](https://static.frontendmasters.com/assets/courses/2020-03-17-hardcore-js-v2/thumb.webp)
drag handle
A Practical Guide to Machine Learning with TensorFlow 2.0 & Keras
Microsoft
Learn Machine Learning, Deep Learning, and AI through hands-on examples of image categorization, image manipulation, and text analytics.
![A Practical Guide to Machine Learning with TensorFlow 2.0 & Keras](https://static.frontendmasters.com/assets/courses/2020-03-03-practical-machine-learning/thumb.webp)
drag handle
Advanced GraphQL, v2
Superfilter AI
Learn GraphQL topics like authentication, handle errors, and adding tests. Then access realtime data using subscriptions.
![Advanced GraphQL, v2](https://static.frontendmasters.com/assets/courses/2020-02-17-advanced-graphql-v2/thumb.webp)
drag handle
Introduction to the JAMStack
Learn With Jason
Learn how the JAMstack fits together, from building apps out of only static assets to handling asynchronous interactions with serverless functions.
![Introduction to the JAMStack](https://static.frontendmasters.com/assets/courses/2020-02-16-jamstack/thumb.webp)
drag handle
Interviewing for Front-End Engineers
Netflix
Prepare for the recruiter prescreen questions, from the phone screen to real cultural and technical interview questions that companies use to screen candidates.
![Interviewing for Front-End Engineers](https://static.frontendmasters.com/assets/courses/2020-02-13-interviewing-frontend/thumb.webp)
drag handle
JavaScript: The Hard Parts, v2
Codesmith
Take your JavaScript to the next level. Gain an understanding of callbacks, higher-order functions, closure, asynchronous and object-oriented JavaScript!
![JavaScript: The Hard Parts, v2](https://static.frontendmasters.com/assets/courses/2020-01-07-javascript-hard-parts-v2/thumb.webp)
drag handle
HTML Email Development, v2
Litmus
Learn the foundations of HTML email development such as structure, semantic markup, layouts, and creating accessible email.
![HTML Email Development, v2](https://static.frontendmasters.com/assets/courses/2019-11-06-html-email-v2/thumb.webp)
drag handle
Building Your Own Programming Language
Temporal
Learn language building techniques: Lexing, Parsing, Tokenization, Traversing Abstract Syntax Trees, and Transpiling to JavaScript and make your own language now!
![Building Your Own Programming Language](https://static.frontendmasters.com/assets/courses/2019-10-08-programming-language/thumb.webp)
drag handle
Visual Studio Code Can Do That?
Microsoft
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!
![Visual Studio Code Can Do That?](https://static.frontendmasters.com/assets/courses/2019-10-02-customize-vs-code/thumb.webp)
drag handle
The Hard Parts of Functional JavaScript
Codesmith
Go under the hood of powerful techniques like: Higher Order Functions, Function Composition, Pure Functions, and Immutability of State.
![The Hard Parts of Functional JavaScript](https://static.frontendmasters.com/assets/courses/2019-10-01-functional-js-fundamentals/thumb.webp)
drag handle
Advanced CSS Layouts
AnnieCannons
Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!
![Advanced CSS Layouts](https://static.frontendmasters.com/assets/courses/2019-09-12-advanced-css-layouts/thumb.webp)
drag handle
State Management with Redux & MobX
Temporal
Learn about structuring your data with front-end architect Steve Kinny. Start the "State Management with Redux & MobX" course today!
![State Management with Redux & MobX](https://static.frontendmasters.com/assets/courses/2019-07-23-redux-mobx/thumb.webp)
drag handle
Exploring Service Workers
You Don't Know JS
Service Workers enable websites to have new PWA capabilities like smart offline caching, background sync, and push notifications!
![Exploring Service Workers](https://static.frontendmasters.com/assets/courses/2019-07-16-service-workers/thumb.webp)
drag handle
Digging Into Node.js
You Don't Know JS
Learn the fundamental concepts of Node.js programming: CLI programming, file system access, asynchrony, HTTP servers & routing, and database persistence.
![Digging Into Node.js](https://static.frontendmasters.com/assets/courses/2019-07-09-digging-into-node/thumb.webp)
drag handle
Ember Octane Fundamentals
Stripe
Use glimmer components, tracked properties, modifiers and learn everything you need to know to build performant, production-ready Ember apps & PWAs with Ember Octane!
![Ember Octane Fundamentals](https://static.frontendmasters.com/assets/courses/2019-07-02-ember-octane/thumb.webp)
drag handle
Getting Started with JavaScript, v2
You Don't Know JS
Get a tour of the building blocks of programming like variables, loops, functions and operations. Then learn the three main pillars of JavaScript.
![Getting Started with JavaScript, v2](https://static.frontendmasters.com/assets/courses/2019-06-20-getting-started-javascript-v2/thumb.webp)
drag handle
Functional-Light JavaScript, v3
You Don't Know JS
Improve your JavaScript by applying functional programming concepts like function purity, point-free, partial-application, currying, plus even more advanced concepts.
![Functional-Light JavaScript, v3](https://static.frontendmasters.com/assets/courses/2019-06-18-functional-javascript-v3/thumb.webp)
drag handle
The Hard Parts of Servers & Node.js
Codesmith
Uncover the most challenging, yet most powerful features in server Node.js, to help you write and debug professional server code.
![The Hard Parts of Servers & Node.js](https://static.frontendmasters.com/assets/courses/2019-05-24-servers-node-js/thumb.webp)
drag handle
Tree and Graph Data Structures
Thumbtack
Trees and graphs are non-linear data structures, which allows for modelling things such as recommendation algorithms and social networks. Learn more!
![Tree and Graph Data Structures](https://static.frontendmasters.com/assets/courses/2019-05-20-trees-and-graphs/thumb.webp)
drag handle
Intermediate Python
Microsoft
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.
![Intermediate Python](https://static.frontendmasters.com/assets/courses/2019-05-01-intermediate-python/thumb.webp)
drag handle
Python Fundamentals
Microsoft
Create and run simple Augment Python programs, including working with the available data types, writing functions and classes, and much more. Read more!
![Python Fundamentals](https://static.frontendmasters.com/assets/courses/2019-04-15-python/thumb.webp)
drag handle
JavaScript: The Recent Parts
You Don't Know JS
Get up to speed with new object destructuring JavaScript features like tagged template literals, destructuring, iterators, generators, and async-await. Learn more!
![JavaScript: The Recent Parts](https://static.frontendmasters.com/assets/courses/2019-04-05-js-recent-parts/thumb.webp)
drag handle
Deep JavaScript Foundations, v3
You Don't Know JS
Dive into JavaScript's core language features; types & coercion, scope & closure, and JavaScript's object-oriented system.
![Deep JavaScript Foundations, v3](https://static.frontendmasters.com/assets/courses/2019-04-03-deep-javascript-v3/thumb.webp)
drag handle
SVG Essentials & Animation, v2
Google
Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!
![SVG Essentials & Animation, v2](https://static.frontendmasters.com/assets/courses/2019-01-14-svg-essentials-animation/thumb.webp)
drag handle
Design for Developers
Google
Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences!
![Design for Developers](https://static.frontendmasters.com/assets/courses/2019-01-13-design-for-developers/thumb.webp)
drag handle
Reactive Angular with NgRx
Venmo
Learn to use NgRx Angular and RxJs to drastically simplify state management and flow control while cutting down on code volume.
![Reactive Angular with NgRx](https://static.frontendmasters.com/assets/courses/2019-01-07-angular-reactive/thumb.webp)
drag handle
Creative Coding with Canvas & WebGL
Freelancer
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.
![Creative Coding with Canvas & WebGL](https://static.frontendmasters.com/assets/courses/2018-12-11-canvas-webgl/thumb.webp)
drag handle
Introduction to MongoDB
Superfilter AI
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!
![Introduction to MongoDB](https://static.frontendmasters.com/assets/courses/2018-12-05-mongodb/thumb.webp)
drag handle
The Hard Parts of Object Oriented JavaScript
Codesmith
Understand JavaScript’s prototypal design and ES6+ classes to better organize and scale your JavaScript apps.
![The Hard Parts of Object Oriented JavaScript](https://static.frontendmasters.com/assets/courses/2018-10-22-object-oriented-js/thumb.webp)
drag handle
Advanced Elm
zed.dev
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!
![Advanced Elm](https://static.frontendmasters.com/assets/courses/2018-10-18-advanced-elm/thumb.webp)
drag handle
Introduction to Elm, v2
zed.dev
Learn how to write applications with the Elm, the functional programming language, from the ground up. Read more!
![Introduction to Elm, v2](https://static.frontendmasters.com/assets/courses/2018-10-17-intro-elm/thumb.webp)
drag handle
Building Custom Data Visualizations
Data Sketches
Learn visualization principles and process for building custom advanced data visualizations with D3.js and SVG with Shirley Wu.
![Building Custom Data Visualizations](https://static.frontendmasters.com/assets/courses/2018-09-11-d3-js-custom-charts/thumb.webp)
drag handle
Data Visualization for React Developers
Data Sketches
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.
![Data Visualization for React Developers](https://static.frontendmasters.com/assets/courses/2018-09-10-d3-js-react/thumb.webp)
drag handle
Responsive Web Typography v2
Isovera
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!
![Responsive Web Typography v2](https://static.frontendmasters.com/assets/courses/2018-08-15-responsive-typography-v2/thumb.webp)
drag handle
The Hard Parts of Asynchronous JavaScript
Codesmith
Gain an intuitive understanding of asynchronous features of JavaScript in ES6+: iterators, generators, promises, and async/await!
![The Hard Parts of Asynchronous JavaScript](https://static.frontendmasters.com/assets/courses/2018-07-10-javascript-new-hard-parts/thumb.webp)
drag handle
Webpack Plugins System
Microsoft
Learn the Webpack 4 plugin system, tour the Webpack source code and learn to build custom plugins and custom Webpack loaders.
![Webpack Plugins System](https://static.frontendmasters.com/assets/courses/2018-07-02-webpack-plugins/thumb.webp)
drag handle
Web Performance with Webpack
Microsoft
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.
![Web Performance with Webpack](https://static.frontendmasters.com/assets/courses/2018-07-01-performance-webpack/thumb.webp)
drag handle
Webpack 4 Fundamentals
Microsoft
Learn the core concepts of Webpack file loader. Start from scratch and build a pipeline with popular loaders from the Webpack ecosystem. Read more!
![Webpack 4 Fundamentals](https://static.frontendmasters.com/assets/courses/2018-06-29-webpack-fundamentals/thumb.webp)
drag handle
A Practical Guide to Algorithms with JavaScript
Thumbtack
Learn to solve algorithms and analyze them efficiently in both an interview setting and also in your day-to-day development.
![A Practical Guide to Algorithms with JavaScript](https://static.frontendmasters.com/assets/courses/2018-06-05-practical-algorithms/thumb.webp)
drag handle
Serverless with AWS Lambda
Superfilter AI
Learn AWS Lambda functions and how to test, debug and deploy them to build a real API powered by lambda functions.
![Serverless with AWS Lambda](https://static.frontendmasters.com/assets/courses/2018-05-24-serverless-aws/thumb.webp)
drag handle
Content Strategy
Brain Traffic
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.
![Content Strategy](https://static.frontendmasters.com/assets/courses/2018-04-06-content-strategy/thumb.webp)
drag handle
JavaScript Performance
Temporal
Write more efficient JavaScript, optimize rendering performance, load assets faster with a CDN, split loading resources with Webpack, and more!
![JavaScript Performance](https://static.frontendmasters.com/assets/courses/2018-04-05-web-performance/thumb.webp)
drag handle
Git In-depth
Microsoft
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.
![Git In-depth](https://static.frontendmasters.com/assets/courses/2018-02-20-git-in-depth/thumb.webp)
drag handle
Vue 2 Internal Features from the Ground Up
Creator of Vue.js
Learn how to build accessible routing, state management, form validation and internationalization from the ground up by composing basic Vue.js features.
![Vue 2 Internal Features from the Ground Up](https://static.frontendmasters.com/assets/courses/2018-01-16-advanced-vue/thumb.webp)
drag handle
Visual Studio Code
Stripe
Learn about Visual Studio Code— a modern, full-featured code editor built from the ground for the needs of web developers.
![Visual Studio Code](https://static.frontendmasters.com/assets/courses/2017-12-21-visual-studio-code/thumb.webp)
drag handle
Advanced Asynchronous JavaScript
Netflix
Know how Javascript is asynchronous and use features and techniques that will help you reduce code and create more innovative applications. Learn more!
![Advanced Asynchronous JavaScript](https://static.frontendmasters.com/assets/courses/2017-09-13-advanced-async-js/thumb.webp)
drag handle
Testing and Modular Front-End
Substack
Learn how to write unit tests for node.js and the browser and build up a modular frontend brick by brick with James Halliday
![Testing and Modular Front-End](https://static.frontendmasters.com/assets/courses/2017-09-13-testing-modular-front-end/thumb.webp)
drag handle
LevelDB & Crypto
Substack
Cryptography provides a foundation for secure communications and distributed systems. LevelDB gives a modular structure to persist and query data in node.js
![LevelDB & Crypto](https://static.frontendmasters.com/assets/courses/2017-09-13-leveldb-crypto/thumb.webp)
drag handle
Networking and Streams
Substack
Learn the stream node module. Code readable, writable, transform, duplex streams. Plus code TCP, HTTP, and Websocket servers and clients using Node.js.
![Networking and Streams](https://static.frontendmasters.com/assets/courses/2017-09-13-networking-streams/thumb.webp)
drag handle
Introduction to Bash, VIM & Regex
Substack
Take control of the Unix command line, automate tasks with shell scripts, compose regular expressions and easily edit files with the popular Vim editor.
![Introduction to Bash, VIM & Regex](https://static.frontendmasters.com/assets/courses/2017-08-16-bash-vim-regex/thumb.webp)
drag handle
Code Transformation and Linting with ASTs
Professional Trainer
Learn to use Abstract Syntax Trees (ASTs) to make stylistic code changes, reveal logical problems, and prevent bugs from entering your codebase.
![Code Transformation and Linting with ASTs](https://static.frontendmasters.com/assets/courses/2017-07-11-linting-asts/thumb.webp)
drag handle
Modern Search Engine Optimization (SEO)
Stripe
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.
![Modern Search Engine Optimization (SEO)](https://static.frontendmasters.com/assets/courses/2017-06-15-modern-seo/thumb.webp)
drag handle
Sass Fundamentals
Stripe
This Sass programming course will empower your CSS practices and help you master styling complex applications while keeping the styles readable and maintainable.
![Sass Fundamentals](https://static.frontendmasters.com/assets/courses/2017-05-25-sass/thumb.webp)
drag handle
Debugging and Fixing Common JavaScript Errors
Request Metrics
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.
![Debugging and Fixing Common JavaScript Errors](https://static.frontendmasters.com/assets/courses/2017-05-22-debugging-javascript/thumb.webp)
drag handle
Creating an Open Source JavaScript Library on Github
Professional Trainer
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.
![Creating an Open Source JavaScript Library on Github](https://static.frontendmasters.com/assets/courses/2016-12-07-open-source/thumb.webp)
drag handle
The Good Parts of JavaScript and the Web
Paypal
Learn the history of JavaScript with a big focus to its functions. Learn how browsers work, how servers work, and ways to enhance security.
![The Good Parts of JavaScript and the Web](https://static.frontendmasters.com/assets/courses/2016-06-20-good-parts-javascript-web/thumb.webp)
drag handle
Rethinking Asynchronous JavaScript
You Don't Know JS
Effective asynchronous JavaScript means knowing various different patterns and weaving them together to write readable and understandable code.
![Rethinking Asynchronous JavaScript](https://static.frontendmasters.com/assets/courses/2016-03-29-rethinking-async-js/thumb.webp)
drag handle
Asynchronous Programming in JavaScript (with Rx.js Observables)
Netflix
Learning how to build and manage asynchronous programs is perhaps the most important part of becoming an effective JavaScript programmer.
![Asynchronous Programming in JavaScript (with Rx.js Observables)](https://static.frontendmasters.com/assets/courses/2015-09-21-asynchronous-javascript/thumb.webp)
drag handle
Scalable Modular Architecture for CSS (SMACSS)
Snook.ca Web Development, Inc.
Learn how to make your CSS more maintainable and modular using Jonathan Snook's Scalable Modular Architecture for CSS (SMACSS) methodology.
![Scalable Modular Architecture for CSS (SMACSS)](https://static.frontendmasters.com/assets/courses/2015-02-18-smacss/thumb.webp)
drag handle
Get Free Access for 7 Days to 200+ Courses
Unlock access to over 200+ high-quality frontend and fullstack courses - a perfect opportunity to get started and gauge your interest!
Only showing our most popular courses. Click to show all courses instead.