Free Courses (49)

Discover how to craft fast, efficient backends with Node.js, the go-to runtime for modern web developers. From APIs to fullstack apps, see how Node.js makes backend development smooth, scalable, and fun.

82 min

Whether crafting your next side project or building the next big thing, Next.js makes it fun, fast, and easy to ship high-quality web applications. Next.js is a powerful React framework for building modern web applications. It combines blazing performance, flexible data fetching, and built-in optimizations. With features like server-side rendering (SSR), static site generation (SSG), API routes, and dynamic routing, Next.js makes it easier than ever to create sleek, scalable, and high-performing apps—without the headache. As with all Scrimba courses, we’ll be getting very hands-on with the code as we build a project called PrintForge—a site for browsing and sharing STL files which are used in 3D printing. This course covers everything you need to get started with Next.js. Whether you're a front-end developer looking to expand your skill set or a fullstack developer aiming to streamline your workflow, this course will enable you to build high-performance web apps that users (and search engines) love.

2 hrs

Supabase is a serverless backend service provider and an open-source Firebase alternative. It provides developers with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, Storage, and Vector embeddings. It allows you to build highly optimized and performant applications using Postgres backend with little configuration. In this course, you'll work on a project for the sales team. You'll create a database to hold sales data, fetch data for a dashboard visualization, and inserting new data in the table via a form.

54 min

Get hands-on interactive practice with this free TypeScript tutorial and learn the foundational knowledge and skills you need to become a TypeScript Wizard.

18 Lessons

TypeScript's features and developer experience make a great combination with React, but it can be confusing to get started. What’s the best way to type component props? What are these weird useRef errors? That's where this React with TypeScript tutorial comes in! Starting from the very beginning of bringing TS support to a React project, you'll soon find yourself properly typing hooks and mastering components. You’ll learn everything you need to know to get productive with React and TypeScript.

21 Lessons

Tailwind CSS, Flexbox, and CSS Grid have made it easier than ever for you to implement responsive designs. But what about when it comes to creating components that respond to user interactions? There are so many things to consider: What should happen when a user hovers over an element? How should other components react? How can you make sure that your animations are smooth and fluid? How can you ensure text remains readable when it's overlaid on top of an image? Animation and interactivity are key to creating engaging user experiences, but they can be intimidating. Fortunately, the same tools that make it easy to create responsive designs also make it easy to create engaging interactions.

12 Lessons

In this course, we're going to define semantic color tokens in Tailwind CSS, to adhere to a convention set in a Figma design File.

18 Lessons

Ever found yourself in the midst of a Git nightmare, like accidentally pushing your work-in-progress branch straight to production? It happens to the best of us. But mastering Git isn't just about memorizing commands and executing them robotically. It's about understanding the underlying principles, developing best practices, and learning from both successes and failures. It's about transforming Git from a tool you use to a skill you wield with confidence. Whether you're a coding newbie just starting to explore version control or a seasoned developer looking to refine your Git skills, this tutorial is the perfect git roadmap for you.

17 Lessons

Ever spent hours manually coordinating package versions, writing changelogs, and ensuring everything gets published in the right order? Nx Release transforms this tedious process into an automated, reliable workflow. In this course, we're going to learn how to ship npm packages. While most developers have probably taken a crack at this once or twice, our aim here is to streamline this process as much as possible.

20 Lessons

Learn how to leverage Cloudflare's powerful edge computing and security features to deploy AI applications with high availability and low latency.

50 min

Learn how to easily build powerful AI apps with knowledge retrieval and agent-capabilities by utilizing OpenAI's brand new Assistants API.

30 min

Learn how to write accessible HTML by solving interactive coding challenges and fixing a real-world website.

96 min

Put yourself on the bleeding edge of AI by harnessing the power of LangChain Expression Language to build a chatbot that has deep knowledge of a provided document.

94 min

Build a cool color lighten/darken tool from scratch and sharpen up your HTML, CSS and vanilla JavaScript skills along the way!

82 min

Leverage AI to supercharge your web dev skills and streamline your workflow, allowing you to code, learn, and job search faster than you ever have before!

3.1 hr

Build any LLM app in TypeScript with Vercel's AI SDK. Learn streaming, structured outputs, tool calls, and agents. I've been building a lot of stuff with TypeScript and AI recently. I've built agents, workflows, custom scripts, and CLIs to help me work faster and smarter. And Vercel's AI SDK has been an awesome tool in my toolkit. It's a library that solves a lot of the pain points when working with LLMs. In this tutorial, I'm going to give you a full guide on how to get to grips with it.

39 min

A new kind of coding course that's less about the details of coding and more about creating, experimenting, and realizing your ideas, even without the coding know-how!

4.5 hr

A one-hour course to get you up to speed with class components in React

80 min

In this course, you'll practice your software craftsmanship skills by coding six different merge sort algorithms. Each solution will teach you a new technique for solving problems as a software developer and level up your computer science skills in general

64 min

Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever.

9.7 hr

This D3 tutorial teaches you how to create powerful data visualizations for the web. It gives you a fast introduction to the key concepts of D3.js, like selections, data, axes, scales, bar charts, pie charts, SVG elements, and more.

29 min

This tutorial will teach you Svelte in less than an hour. You'll learn it by building a fun chat bot, and by solving interactive coding challenges along the way.

50 min

Type checking is awesome, but sometimes it gives you error messages that can be challenging to interpret and resolve. Whether you're new to TypeScript or looking to deepen your understanding, this tutorial is your guide to understanding some of TypeScript's most common errors. In this tutorial, you'll find challenges centered around reading error messages and practical solutions to solving the issues they describe. You'll gain insights into:

Self-paced

This tutorial teaches you Bulma CSS through 13 interactive screencasts. In less than an hour you'll have built three websites with the popular CSS framework.

68 min

Learning clean code is one of the best career investments you can make. By spending one hour to learn the fundamentals, you get to reap the benefits across all your future code bases. It's 10x the payoff for the effort.

64 min

Learn how to use the Styled Components package in React by building a fun, hands-on project with software developer and YouTuber Ania Kubow.

99 min

This tutorial teaches you Bootstrap 4 through ten interactive screencasts. It gives you a fast an easy way to learn the latest features of Bootstrap so that you can take advantage of them in your next project.

55 min

Bring a Frontend Mentor design to life and create your own design system while building a multi-page space travel website with Kevin Powell as your guide.

6.8 hr

This course will teach you to build and deploy a neat portfolio for yourself. Perfect to showcase your skills and experience to potential employers. You also get $100 in free credits from DigitalOcean!

2.4 hr

In just one hour, this course gives you enough math skills to become an efficient front-end developer. It's fully practical, with three app projects and several interactive coding challenges.

65 min

This tutorial course will teach you to design user interfaces that both look good and work well. All is done with HTML and CSS, so no clunky design tools needed.

70 min

This ES6 tutorial teaches you modern JavaScript through 23 screencasts. You'll get a systematic walk-through of the most important ES6+ features so that you can start using them in your JavaScript projects today.

119 min

Learn to build your very first web pages with this four hour course on HTML and CSS. Created by Kevin Powell, one of the most popular HTML & CSS instructors on the web.

4 hr

This 58-part tutorial will teach you Python through a mix between tutorials and interactive coding challenges.

5.6 hr

Learn all about the exciting new features coming with React 19, including baked-in ways to handle actions, optimistic updates, form statuses, the new use() API, and more!

66 min

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!

9.3 hr

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.

5.7 hr

Discover how to harness the power of Claude, Anthropic's cutting-edge AI language model.

48 min

Discover intermediate and advanced styling techniques using Tailwind CSS and craft a fully responsive, professional product card for a web store.

75 min

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.

15.1 hr

This course introduces you to the essential building blocks of TypeScript through a hands-on approach—developing a simple pizza restaurant order fulfillment system. 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.

2.1 hr

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.

4.4 hrs

This tutorial teaches you CSS Grid through 14 interactive screencasts. You"ll learn all the key concepts while building three awesome layouts: a website, an image grid, and an article. Plus, you"ll learn how to combine CSS Grid with Flexbox.

63 min

Learn how to use the Mistral AI to build intelligent apps, all the way from simple chat completions to advanced use-cases like RAG and function calling. Created in collaboration between Mistral AI and Scrimba.

84 min

This tutorial teaches you CSS variables through eight interactive screencasts. It's value-packed from beginning to end, and is probably the fastest way to get an in-depth understanding of CSS Variables.

29 min

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. Once you've learned CSS Flexbox, you'll wonder how you ever managed to build websites without it.

52 min

A collection of lessons and challenges to give you a fundamental understanding of some of the tricky parts of JavaScript. This course aims to turn you into a better problem solver using JavaScript, as that's what good programmers are. They're problem solvers. However, in order to become a good problem solver with JavaScript, it's not enough to simply understand the basics of the language. You also need to understand the tricky parts of it. And that's exactly where this course comes in. This course aims to give you a proper understanding of tricky concepts like Scope, Promises, Immediately Invoked Function Expressions, Fetch, and more. Through a series of lessons and challenges, you'll understand how these concepts work in just an hour or two!

59 min

Put yourself on the bleeding edge of AI by harnessing the power of LangChain Expression Language to build a chatbot that has deep knowledge of a provided document.

94 min

Have you been jealously eyeing the surge of OpenAI-powered apps and thinking, 'I wish I could have a piece of that'? If so, your opportunity has arrived! In this interactive, challenge-based course, you'll start by building an app that analyses stock market data, and offers recommendations for your investments. This project harnesses the cutting-edge generative AI capabilities of the OpenAI API, using the highly advanced GPT-4 model. But there is more! After completing the first project, you'll delve into the realm of AI-driven image generation. Utilising the powers of OpenAI's latest image generation model, DALL-E 3, you'll learn to create stunning images from words. Additionally, we'll explore critical aspects of AI safety and delve into industry best practices—crucial knowledge for any aspiring AI engineer.

16 hrs