Launching Summer 2022
Everything Svelte

All Things, All Svelte

New x arrow circle
computer crown

Everything you need to know to build a modern web application.

If these buzz words don’t mean anything to you (yet), don’t worry.
we’ll go step-by-step, in bite-sized, manageable chunks.

Start Now

about this course

This course is designed to teach you everything you need to know to build to a custom full stack web application.

We’ll start from scratch. That’s right, no starter files! We’ll take it one step at a time as we build the frontend and backend. We’ll explore topics like authentication, accepting payments, relational databases, testing, and automatic deployment.

Dots and Lightning
Geometri Shapes

what you'll build

The Dollar Holler is a full stack application that creates and manages client invoices. Users will be able to login, create an invoice, and send it to a client. A client will be able to download a PDF of the invoice, as well as, remit payment online.

Product Shot

topics we'll cover

The Deets

...and much, much more!
(that's what I'm supposed to say, right?!)

Amy Dutton

My name is
Amy Dutton.

Window Controls

I’m the Director of Design at ZEAL. I have over 20 years of web experience, officially making me a granny in Internet years. I live right outside of Nashville, TN with my husband, 3 adorable kids, and 2 dogs. If I’m not sitting in front of my computer making things, I’m hanging out with family and friends. I love streaming all the things, playing cards, reading, and drinking coffee. Lots of coffee.

Blah Blah Blah
James Q Quick

My name is
James Q Quick.

Window Controls

I’m a Fullstack Web Developer who is addicted to learning and loves working with people. I’m a Developer Advocate at PlanetScale and have over 7 years of experience in Advocacy and Software Development. In my spare time, I run a YouTube channel, play co-ed soccer with my wife, spend time with my dogs, and can solve a Rubik’s cube in under a minute.

Space with Planets
White Star
White Star
White Star

who is this for?

  • People who want to build a web application from scratch.
  • Web developers who want to get better at JavaScript. You don’t need to be a JavaScript expert, but you do need to be comfortable with the language: writing variables, arrow functions, and promises.
  • You don’t need to be a CSS Wizard, but you do need to understand the basic principles of CSS.
  • This course doesn’t require any prior knowledge of backend development, Node, or database management. We’ve got you covered.
  • People curious about Svelte.

Not sure if this is for you?

Afterall, this site does have a cat with laser eyes?!

100% Money Back Guarantee

!! Warning !!
This will probably change

videos & modules

Closed Captioning Closed captiioiniing and transcripts are provided for every video.

Heart with Bolt

Module 1


  1. Introduction
  2. User Flow Diagram
  3. User Stories
Roller Skate
Lady Bug

Module 2

dev ops

  1. Mis en Place
  2. Tooling
  3. Installing SvelteKit
  4. Installing and Setting Up Tailwind
  5. Up and Running with Supabase

Module 3


  1. Reviewing the Dollar Holler
  2. Setting up the Custom Theme Elements
  3. Setting up the Basic Layout
  4. Creating Aliases with SvelteKit
  5. Styling the Invoice List
  6. Styling the View Invoice Page
  7. Styling the Add an Invoice Slide Out
  8. Styling the New Client Page
  9. Styling the Clent Listing Page
  10. Styling the Client Details Page
  11. Styling the Settings
  12. Styling the Login/Log Out Pages

Module 4

transitions & animations

  1. Animating the Search Input Field
  2. Animating the Slide Out Panel for the Add an Invoice
  3. Creating a Page Transition to View an Invoice
Cassette Tape

Module 5


  1. Working with Stores in Svelte
  2. Setting up a Current Path Navigation
  3. Database Overview
  4. Setting up Supabase for Invoices
  5. Setting up Supabase for Clients
  6. Handling Relationships
  7. Setting up Supabase for Users and Logins
  8. Setting up Supabase for Settings

Module 6

connecting the pieces

  1. Displaying Invoices
  2. Adding an Invoice
  3. Editing an Invoice
  4. Deleting an Invoice
  5. Displaying Clients
  6. Adding a Client
  7. Editing a Client
  8. Deleting a Client
  9. Displaying the Settings
  10. Editing the Settings
Star with Hearts

Module 7


  1. Setting up the Login
  2. Setting up the Logout
  3. Protecting Pages

Module 8

ecommerce with stripe

  1. Setting Up Stripe
  2. Connecting Stripe to the application

Module 9


  1. Testing Overview
  2. Automatic Testing with Cypress - Why Cypress?
  3. Installing and Setting up Cypress
  4. Brief Overview of Testing and Cypress
  5. Testing Adding an Invoice
  6. Mocking Data
  7. Testing the Invoices page
  8. Testing the Clients page
  9. Testing the Settings
  10. Testing Stripe
  11. What is Visual Regression Testing / Percy Overview
  12. Setting up Percy
  13. Updating the
Star with Eyes
Rainbow Cloud

Module 10


  1. Setting up Postmark / Mailgun
  2. Emailing Invoices
  3. Sending Email Invoice Reminders with GitHub Actions

Module 11


  1. Deploying to Vercel
$ 78
Accepting Pre-Orders
  • Access to the first 8 modules / ~46 videos
  • Stream content from any device
  • Source Code - Completed Examples and Exercises
  • Unlimited Updates and Access Never Expires
$ 148
Accepting Pre-Orders
  • Access to the all ~11 modules / ~63 videos
  • Stream content from any device
  • Source Code - Completed Examples and Exercises
  • Unlimited Updates and Access Never Expires
Half Circle

team license packages

Available for Pre-orders

There's no better way to learn than to work through a course with a group of people.

With a bulk license, you can allocate each slot to a student or an employee.

The bulk license includes everything within the Complete Plan. Spots cannot be reassigned once used.

Please contact for larger groups and more information.


frequently asked questions