SelfTeach.me/Everything Svelte (Complete Package)

  • $148

Everything Svelte (Complete Package)

  • Course
  • 105 Lessons

Contents

Introduction

Lesson 01 - Introduction
Lesson 02 - App Review
Lesson 03 - Tooling
Lesson 04 - Installing SvelteKit
Lesson 05 - Installing Tailwind
Lesson 06 - Linting

Styling

Lesson 07 - Custom Theme Elements
Lesson 08 - Intro to Routes
Lesson 09 - Intro to Layouts
Lesson 10 - Creating Aliases
Lesson 11 - Dashboard Layout
Lesson 12 - Setting up a Current Path Navigation
Lesson 13 - Responsive Pass on the Dashboard Layout
Lesson 14 - Styling the Invoice List
Lesson 15 - Responsive Invoice List
Lesson 16 - Global Types
Lesson 17 - Seed Data and Stores
Lesson 18 - Invoice Total
Lesson 19 - Dates and Money
Lesson 20 - Additional Options
Lesson 21 - Page States on the Invoice List
Lesson 22 - Portal
Lesson 23 - Styling the Confirmation Message
Lesson 24 - Slide Out Panel
Lesson 25 - Invoice Form
Lesson 26 - Invoice Line Item
Lesson 27 - Add or Remove Line Items
Lesson 28 - Smart Line Items
Lesson 29 - Subtotal, Discount, and Total
Lesson 30 - Add Client Inline
Lesson 31 - Seeding Clients
Lesson 32 - Form Validation
Lesson 33 - Additional Validation
Lesson 34 - Add an Invoice
Lesson 35 - Edit an Invoice
Lesson 36 - Clean Code and Bug Squashing
Lesson 37 - Responsive Invoice Form
Lesson 38 - Snackbar Message
Lesson 39 - Individual Invoice Page
Lesson 40 - Styling the Individual Invoice Page
Lesson 41 - Making the Individual Invoice Dynamic
Lesson 42 - Updating Settings
Lesson 43 - Parsing Markdown on our Individual Invoice page
Lesson 44 - Setting up the Print Invoice Functionality
Lesson 45 - Setting up the Copy Link Button
Lesson 46 - Responsive Pass on the Individual Invoice Page
Lesson 47 - Setting up a Print Stylesheet
Lesson 48 - Thanks for Paying Page
Lesson 49 - Styling the Error Page
Lesson 50 - Styling the Client List Page
Lesson 51 - Adjusting Client List for Mobile
Lesson 52 - Determining the Received and Balance for Each Client
Lesson 53 - Styling the Blank Client State
Lesson 54 - New Client Slide Out Panel
Lesson 55 - Edit a Client Slide Out Panel
Lesson 56 - Styling the Individual Client Page
Lesson 57 - Calculating the Individual Client Page Fields
Lesson 58 - Styling the Settings
Lesson 59 - Styling the Login
Lesson 60 - Styling the Logout / Alert component

Transitions and Animation

Lesson 61 - Styling the Forgot Password / Sign Up Pages / Reset Password
Lesson 62 - Animating the Search Input field
Lesson 63 - Animating the Slide out Panel (New Invoice and New Client)
Lesson 64 - Creating a Page Transition to View an Invoice

Custom Actions

Lesson 65 - Click Outside the Additional Options
Lesson 66 - Additional Options for Mobile
Lesson 67 - Action Buttons
Lesson 68 - Cancel
Lesson 69 - Additional Options for Mobile
Lesson 70 - Touch
Lesson 71 - Additional Options for a Client

Backend

Lesson 72 - Set up Supabase
Lesson 73 - env Variables
Lesson 74 - Data Modeling
Lesson 75 - Invoice Line Items
Lesson 76 - Client Table
Lesson 77 - Settings Table
Lesson 78 - Handling Relationships
Lesson 79 - User Relationships
Lesson 80 - Populating the Database with Data

Connecting the Pieces

Lesson 81 - Displaying Invoices
Lesson 82 - Displaying Clients
Lesson 83 - Adding a Client
Lesson 84 - Adding an Invoice
Lesson 85 - Edit a Client
Lesson 86 - Edit an Invoice
Lesson 87 - Deleting Invoices
Lesson 88 - Delete a Client
Lesson 89 - Search Invoices
Lesson 90 - Search Clients

Authentication

Lesson 91 - Sign-Up
Lesson 92 - Login
Lesson 93 - Handling the Logout
Lesson 94 - Client Side Auth
Lesson 95 - Protect Pages Based on Logged-In Status, Server Side — Part 1, Setting up Supabase / SvelteKit Auth Helpers
Lesson 96 - Protect Pages Based on Logged-In Status, Server Side -- Part 2
Lesson 97 - Revisit the Login Page for Server Side Authentication
Lesson 98 - Revisit the Logout Page for Server Side Authentication
Lesson 99 - Handling Forgot Password
Lesson 100 - Handling Update Password
Lesson 101 - Protecting Invoices, Clients, and Settings

Appendix and Resources

Upgrading SvelteKit
Code on GitHub
Using Figma
Offline Use