Master Svelte Framework - The Complete Course 2023

Focused View

Codestars • over 2 million students worldwide!,Noah Glaser

13:09:55

191 View

1. Introduction

1. Introduction.mp4

03:04

2. Svelte Introduction

1. Introduction.mp4

00:56

2.1 NodeJs.html

2.2 Svelte Visual Studio Code Extension.html

2.3 Visual Studio Code.html

2.4 Vite (Javascript Build Engine).html

2. Svelte up and Running.mp4

04:54

3.1 Code.html

3. Svelte Project Tour.mp4

10:27

4.1 Code.html

4. Creating Svelte Components.mp4

05:20

5.1 Code.html

5. Outputting Javascript Variables.mp4

05:28

6.1 Code.html

6. Props.mp4

07:59

7.1 Code.html

7. Styles.mp4

05:18

8.1 Code.html

8. Binding Variables to Inputs.mp4

04:50

9.1 Code.html

9.2 Milligram CSS.html

9. Color Picker Challenge.mp4

12:13

10.1 Code.html

10. DOM Events.mp4

10:43

11.1 Code.html

11. Custom Events.mp4

13:57

12.1 Code.html

12. Reactive Statements.mp4

08:23

13.1 Code.html

13.2 RGB to Hex Function.html

13. Reactive Variable Challenge.mp4

02:52

14.1 Code.html

14. If template.mp4

05:20

15.1 Code.html

15. Each Template.mp4

04:37

16.1 Code.html

16. Each Template Id.mp4

04:18

17.1 Code.html

17.2 CORS Chrome Plugin.html

17.3 Zen Quotes Docs.html

17. Await Template.mp4

06:30

18.1 Bootstrap.html

18.2 MTG App Component.html

18.3 Team Component.html

18. Magic The Gather Counter Challenge.mp4

20:17

19.1 App URL.html

19.2 Code.html

19.3 Vercel.html

19. Deploying Magic Gather Challenge.mp4

03:17

20.1 App Component.html

20.2 CORS Chrome Extension.html

20.3 Lifecycle Hook.html

20.4 Zen Quotes Docs.html

20. Lifecycle Events (onMount And onDestroy).mp4

07:58

21.1 Code.html

21. Lifecycle Events (beforeUpdate And afterUpdate).mp4

09:48

22.1 Code.html

22.2 GeoLocation API.html

22. Readable Stores.mp4

14:41

23.1 Code.html

23. Writable Stores.mp4

06:01

24.1 Code.html

24. Custom Stores.mp4

04:58

25.1 Code.html

25. Derived Stores.mp4

08:42

26.1 Code.html

26.2 Milligram CSS.html

26.3 NPM UUID Package.html

26. Contact List Challenge.mp4

26:02

27.1 Code.html

27. Introduction to Actions.mp4

05:21

28.1 Code.html

28. Actions With Parameters.mp4

04:45

29.1 App Component.html

29.2 Box Component.html

29. Slots.mp4

04:28

30.1 App Component.html

30.2 Draggable Componenet.html

30. Draggable Component (Slot Challenge).mp4

09:37

31. Overview.mp4

00:51

3. SvelteKit Introduction

1. Introduction.mp4

00:30

2.1 Code.html

2.2 SvelteKit.html

2. Getting Started.mp4

02:34

3.1 Code.html

3. SvelteKit Tour.mp4

07:02

4.1 Code.html

4. Pages and Routes.mp4

02:33

5.1 Color Route.html

5.2 Person Route.html

5.3 Routing Docs.html

5. Routing Parameters.mp4

09:07

6.1 +page.server.js.html

6.2 +page.svelte.html

6.3 Polygon Stocks API.html

6. Server Load Function With Environment Variables.mp4

18:52

7.1 +page.server.js.html

7.2 +page.svelte.html

7. Random Number Challenge.mp4

05:31

8.1 Code.html

8. Layouts.mp4

09:47

9.1 Code.html

9.2 Page Store.html

9. Prefetching Links and Page Store.mp4

05:17

10.1 Bootstrap.html

10.2 Code.html

10.3 SvelteKit.html

10.4 Zen Quotes Docs.html

10. Challenge build a personal webpage.mp4

19:29

11.1 Code.html

11.2 Vercel.html

11. Deploying to Vercel.mp4

02:00

12.1 +page.server.js.html

12.2 +page.svelte.html

12.3 Form Action Docs.html

12. Forms Form Actions.mp4

14:30

13.1 +page.server.js.html

13.2 +page.svelte.html

13. Form Challenge.mp4

17:16

14.1 Adapters.html

14.2 Code.html

14.3 Page Options Docs.html

14.4 Static Adapter.html

14. Page Rendering Options.mp4

08:37

15.1 Code.html

15.2 Error Page Docs.html

15. Error Pages.mp4

06:00

16.1 Code.html

16.2 Response API Docs.html

16.3 Server Side Routing Docs.html

16. API Routes.mp4

06:12

17.1 Code.html

17.2 Hooks Docs.html

17. Create hook.mp4

12:14

18. Overview.mp4

00:53

4. SvelteKit with Firestore, Firebase Auth and SSR

1.1 Book Lovers.html

1. Introduction.mp4

02:06

2.1 Code.html

2.2 Loading GIF.html

2. Project Setup.mp4

03:39

3.1 Code.html

3. Firebase Setup.mp4

09:29

4.1 Bootstrap Navbar Pastebin.html

4.2 Code.html

4. Bootstrap Navbar.mp4

06:08

5.1 Code.html

5. Navbar Mobile Challenge.mp4

03:20

6.1 Code.html

6. Navbar Link Highlighting.mp4

06:48

7.1 Code.html

7.2 Pastebin Bootstrap Alert.html

7. Messages.mp4

10:25

8.1 .env pastebin.html

8.2 Code.html

8. Initialize Firebase Client Side.mp4

10:23

9.1 Code.html

9. Login with google.mp4

10:56

10.1 Code.html

10. Auth Store.mp4

05:12

11.1 Code.html

11. Logout.mp4

04:12

12.1 Code.html

12. Register Email And Password.mp4

13:13

13.1 Code.html

13. Login with email and password.mp4

10:05

14.1 Code.html

14. Forgot Password Workflow.mp4

14:07

15.1 Code.html

15. After Login Redirect.mp4

05:51

16.1 Code.html

16. Saving the user to Firestore Client Side.mp4

07:24

17.1 Code.html

17. Firebase initialize on the server.mp4

06:32

18.1 Code.html

18. Firebase server auth plan.mp4

01:16

19.1 Code.html

19.2 JWT.io.html

19.3 Postman.html

19. Token Endpoint.mp4

12:31

20.1 Code.html

20. Send Token After Register Challenge.mp4

06:25

21.1 Code.html

21. Refresh Token.mp4

06:05

22.1 Code.html

22. Logout server side.mp4

04:22

23.1 Code.html

23. Auth Hooks.mp4

11:37

24.1 Add Book Form.html

24.2 Code.html

24.3 YUP Validation.html

24. Add Book Validation Part 1.mp4

13:33

25.1 Code.html

25. Add Book Validation Part 2.mp4

20:36

26.1 Code.html

26. Save Book Database.mp4

25:36

27.1 Code.html

27.2 Show Book Page HTML PasteBin.html

27. Show Book Page.mp4

06:28

28.1 Code.html

28. Edit Book Page.mp4

22:35

29.1 Code.html

29. Enhanced Forms.mp4

06:25

30.1 Code.html

30. Like Endpoint.mp4

14:23

31.1 Code.html

31. Like Component.mp4

11:10

32.1 Code.html

32.2 Like HTML Pastebin.html

32. Toggling Like.mp4

07:30

33.1 Code.html

33. Books Home Page.mp4

07:30

34.1 Code.html

34. Like Component Bug.mp4

04:12

35.1 Code.html

35. Pagination.mp4

14:45

36.1 Book Component PasteBin.html

36.2 Code.html

36. Book Component And Home Page.mp4

06:54

37.1 Code.html

37.2 Profile Page PasteBin.html

37. Profile Page Setup.mp4

03:50

38.1 Code.html

38. My Books.mp4

07:27

39.1 Code.html

39. Fix Book Link.mp4

02:39

40.1 Code.html

40. Favorite Books.mp4

06:36

41.1 Code.html

41. Unliking books on favorites page.mp4

03:52

42.1 Code.html

42. SSR Menu.mp4

06:03

43.1 Code.html

43. Real Time New Book Alerts.mp4

19:17

44.1 Books Lovers Site.html

44.2 Code.html

44.3 Vercel.html

44. Deploying to Vercel.mp4

10:21

45. Overview.mp4

01:25

5. Course Overview

1.1 Coding With Noah.html

1.2 Image Credits.html

1. Course Overview.mp4

02:23

Description

Build a user-friendly website with Svelte and SvelteKit - inc. Firebase, SSR, and more!

What You'll Learn?

Learnt the foundations of Svelte and SvelteKit first, then take the next step
Learn Firebase with SvelteKit
Built your own interactive website with Svelte and SvelteKit
Create and manage user sign ups, log ins, and authentication
Build a 'Like' / 'Unlike' voting system for users
Everything you learn in this course and project build can be transferred over to your own site builds

Who is this for?

Anyone new to Svelte and Svelte Kit, or any good coders looking to increase their Svelte knowledge

What You Need to Know?

No prior Svelte or SvelteKit knowledge needed!

Students should know some basic Javascript.

More details

Description
Welcome to Master Svelte Framework - The Complete Course
In this 2023 course you'll master Svelte and SvelteKit AND learn how to build a fully-functional website as you do!Â It's a major website build that you can populate with users and user posts, profiles, voting and more - and it's a brilliant way to practice as you learn!
As well as the main project, this 13Â hour course is filled with dozens of mini-exercises that challenge you to use what you've just learnt and apply it. This is a hands-on coding course!Â

Why learn Svelte?!
Write less code!Â Simplified and streamlined, SvelteÂ is significantly quicker to script than React or Vue
Easy to learn! Svelte is all HTML, so for newer developers it's intuitive to use and easy to master
Growing in popularity!Â Each year Svelte gets more and more popular and is now used by the New York Times, Ikea, Apple Music and more.
Svelte is one of the most loved frameworks! In 2021 developers voted Svelte the 'most loved' framework (at 71.47%) and in 2022 Svelte love grew by almost 4% to 75.28% (Stackoverflow Developer Surveys 2021 and 2022)

Master Svelte Framework- The Complete Course is a hands-on deep dive in to Svelte and Svelte Kit. Starting with the basics of each, you'll quickly move on to the main project that the course is built around - a giant Book Lover website project!
Building this website put all your new skills to the test, and each new technique builds on what you just learnt!Â By the end of the course you'll be able to build a website from scratch that lets users....
Register with an email and log in to the site with a password
Add their own book informationÂ to the site via a form
'Like' and 'Unlike' a book they see on the site
Create a reactive profile page - with a 'My Books' page and a 'Favourite Books' page
Learn Firebase and SSRÂ with SvelteKit
This course is aimed at beginners to Svelte andSvelteKit, and teaches students everything they need to dive in to Svelte Framework development. Students should have some basic Javascript knowledge.
By the end of the course you'll have the skills and knowledge you need to build a site that users can log in to, post content to and vote on their favourite content. It's a lot of functionality, a lot of fun, and a great project for your portfolio too!Â
Enjoy the course, and happy coding!Â
Who this course is for:
Anyone new to Svelte and Svelte Kit, or any good coders looking to increase their Svelte knowledge

User Reviews

Rating

average 0

Total votes0

Focused display

Best-selling Udemy instructor Rob Percival wants to revolutionize the way people learn to code by making it simple, logical, fun and, above all, accessible. But as just one man, Rob couldn’t create all the courses his students - more than half a million of them - wanted. That’s why Rob created Codestars. Together, the instructors that make up the Codestars team create courses on all the topics that students want to learn in the way that students want to learn them: courses that are well-structured, super interactive, and easy to understand. Codestars wants to make it as easy as possible for learners of all ages and levels to build functional websites and apps.

Noah Glaser

Instructor's Courses

I am a web developer and passionate about teaching. I love to build and create projects. I have been teaching code for over seven years. I do online and in-person classes. I have taught on YouTube, in hackerspaces, and at local libraries. My goal is to one day work for one of my previous students. :)

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.