Home
Welcome to Scrimba v2, a place to level up your coding skills and build awesome projects. Watch this video to get an overview of what's new.
Discover
22
Playgrounds
Discover
Filter 22 results...
Build a Memory Game in React
4.4 hrs
![Avatar of Ajo Borgvold](/op/assets/A25mE78kHNRHKBeutd7EZ5t8RHrypUkSLHGjfdecNX1nt59e2rR4pwSQb8qsHjfdKrUqZ58eL2yyiMqCf5bycsqE1RbaD6ojTv9Z8ymMiKqrD9cuhZkoR87Z2jqW.jpeg?f=kSJT)
Create an accessible, interactive memory game using React. This course takes you through building a polished project while exploring how to fetch data, manage state, and implement best practices for inclusivity and functionality.
The Frontend Developer Career Path
In partnership with MDN80.1 hrs
![Avatar of Treasure Porth](/op/assets/A25mQNXj8csdXPi2aCHVr32BzHeb1oJNVw6bbpo1UwszDCvjV5e1XQyeX67chBxcKn9kS3dP4kcy36LPeBcPF8rWPrMp9gcJHkKu95TZrNWiNz6KdZAyAW1XQuDg.jpeg?f=kSJT)
![Avatar of Rafid Hoda](/op/assets/A25mQNXjC5tKzMNj6rD2dzv5XoK9KX8dxZqF1BVTRPAFRJKFDMEhWZPperAB2d4KTsb64RqAdvbif9X8aMV6xwukFbfdpwzbTcsPX5PrMWiU7qWTua3UvumKdcMt.jpeg?f=kSJT)
![Avatar of Bob Ziroll](/op/assets/A25mQNXj8csccY1Mc7n5jSUBm1U9s1g8ntmecaucHEqyCoFyp7DsfGS8FAvzsd4kjgeAYYXpMdg5eybWKLyUMazBoXdBrPxgegDJZ8rHpkX5uEvRiHRDXQDvjhWN.jpeg?f=kSJT)
![Avatar of Guil Hernandez](/op/assets/A25mQNXj8csdPw7kfJGPKVAXPdLTepnLMuKzy62gYNKD64HLaRmLtUf2ZBZW9JwjGkAtSwwj97xawtGZX1SKvt1mUyT2y2NGJdUBRvgHjdTQZv5XWTtfQfqARGTQ.jpeg?f=kSJT)
![Avatar of Per Borgen](/op/assets/A25mQNXj7gBS2DVjrGRGNgWPdN8bXyKBUjZU6mENRZdmzoCtFtYvegZoaskzvnCreUitoyShpuSj78fLX1WxyAphEL1E18pPSExdnA3N1CUCZzZAKfdh4HzmQC2i.jpeg?f=kSJT)
Launch your career as a frontend developer with this immersive path. Created in collaboration with Mozilla MDN, ensuring that you'll learn the latest best practices for modern web development, and stand out from other job applicants.
Advanced JavaScript
9.8 hrs
![Avatar of Tom Chant](/op/assets/A25mQNXj8dNeREVWjaEmAKTMYR4qei8wUA9m4PdYmxRRccfGxquvkccfrK75k2uqWZf2VrbfwVooRybyR8UspMzCyWDm8C8rSQYMQykdb1uSiyVND5JBocWc4v2r.jpeg?f=kSJT)
Master advanced JavaScript concepts through a ton of hands-on challenges designed to deepen your understanding of the world's most used coding language!
The AI Engineer Path
9.7 hrs
![Avatar of Guil Hernandez](/op/assets/A25mQNXj8csdPw7kfJGPKVAXPdLTepnLMuKzy62gYNKD64HLaRmLtUf2ZBZW9JwjGkAtSwwj97xawtGZX1SKvt1mUyT2y2NGJdUBRvgHjdTQZv5XWTtfQfqARGTQ.jpeg?f=kSJT)
![Avatar of Bob Ziroll](/op/assets/A25mQNXj8csccY1Mc7n5jSUBm1U9s1g8ntmecaucHEqyCoFyp7DsfGS8FAvzsd4kjgeAYYXpMdg5eybWKLyUMazBoXdBrPxgegDJZ8rHpkX5uEvRiHRDXQDvjhWN.jpeg?f=kSJT)
![Avatar of Per Borgen](/op/assets/A25mQNXj7gBS2DVjrGRGNgWPdN8bXyKBUjZU6mENRZdmzoCtFtYvegZoaskzvnCreUitoyShpuSj78fLX1WxyAphEL1E18pPSExdnA3N1CUCZzZAKfdh4HzmQC2i.jpeg?f=kSJT)
Build apps powered by generative AI - an essential 2025 skill for product teams at startups, agencies, and large corporations.
Learn TypeScript
2.1 hrs
![Avatar of Bob Ziroll](/op/assets/A25mQNXj8csccY1Mc7n5jSUBm1U9s1g8ntmecaucHEqyCoFyp7DsfGS8FAvzsd4kjgeAYYXpMdg5eybWKLyUMazBoXdBrPxgegDJZ8rHpkX5uEvRiHRDXQDvjhWN.jpeg?f=kSJT)
This course introduces you to the essential building blocks of TypeScript through a hands-on approach—developing a simple pizza restaurant order fulfillment system.<br/><br/>You’ll gain a clear understanding of TypeScript’s <strong style="color: #9CA3AF;">key advantages over JavaScript</strong>, learning how its type system helps <strong style="color: #9CA3AF;">catch errors early</strong> and <strong style="color: #9CA3AF;">prevent bugs</strong> before they happen. While TypeScript requires an initial investment in time and effort, the long-term benefits in code reliability and maintainability make it well worth it.<br/><br/>In this course, you’ll explore: basic types, defining custom types, typing objects and arrays, optional properties, manual and implicit typing, literal types, unions and intersections, type narrowing, function return types, void and any, utility types (Partial and Omit), and generics.
Learn React
15.1 hrs
![Avatar of Bob Ziroll](/op/assets/A25mQNXj8csccY1Mc7n5jSUBm1U9s1g8ntmecaucHEqyCoFyp7DsfGS8FAvzsd4kjgeAYYXpMdg5eybWKLyUMazBoXdBrPxgegDJZ8rHpkX5uEvRiHRDXQDvjhWN.jpeg?f=kSJT)
Welcome to the ultimate React 101 course! Designed with MDN Web Docs, it’s the perfect place to learn modern React basics interactively. You’ll tackle 170+ coding challenges and build six projects, gaining confidence to create real-world applications.<br><br>The previous version of the course (which uses React 17) is available here: <span style="color:lch(66 49.8 266.6)">https://v2.scrimba.com/learn-react-legacy-c003ni72th</span>
Build a Product Card with Tailwind CSS
75 min
![Avatar of Rachel Johnson](/op/assets/A25mQNXj8JcsrPAHydMZNRgg5g6iYzYRYwfsedw16vFCLqAbcfH5Fp91krFGo7EfAoaPfncYWbUkmMNNjwQr7ntaQ5PJAPbacFjUEb7Qrv36rfwTfwStRGEJ53xS.jpeg?f=kSJT)
Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store.
Intro to Claude AI
48 min
![Avatar of Shant Dashjian](/op/assets/A25mQNXjEbvLX4vXdrM5nKiPJSeuvGZMzYuUF2nmmakuu9vNvZdD3AYz8pkuKtP7k73bqWnLdV6nkWCkLJj3HSF7Fu1F3P3ELbv7YYcySBUyFQRuYgXjQz7krGsY.jpeg?f=kSJT)
Discover how to harness the power of Claude, Anthropic's cutting-edge AI language model.
Learn HTML and CSS
5.7 hrs
![Avatar of Per Borgen](/op/assets/A25mQNXj7gBS2DVjrGRGNgWPdN8bXyKBUjZU6mENRZdmzoCtFtYvegZoaskzvnCreUitoyShpuSj78fLX1WxyAphEL1E18pPSExdnA3N1CUCZzZAKfdh4HzmQC2i.jpeg?f=kSJT)
This course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges. There are no prerequisites, so it is suitable for absolute beginners.
Learn JavaScript
9.3 hrs
![Avatar of Per Borgen](/op/assets/A25mQNXj7gBS2DVjrGRGNgWPdN8bXyKBUjZU6mENRZdmzoCtFtYvegZoaskzvnCreUitoyShpuSj78fLX1WxyAphEL1E18pPSExdnA3N1CUCZzZAKfdh4HzmQC2i.jpeg?f=kSJT)
Learn the basics of JavaScript by solving 140+ interactive coding challenges. Along the way you will build a game, a browser extension, and even a mobile app!
Advanced React
13.2 hrs
![Avatar of Bob Ziroll](/op/assets/A25mQNXj8csccY1Mc7n5jSUBm1U9s1g8ntmecaucHEqyCoFyp7DsfGS8FAvzsd4kjgeAYYXpMdg5eybWKLyUMazBoXdBrPxgegDJZ8rHpkX5uEvRiHRDXQDvjhWN.jpeg?f=kSJT)
The best learning experience paired with a world-class instructor. This massive course aims to turn you into hireable React developer as fast as possible.
Learn Flexbox
52 min
![Avatar of Per Borgen](/op/assets/A25mQNXj7gBS2DVjrGRGNgWPdN8bXyKBUjZU6mENRZdmzoCtFtYvegZoaskzvnCreUitoyShpuSj78fLX1WxyAphEL1E18pPSExdnA3N1CUCZzZAKfdh4HzmQC2i.jpeg?f=kSJT)
This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You'll learn all the key concepts in addition to building a responsive navbar and a neat image grid.
React Interview Questions
40 min
![Avatar of Cassidy Williams](/op/assets/A25mQNXj8csdPWPs7ANBox2gfbX6Wvw3RQXiZh4HEjqWeF9D3XnZgwnfocmTQhxKhH7y8QHCN6SAmrDC9VCb6rkwjZTQpY6h7MeJtTNBvmoG9zwnYms2ymYfPBbU.jpeg?f=kSJT)
Learn to ace a React Interview with a Principal Developer Experience Engineer as your guide! In 40 minutes, you’ll cover topics such as the Virtual DOM, JSX, Props, Context, Refs, Effects, the Lifecycle and more! By then end, you’ll be ready to tackle your technical interview with style.
JavaScript Interview Challenges
2.3 hrs
![Avatar of Treasure Porth](/op/assets/A25mQNXj8csdXPi2aCHVr32BzHeb1oJNVw6bbpo1UwszDCvjV5e1XQyeX67chBxcKn9kS3dP4kcy36LPeBcPF8rWPrMp9gcJHkKu95TZrNWiNz6KdZAyAW1XQuDg.jpeg?f=kSJT)
Your essential tech interview preparation pack! Practice solving problems and honing the skills you need to succeed in a frontend coding interview.
Learn Tailwind CSS
2.2 hrs
![Avatar of Rachel Johnson](/op/assets/A25mQNXj8JcsrPAHydMZNRgg5g6iYzYRYwfsedw16vFCLqAbcfH5Fp91krFGo7EfAoaPfncYWbUkmMNNjwQr7ntaQ5PJAPbacFjUEb7Qrv36rfwTfwStRGEJ53xS.jpeg?f=kSJT)
The ultimate hands-on journey with Tailwind CSS! Learn the essentials of Tailwind and then flex your new skills with five real-world projects.
React Challenges
9.8 hrs
![Avatar of Daniel Rose](/op/assets/A25mQNXj8csdSv5QqDVn6GiCmykcB1ZZ8nCbzJa5UwyTWCwZXmA5J6vn8okMvLxCXzcx7XJvHUA6bokYMvVRcgNm5vid2J1JWsRAMLXoPcvKm3VqGzSZgm4zP6dk.jpeg?f=kSJT)
Transform your coding skills and unlock your success through real-world problem-solving across 40 immersive challenges.