Before We Begin

Welcome to the “Building Reactive Apps With Svelte and Tailwind” course!

Course structure

In this interactive course, you’ll be guided from the very beginning on how to work with Svelte and Tailwind in real-world applications. For the next couple of lessons, you'll be going through why Svelte and Tailwind can be good choices for new projects. Then, you'll dive straight into coding and put theory into practice.

As part of this course, you'll learn about the following concepts in Svelte:

• How to set up new Svelte projects

• The basic syntax of Svelte (how templating, condition, loops, and event listeners work)

• How to work with state and local storage

• How to build different customizable components

• How to work with lifecycle events

• How to implement routing

• The concepts of sorting, filtering, modifying, and duplicating datasets

Once you have the necessary Svelte components in place, you’ll focus on working with Tailwind while implementing the application. You’ll get to know:

• How Tailwind works

• How to style components using Tailwind directives

• How to keep track of the names of Tailwind classes

• How to work with transitions in Tailwind

Prerequisites

This course assumes that you have basic prior knowledge of how to work with HTML, CSS, and JavaScript. Having some experience with the Node.js package manager is a plus but not a requirement. Apart from these requirements, you’ll learn everything from the start, so no prior knowledge of Svelte or Tailwind is required for completing this course.

The intended audience

While this course is mostly intended for beginners, you may still find valuable information about more advanced concepts even if you have prior knowledge of Svelte or Tailwind. This course goes over how to use both Svelte and Tailwind from the beginning so that you can get a solid understanding of how both technologies work and how you can use them to their full potential.

What you can expect

After completing this course, you'll be able to build your dream projects in Svelte from scratch or in your work environment. You'll also have a good understanding of and practical experience with using Tailwind.

In case you’re looking to build a user management dashboard, this course will provide some extra benefits to you. By the end of this course, you'll have a fully functioning application that you can start using and shape to your own taste. It'll have all the necessary functionality for managing users and even some extra features.

Over the next few lessons, we'll take a deeper look at what we're going to build, what the application looks like, and what sort of functionalities we want to include in it. All of this will be created from start to finish with interactive code to help you master Svelte and Tailwind.