The Complete Svelte Course. Inc Sveltekit Ssr & Firebase
Published 10/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 6.38 GB | Duration: 11h 30m
Build beautiful web apps using SVELTE.
What you'll learn
Create CSR web apps using Svelte
Create SSR web apps using Svelte Kit
Firebase Auth and Database
Deploy a working real SSR app to production
Requirements
HTML, CSS and Javascript
Description
Do you want to learn the whole process of building your App with SVELTE ?. This is the course for you.We will start from the very beginning, from "I don't even know how use it, and why should I" to actually understanding how SVELTE works and make it communicate with other technologies like Firebase.You will learn all the logic and practice behind SVELTE in different modules and as we advance through the course we will be increasing the difficulty.Since I believe that the best way to fully learn is by coding, after each important section we will put everything to practice with some practice projects, and after you have a strong base of SVELTE we will journey into SSR with SVELTE KITTo sum everything up, you will learn in this course:The very basics of SVELTE. How to install and the logic behind it.We will build a tiny web game just knowing the basics.Once we are done with the basics, we will use SVELTE like the pro's by learning SSR.We will connect our SVELTE app with technologies like Firebase.Once we know the hardcore stuff about SVELTE, SSR and routes we will put everything to practice by creating a final practice project.What about the instructor experience ?Well I've been around for 17 years now, built lots of applications for small and big companies like Citi, Fox, Disney and a lot more.Today I work as developer for a major company developing applications with Vue, Svelte, React or Angular, but I like to teach in my spare time.How about the target audience?This course is for almost everyone, a little bit of JavaScript is required.If you want to take your coding to the next level, this is the course for you.
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 IDE & NODE
Lecture 3 Github and Resources
Lecture 4 Svelte VS Svelte Kit
Section 2: The basics
Lecture 5 Installing
Lecture 6 Project structure
Lecture 7 Components
Lecture 8 The script tag
Lecture 9 The style tag
Lecture 10 Props
Lecture 11 Binding Props
Lecture 12 Working with events
Lecture 13 Logic Block - If
Lecture 14 Logic Block - Each
Lecture 15 Logic Block - Await
Lecture 16 Reactive statements
Lecture 17 Emitting events
Lecture 18 Slots part one
Lecture 19 Slots part two
Lecture 20 OnMount & OnDestroy
Lecture 21 BeforeUpdate & AfterUpdate
Lecture 22 Actions
Section 3: Wroking with Forms
Lecture 23 Getting values
Lecture 24 Checkbox and Radio
Lecture 25 Select
Lecture 26 Submitting
Lecture 27 Felte Library
Lecture 28 Using a Schema validator
Section 4: The Svelte store
Lecture 29 Introduction to Store
Lecture 30 Writable store
Lecture 31 More on Writable
Lecture 32 Readable store
Lecture 33 Derived store
Lecture 34 Get and store binding
Section 5: Transitions & Animations
Lecture 35 Introduction
Lecture 36 Basic transition
Lecture 37 Transition params
Lecture 38 the IN and OUT
Lecture 39 Flip
Lecture 40 Tween and Spring
Section 6: Svelte Kit Basics
Lecture 41 Introduction
Lecture 42 Routing
Lecture 43 Layouts
Lecture 44 Errors and Linking
Lecture 45 Working with params
Lecture 46 Server vs Client
Lecture 47 Page JS part one
Lecture 48 Page JS part two
Lecture 49 Page server JS
Lecture 50 Environment variables
Lecture 51 Link prefetching
Lecture 52 Active class link
Lecture 53 Redirections
Lecture 54 Server Form actions
Lecture 55 Server Form Validation
Lecture 56 Server Form Enhance
Lecture 57 Named server forms
Lecture 58 API routes
Lecture 59 Pre-Rendering Part one
Lecture 60 Pre-Rendering Part two
Lecture 61 SSR vs CSR
Lecture 62 Hooks
Section 7: Gamesource: Authentication
Lecture 63 Introduction
Lecture 64 Firebase client setup
Lecture 65 Main layout and Nav
Lecture 66 Sign in & Register form
Lecture 67 Sign in & Register validation
Lecture 68 Register user
Lecture 69 Toasts and Error codes
Lecture 70 Sign in user
Lecture 71 Logout and Nav inks
Lecture 72 Firebase Admin
Lecture 73 POST auth token
Lecture 74 GET destroy token
Lecture 75 Session reload
Lecture 76 Dashboard routes
Lecture 77 Server Hooks part one
Lecture 78 Server Hooks part two
Lecture 79 Sign in guard route fix
Section 8: Gamesource: DB & Posts
Lecture 80 Create - Article Form
Lecture 81 Create - Article schema
Lecture 82 Create - Article Errors
Lecture 83 Create - Posting
Lecture 84 Getting user Articles
Lecture 85 User articles table
Lecture 86 Edit - Populating fields
Lecture 87 Edit - Posting update
Lecture 88 Main article page data
Lecture 89 Main article view
Lecture 90 Fetching home articles
Lecture 91 Home articles local state
Lecture 92 Home load more articles
Lecture 93 Home Masonry cards
Lecture 94 GET profile user data
Lecture 95 Profile schema validation
Lecture 96 Updating profile
Anyone who wants to learn how to use Svelte and Svelte Kit
