The Complete Svelte Course. Inc Sveltekit Ssr & Firebase

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