Svelte: Getting Started

Focused View

Jake Trent

1:37:51

19 View

1-Course Overview

01-Course Overview.mp4

00:57

2-Understand the Svelte Value Proposition

02-Welcome.mp4

00:49

03-What Is Different About Svelte.mp4

00:43

04-No Runtime.mp4

01:08

05-No Virtual DOM.mp4

02:54

06-Other Upsides.mp4

02:20

3-Set up to Write Svelte Code

07-Local Environment Prerequisites.mp4

01:24

08-Set up Svelte in VSCode.mp4

01:32

09-Set up Svelte in Vim.mp4

03:44

10-Explore the Svelte Template.mp4

02:45

11-Start a Svelte Project with the Template.mp4

03:00

4-Build Your First Svelte Components

12-Demo Intro.mp4

01:20

13-Start the Project.mp4

00:31

14-Start the Library Component.mp4

02:43

15-Setup Static Assets.mp4

01:22

16-Divide the Library Component.mp4

01:13

17-Components with Slots.mp4

00:55

18-Components with Props.mp4

01:58

19-Iterate with an #each Block.mp4

01:52

20-Interpolate Data in Markup.mp4

02:16

21-A Prop Shorthand.mp4

00:53

22-Conditionals with #if Blocks.mp4

01:42

23-Scoped Component CSS.mp4

01:51

24-Fetch Data in a Component Lifecycle Hook.mp4

04:50

5-Add Interactivity to Svelte UIs

25-Demo Re-intro.mp4

00:37

26-Listen for DOM Events.mp4

02:22

27-Add Parameters to DOM Events.mp4

02:12

28-Pass Data to Parents in Callbacks.mp4

02:49

29-Name Callbacks Semantically.mp4

01:47

30-Emit Component Events.mp4

03:04

31-If-else for Temporary Routing.mp4

02:04

32-Pass Props with Spread Attributes.mp4

01:24

33-Ready Detail Page for Layout.mp4

03:24

34-Components with Boolean Props.mp4

01:52

35-Forwarding DOM Events.mp4

01:21

36-Update Data with Reactive Assignment.mp4

02:06

37-Routing with Svelte-routing.mp4

06:31

6-Bind Forms to Data in Svelte

38-Demo Re-intro.mp4

00:44

39-Set up Create Page Layout.mp4

01:17

40-Listen to an Input Field DOM Event.mp4

01:44

41-Run Reactive Statements When Variables Change.mp4

01:40

42-Bind to an Input Field.mp4

01:42

43-Make a Reusable Text Input.mp4

03:18

44-Compute Properties with Reactive Declarations.mp4

02:04

45-Use an Event Modifier in Form Submission.mp4

01:47

46-Persist User Input.mp4

02:37

7-Prepped to Build

47-What Weve Learned.mp4

01:53

48-Whats Left.mp4

01:19

49-Where to Go Next.mp4

01:31

Description

Welcome, welcome! This course will teach you how to start developing web apps with an intriguing JavaScript UI framework called Svelte.

What You'll Learn?

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Jake Trent

Instructor's Courses

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.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.