Svelte Crash Course through Projects w/ Backend Connections

Understand props in Svelte and how data flow occurs between components.

See the elegant way Svelte handles events and how you can create your own even types in Svelte.

Whenever you make changes to data, Svelte components will react automatically without you having to write weird state-based code. See the elegance of Svelte in this lecture!

Accessing another component's data is extremely easy (and yet not prone to errors). Learn this super power in this lesson.

Use your knowledge to implement deletion functionality in just a few lines of code.

Make your applications pop out using animations provided by Svelte.

Get started with the second project, set up the template and move non-essential stuff to their proper containers.

Move the essential components to their own containers setting up your project for handling data.

In this lesson, we will see the Svelte way of handilng data in your app. This is what's going to make your codebase extremely clean and let you handle data in a clean, logical way!

There's a right way to do things and a wrong way. In this lesson, we will see how you would be inclined to insert data in other frameworks. That isn't the right way but you need to see it first.

Continuing from the previous lesson, we will now see how we can utilize important coding principles such as abstraction and encapsulation to insert data into stores the right way!

In this lesson, we will hammer the concept in by creating another function in our store that will allow us to add functionality extremely easily and efficiently.

In this lesson, we will set up our codebase to handle backend efficiently. This will be a starting point for all our backend connectivity.

In this lesson, we will quickly set up a backend server and then start communciating with it using our Svelte front-end app. Due to the way we have structured the code, this will be extremely easy.

We will see how you send data to the backend through Svelte components. After this lesson, you would have seen how to get as well as send data to the backend.

In this lesson, we will see another important aspect of Svelte -- getting data from stores without having to subscribe. This is extremely useful when you only want to access small chunks of data. As with everything Svelte, this will make you code clean and your life as a developer easy!