Welcome to

Fullstack Svelte

Example Code Download

You can download the complete example code by clicking here.

Introduction

1 lesson 5m total

Fullstack Svelte Course Overview

Fullstack Svelte Course Overview

INTRODUCTION

5:23 minutes

Setting Up A Development Environment

3 lessons 20m total

Development Environment Setup

Setting up your local development environment

LESSON

4:12 minutes

Initializing a Svelte Project

Initializing a Svelte Project

LESSON

7:04 minutes

Setting up a Formatter and Linter

Setting up a Formatter and Linter

LESSON

9:25 minutes

Front End Routing

2 lessons 31m total

Single Page Application Routers

Setting up a Single Page Application Router

LESSON

20:16 minutes

Front End Layouts

Creating a Front End Layout for Admin Pages

LESSON

11:36 minutes

User Interface Styles and Interactions

3 lessons 26m total

Front End Component Libraries

Adopting a Frontend Component Library

LESSON

6:15 minutes

Creating a Landing Page

Creating a Landing Page

LESSON

6:38 minutes

Events and Input Bindings

Using Svelte to handle DOM events and bind inputs

LESSON

13:47 minutes

Creating the Backend Application

3 lessons 41m total

Initializing an Express Project

Initializing an Express Node.js Project

LESSON

16:48 minutes

REST API Endpoints

REST API Endpoints

LESSON

10:52 minutes

School Lunch Data Model

School Lunch Data Model

LESSON

13:47 minutes

Fetching Data in the Frontend

4 lessons 37m total

Fetching Data with Axios

Fetching Data from the Frontend with Axios

LESSON

14:34 minutes

Svelte Each Blocks

Using Svelte Each Blocks to Iterate a List

LESSON

10:59 minutes

Showing Loading Spinner Icons

Using Svelte to Show and Hide Loading Spinner Icons

LESSON

6:36 minutes

Externalizing Frontend Configuration

Externalizing Frontend Configuration

LESSON

5:31 minutes

Adding Persistence with PostgreSQL

4 lessons 57m total

Installing PostgreSQL and Initial Setup

Installing PostgreSQL and Initial Setup

LESSON

7:18 minutes

Knex Migrations

Knex.js Migrations

LESSON

12:37 minutes

Using Knex with Express

Using Knex with an Express Application

LESSON

15:32 minutes

Adding Post, Put and Delete Endpoints

Adding Post, Put and Delete Endpoints to the Backend

LESSON

21:57 minutes

Creating, Updating and Deleting Data in the Frontend

3 lessons1h 1m total

Deleting Data with the Front End

Deleting Data with the Frontend

LESSON

22:32 minutes

Creating Data with the Front End

Creating Data with the Frontend

LESSON

9:45 minutes

The Lunch Week Details Component

The Lunch Week Details Component

LESSON

28:42 minutes

Securing the Application

3 lessons1h 48m total

JWT Based Security

Securing the application with JSON Web Tokens

LESSON

37:19 minutes

Evolving the App to Multi Tenant

Evolving the App to a Multi Tenant Architecture

LESSON

35:05 minutes

User Registration

User Registration

LESSON

36:25 minutes

Public Lunch Menu View

1 lesson 20m total

Public Lunch Week Page

Adding a Public Lunch Week Page

LESSON

20:35 minutes

Production Deployment

2 lessons 37m total

Building and Serving Svelte

Building and Serving a Svelte App

LESSON

13:35 minutes

Production Deployment

Production Deployment

LESSON

23:56 minutes