Full Workshop Walkthroughs

• Figma for Developers
• Building Design Systems with Storybook
• Web Security
• Introduction to Testing in JavaScript

Recordings

I am lucky enough to teach a bunch of courses with my friends at Frontend Masters. We’ve been working together since 2016. Before I was a teacher, I was a customer back when I was learning the ropes. I can’t recommend them highly enough. Below, I’ve listed out some of the courses that I’ve taught over the last few years. You can find the most up-to-date list here.

• Design Systems with Storybook, v2

  Learn to create scalable design systems with Storybook. Build reusable UI components, test components, implement dark mode, and generate comprehensive documentation.

• Figma for Developers, v2

  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.

• Tailwind CSS

  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 and visually appealing user interfaces!

• Vite

  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!

• Get Kids into Coding with Scratch

  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.

• Hardware with Arduino & JavaScript

  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.

• Electron, v3

  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.

• Enterprise UI Development: Testing & Code Quality

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

• Advanced Redux with Redux Toolkit

  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.

• React Performance

  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 and TypeScript, v2

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

• Figma for Developers

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

• Testing Web Apps with Cypress

  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.

• AWS For Front-End Engineers, v2

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

• Rx.js Fundamentals

  Master the basics of Rx.js by creating an observable from scratch, manipulate data arriving over time with Rx.js operators.

• Redux Fundamentals (feat. React)

  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.

• Building Your Own Programming Language

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

• State Management with Redux & MobX

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

• JavaScript Performance

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