Temporal
All Teachers / Steve Kinney
Steve Kinney
Temporal
Steve is the front-end architect at Temporal. Previously, he was the front-end architect at Twilio and SendGrid. He is the director emeritus and founder of the front-end engineering program at the Turing School for Software and Design in Denver, Colorado — a non-profit developer training program. In a previous life, Steve was a New York City public school teacher. He taught special education and web development in Manhattan, Brooklyn, and Queens. He currently lives in Denver, Colorado
Workshops with Steve Kinney
Tailwind CSS, v2
Spend a full day learning Tailwind 4, the utility-first CSS framework that can be composed to build any design, directly in your markup.
Python for JavaScript Developers
Temporal
Spend two full days learning Python, a programming language that lets you work quickly and integrate systems more effectively.
Python: AI & Hugging Face
Temporal
Spend a full day leveraging the Hugging Face hub as you build AI apps with Python
React Performance, v2
Temporal
Optimize React applications for maximum performance. Learn to structure components and memoize to avoid re-renders, load code on-demand, and leverage new features in React 19.
React and TypeScript, v3
Temporal
Learn to use TypeScript with React 19. Master applying types to hooks, props, and build more robust and reliable Typescript applications at scale!
Steve Kinney's Courses
Fullstack TypeScript, v2 (feat. Zod)
Temporal
Find the end-to-end type-safety strategy that works with your stack! Share TypeScript types across client and server apps. Write bullet-proof Zod schemas. Use tRPC queries and mutations. Explore Prisma for database migrations and schema generation.
drag handle
Become a VS Code Power User
Temporal
Use VS Code like a pro and build apps faster! Search, navigate, and refactor code quickly. Debug your apps without leaving the editor and automate complex or repetitive routines with custom tasks.
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.
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.
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.
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.
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!
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!
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.
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.
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.
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!
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.
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.
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.
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.
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!
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.
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.
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!
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!
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!
drag handle
What They're Saying
Most of the content covered in this course was already familiar to me, but I still found several new tips, shortcuts, and workflow enhancements that were genuinely valuable. Steve Kinney explains everything clearly and keeps the sessions engaging. The course served as a great refresher and introduced a few thoughtful ways to improve my productivity in VS Code. Thank you to Frontend Masters and Steve Kinney for putting together this well-structured and informative course.
Shivraj Prajapati
Standing ovation to Steve Kinney for creating a great overview of Figma with his course "Figma for Developers, v2" on Frontend Masters ! 👏 👏 👏
Just what I needed to start building my design skills again!
Ben Hong
bencodezen
Recently completed the Tailwind CSS course on Frontend Masters taught by Steve Kinney!
Love the utility-first approach for rapid development and keeping styles consistent. Big thanks to Steve Kinney for the awesome breakdown!
Here's what I loved most:
Utility Classes: Building UIs with pre-defined classes for margins, padding, and typography feels great. No more jumping between files and hunting down conflicting CSS issues.
Boosting Efficiency: Tailwind lets you focus on layout and component styling, freeing you from writing tons of CSS.
Customization Power: Don't get fooled by the utility-first approach. You can still create custom classes and components for a unique design.
Overall, Tailwind CSS is seriously streamlining my development process. It's a fantastic tool for building modern, responsive websites quickly.
Cody Perry
Senior Software Engineer
Exploring Frontend Masters and it's been an amazing journey! The content is top-notch, and the way industry experts simplify complex concept is phenomenal. I'm thrilled to share that I've just complete the 'React and TypeScript, v2' course by a renowned instructor Steve Kinney. The depth of the concepts explored in the course is truly remarkable.
Priyank S.
React js Developer | Designing Scalable Solutions
Finished React and Typescript v2 by Steve Kinney on Frontend Masters didn't expect to finally gain a deeper understanding of reducers and the context Api so all in all a superb use of my time!
Scott D
WebDevBrum
Just wrapped up Steve Kinney's Tailwind CSS course on Frontend Masters, what an eye-opener! I discovered the magic of using utility classes to achieve so much while keeping the CSS file size minimal.
Sahil Langoo
kashurgeek
Our courses are taught by experts from these top companies (and more)
Microsoft
Netflix
Stripe
Spotify