Launching Spring 2022
Everything Svelte

All Things, All Svelte

New x arrow circle
computer crown
swirl

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.

Pizza
x
Zig Zags
Triangles

want to stay in the know?

We’ll keep you updated with progress and send you *bonus* content along the way.

TV

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

Hello!
My name is
Amy Dutton.

Window Controls

I’m a Creative Director at ZEAL. I have over 20 years of web experience, officially making me a granny in Internet years. I right outside 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.

Scroll
Blah Blah Blah
Star
Star
Star
James Q Quick

Hello!
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.

Scroll
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
Heart
Pizza

Module 1

introduction

  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
Bee
Planet

Module 3

styling

  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
Boombox
Cassette Tape

Module 5

backend

  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
Strawberry

Module 7

authentication

  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

testing

  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 ReadMe.md
Star with Eyes
Rainbow Cloud

Module 10

email

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

Module 11

deploying

  1. Deploying to Vercel

want to stay in the know?

we’ll keep you updated with progress and send you *bonus* content along the way.

Clippy

frequently asked questions