Svelte: Getting Started

By Jake Trent
Welcome, welcome! This course will teach you how to start developing web apps with an intriguing JavaScript UI framework called Svelte.
Play course overview
Course info
Rating
(20)
Level
Beginner
Updated
Feb 19, 2020
Duration
1h 37m
Table of contents
Course Overview
Course Overview 1m
Understand the Svelte Value Proposition
No Runtime 1m No Virtual DOM 3m Other Upsides 2m Welcome 1m What Is Different About Svelte? 1m
Set up to Write Svelte Code
Explore the Svelte Template 3m Local Environment Prerequisites 1m Set up Svelte in VSCode 2m Set up Svelte in Vim 4m Start a Svelte Project with the Template 3m
Build Your First Svelte Components
A Prop Shorthand 1m Components with Props 2m Components with Slots 1m Conditionals with #if Blocks 2m Demo Intro 1m Divide the Library Component 1m Fetch Data in a Component Lifecycle Hook 5m Interpolate Data in Markup 2m Iterate with an #each Block 2m Scoped Component CSS 2m Setup Static Assets 1m Start the Library Component 3m Start the Project 1m
Add Interactivity to Svelte UIs
Add Parameters to DOM Events 2m Components with Boolean Props 2m Demo Re-intro 1m Emit Component Events 3m Forwarding DOM Events 1m If-else for Temporary Routing 2m Listen for DOM Events 2m Name Callbacks Semantically 2m Pass Data to Parents in Callbacks 3m Pass Props with Spread Attributes 1m Ready Detail Page for Layout 3m Routing with Svelte-routing 7m Update Data with Reactive Assignment 2m
Bind Forms to Data in Svelte
Bind to an Input Field 2m Compute Properties with Reactive Declarations 2m Demo Re-intro 1m Listen to an Input Field DOM Event 2m Make a Reusable Text Input 3m Persist User Input 3m Run Reactive Statements When Variables Change 2m Set up Create Page Layout 1m Use an Event Modifier in Form Submission 2m
Prepped to Build
What We’ve Learned 2m What’s Left 1m Where to Go Next 2m
Description
Course info
Rating
(20)
Level
Beginner
Updated
Feb 19, 2020
Duration
1h 37m
Description

Have you ever wondered what the deal is with Svelte and how to use it? In this course, Svelte: Getting Started, you’ll learn to use the basics of an intriguing JavaScript UI framework called Svelte. First, you’ll explore setting up the UI layout. Next, you’ll discover how to add interactivity to your designs. Finally, you’ll learn how to bind dynamic data. When you’re finished with this course, you’ll have the skills and knowledge of Svelte needed to start using it yourself.

About the author
Jake Trent
About the author

He's a creator at heart, making art, music and software. He's been privileged to work with talented teams and contribute to great causes and useful products and hopes to do more of it.

More from the author
Styling React Components
Intermediate
1h 8m
May 21, 2020
Styling React Components
Intermediate
1h 22m
Mar 13, 2019
More courses by Jake Trent
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello, everybody. My name is Jake. Trends and welcome to my course Spelt getting started in this course will introduce you to spelt a Web framework that takes a new approach to building user interfaces. Some of the major topics that will cover include creating you. I component since felt handling user interaction and data binding. By the end of this course, you'll know the essential differences in spelt versus other options and how to use spelt to create web you wise for your projects before beginning the course. You should be familiar with the basics of the Web. Html, CSS and JavaScript. I hope you'll join me on this journey to learn spelt with this felt getting started course at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT