The complete SVELTE V5 course. Inc SvelteKit SSR & Firebase

Explore the Svelte project structure, including Svelte and Vite configs, package scripts (dev, build, preview), and the dist directory; learn how index.html, main.js, and app.svelte mount to the app div.

learn to handle dom events in Svelte v5 using on click, on input, and on submit, while noting the deprecation of v4 modifiers and using prevent default in handlers.

Explore how to use svelte's if and else and each blocks to render lists from arrays and objects. Bind inputs to properties, add names, and use keys to prevent duplicates.

Explore how to use slots to share data between parent and child components in Svelte V5, render header and footer snippets, and pass props to create reusable templates.

Discover how svelte actions attach to elements and access the dom. Change styles and innerHTML, and subscribe to events with cleanup on destroy.

Discover felt, an extensible form library for svelte, by installing it and creating a form instance. Link inputs with use: form, implement onsubmit, and validate with an errors object.

Learn how derived stores in Svelte derive values from other stores. Build a derived store from a writeable count and modify, multiplying by ten and updating reactively.

Learn to create an input and add button in Svelte v5, bind the input to a store, push names to the list, and render the names below.

Navigate svelte transitions and animation basics, including svelte animation, svelte transition, motion, and easings, with documentation guidance and practical setup notes for vite projects.

Install and bootstrap a SvelteKit project with the new installer, select the minimal template in JavaScript, enable prettier, and run npm run dev to view a bare-bones app.

Understand the client versus server model in SvelteKit, where plus page JS runs on the server and client, while plus page server runs only on the server, illustrating two-dimensional execution.

Explore link prefetching in a SvelteKit app by building a posts route that preloads data on hover, using Axios to fetch posts and display title and body.

Learn to implement redirects in SvelteKit using the redirect function on pages and server, specify status and location, and programmatically navigate with go, plus after navigate and before navigate.

Explore server form actions in Svelte v5, posting a form to server.js, parsing formData from the request, returning a response, and rendering results without relying on JavaScript.

Learn manual server-side form validation by building an errors object, returning success or errors, and displaying targeted messages on the front end, then use SvelteKit's enhance to prevent the page reload.

Name forms in a SvelteKit component and post them to specific server handlers using action ?/name; route forms on the same page or to /users/login or API routes.

Explore SvelteKit API routes by building a plus page server and API/users, handle GET and POST requests, return JSON responses with status, and manage errors using the request object.

Learn to build sign in and register forms using felt and svelte, validate inputs with yup, and integrate with Firebase, including loader states and form type switching.

Leverage Firebase onAuthStateChanged to create a client-side auth store (readable) in Svelte, enabling nav links to show dashboard or sign in and implement sign out, with server-side considerations for SSR.

Configure server-side Firebase Admin to initialize app with service accounts, access Firestore and Auth, manage tokens, and securely expose session cookies between client and server.

Learn to edit an article by id: fetch article and owner data, populate the edit form. Then post changes using a server action with firebase integration.

Fetch an article by id in a SvelteKit app using Firebase, implement a server load function, handle 404 errors, and reveal an edit link for the article owner or admin.

Learn how to fetch home articles using a Svelte store and Firebase, manage posts with a readable articles store, and implement load more with the last visible post.

Implement load more for home posts by querying the articles store, using last visible with start after in Firebase, and updating the store with the next posts.

Build a server form for the profile with schema validation, load the current user data from firestore, and post updates to the server to update the profile.

Capture form data, validate a profile schema for first name and last name, then update the user on Firebase via the server, ensuring ownership with a 403 check.

learn how svelte life cycles work, including on mount and ondestroy, by mounting and unmounting a component, triggering callbacks, optional cleanup, and observing updates.

Learn how svelte actions attach a function to a DOM node that runs on creation, enabling direct DOM access, styling, event listeners, and a destroy callback for cleanup.

Master form inputs in Svelte with two-way binding using bind, handle input events, and manage form data like name and age, styled with bootstrap.

Build a Svelte select with countries like Italy, Spain, and Canada, bind the selected value, handle a default disabled option, and validate and submit the form with a library.

Build and validate forms in Svelte using the Felte library, install version 1.2.14, create forms, bind inputs, handle onsubmit context, and implement manual or Yup schema validation.