Introduction to Svelte (and SvelteKit)

Introduction to Svelte (and SvelteKit), available at $59.99, has an average rating of 4.35, with 51 lectures, 1 quizzes, based on 51 reviews, and has 266 subscribers.

You will learn about Basic and Advanced Svelte Features Building a Svelte Project Reactive Web Applications with Svelte Using Stores in Svelte Svelte Special Elements Fetching Data from an API SvelteKit Basics This course is ideal for individuals who are Current and future Web Developers who are curious about new ways of creating web applications. It is particularly useful for Current and future Web Developers who are curious about new ways of creating web applications.

Enroll now: Introduction to Svelte (and SvelteKit)

Summary

Title: Introduction to Svelte (and SvelteKit)

Price: $59.99

Average Rating: 4.35

Number of Lectures: 51

Number of Quizzes: 1

Number of Published Lectures: 51

Number of Published Quizzes: 1

Number of Curriculum Items: 52

Number of Published Curriculum Objects: 52

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

Basic and Advanced Svelte Features

Building a Svelte Project

Reactive Web Applications with Svelte

Using Stores in Svelte

Svelte Special Elements

Fetching Data from an API

SvelteKit Basics

Who Should Attend

Current and future Web Developers who are curious about new ways of creating web applications.

Target Audiences

Current and future Web Developers who are curious about new ways of creating web applications.

This course provides an overview of the fundamentals of Svelte, a fast and simple frontend framework which is easy to learn and to use.

It will start with introducing the basic concepts with quick examples provided – what does it mean that Svelte is component-based? What are those components built of? How to connect them to use one component inside of another one? How to transfer data between them? How to add logic / asynchronicity / reactivity to them?

Things like that.

The second building block will be about getting an app idea, making a plan about how it should look like, what Svelte components need to be used in order to implement it, what the functionalities of those components have to be, and what should be the relation between them.  And that app will be then built from scratch, step by step, using the basic Svelte concepts introduced previously.

The third part will go into more Svelte details, explaining the component lifecycle and the Svelte special elements. Finally SvelteKit, the popular Svelte framework will be introduced as well – what can it be used for? How does it make routing more efficient? What happens if I call the load method in a script tag with its context set to “module”? Is it a good idea to turn off server-side rendering?

Do these questions sound exciting to you? Then let’s give this course a try!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Overview

Lecture 2: About Svelte

Lecture 3: HTML/CSS/JS Refresher

Chapter 2: Svelte Basics

Lecture 1: Svelte Components

Lecture 2: Components Exercise

Lecture 3: Components (Solution)

Lecture 4: Props

Lecture 5: Logic Introduction

Lecture 6: Logic (Exercise)

Lecture 7: Logic (Solution)

Lecture 8: Async Blocks

Lecture 9: Events

Lecture 10: Event Dispatcher Introduction

Lecture 11: Event Dispatcher (Exercise)

Lecture 12: Event Dispatcher (Solution)

Chapter 3: More Svelte Features

Lecture 1: Reactivity

Lecture 2: Binding

Lecture 3: Store Introduction

Lecture 4: Store (Exercise)

Lecture 5: Store (Solution)

Lecture 6: Context API

Chapter 4: Building a Svelte Project

Lecture 1: The Final Result

Lecture 2: The Source Code of the Project

Lecture 3: Creating the Default Svelte App

Lecture 4: Planning the Structure

Lecture 5: Building a Store

Lecture 6: The Fact Component

Lecture 7: Some Styling

Lecture 8: Fetching with API Calls

Lecture 9: Using the setInterval() Method

Lecture 10: Adding the Stop Button

Chapter 5: Component Lifecycle

Lecture 1: Lifecycle Events

Lecture 2: Tick

Chapter 6: Special Elements

Lecture 1: svelte:window

Lecture 2: svelte:body

Lecture 3: svelte:head

Lecture 4: svelte:component

Lecture 5: svelte:self

Lecture 6: svelte:options

Lecture 7: Slot

Lecture 8: svelte:fragment

Chapter 7: Intro to SvelteKit

Lecture 1: What is SvelteKit?

Lecture 2: Routing

Lecture 3: __layout and __error

Lecture 4: getSession()

Lecture 5: load()

Lecture 6: Private Modules

Lecture 7: Page Params

Lecture 8: SSR/CSR Rendering

Lecture 9: Routify – AFramework for Routing

Lecture 10: Further Frameworks

Instructors

Georg Schessler
Frontend Developer

Daniel Szabo
Web Developer

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 3 votes

4 stars: 20 votes

5 stars: 27 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!