Full Workshop Walkthroughs
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.
-
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!