In this course, you learn how to develop a full-stack Todo application.
This goes well beyond your regular todo app tutorial as we are going to look at persisting todo items in a database and also learn how to deploy the web app, the API and the database to a production environment.
Here is a high-level overview of what to expect:
Let's get started!
This course takes you from an empty directory to a web app, an API, and a database deployed to a production environment.
To communicate with the backend, you will develop a REST API with SvelteKit and learn how to connect the web app with the API.
To wrap up the course, a PostgreSQL database is going to keep track of individual todo items you create, update, and delete.
As part of the introduction, we also discuss the Webstone Education community, how you can get exclusive access and where to ask questions to make sure your learning journey is as smooth as possible.
We use this section to test the course content delivery to students. If you see this after you purchased a course, we forgot to remove this content :-). Let us know please... :-).
This course focuses on a standard 3-tier architecture:
The following shows the data flow to persist data:
Web ---> REST API ---> Database
The reverse flow applies to fetch data and display it on the web frontend:
Web <--- REST API <--- Database
To interact with the database, Prisma is the go-to library of choice for this course. It generates a type-safe client which helps ensure we catch bugs before we even test the application.
Webstone Education provides a cloud-based developer environment with which you can get up and running quickly — no need to install anything on your local computer!
Alternatively, we provide you with instructions on how to set up your local developer environment should you prefer this. The trickiest part is going to be to set up a PostgreSQL instance locally. The rest of the project setup is automated and requires no work from you.
While this is not going to win any awards, it let's us focus on the basics of a web application. We will discuss topics such as:
<form> elements and why?
With the HTML structure in place thanks to the previous lesson, it's time to apply CSS and make the app look better.
While this is not a CSS-basics or CSS-deepdive lesson, we cover everything necessary to align elements, apply conditional styles, and how Svelte directives help.
This is all you need to build anything from a Todo app to the most complex web interface you've ever seen. Sure, there are nuances in how exactly you develop your app's CRUD functionality, but the concepts are the same.
By the end of this lesson, you will be able to interact with the application and even persist data — as long as you don't restart the server :-).
Add a few todo items, restart your server and it's all gone. Well, we're going to fix exactly that in this lesson.
It is time to integrate with a database. This is where Prisma comes into play to simplify what used to be a complex challenge. No need to study all of Prisma's docs. You will learn everything there is to know to make this API <> database integration work.
First things first: Let's deploy a database to a production environment.
We use Railway, but any database hosting provider does the job. Thanks to the fact that we used environment variables in the previous lesson, there are going to be minimal code changes to connect to the production database — yay!
With the databaes already deployed, we now look at deploying the web application & API.
In this course, we use SvelteKit for the web app & API, which lets us deploy both pieces at the same time.
You will learn how to deploy to:
Don't miss the
My name is Mike. I'm the founder & a course creator at Webstone Education.
I started my career in web development as a Software Engineer in 1998 (that was 26 years ago 😳) with my core focus on distributed Java applications.
I progressed along my career with different titles ranging from Customer Engineer @ Google to Technical Solutions Architect and finally to becoming a Founder.
Every time I switched jobs, I realized it expected a lot more from me than I already knew. This meant I had to learn new technologies, get up-to-date with existing ones, and create projects to showcase my skills.
Every single time I went through this process, I noticed there was no comprehensive solution for getting regular updates & learning any technology I want. I had to get my hands dirty by watching lengthy YouTube videos & reading through chunky documents.
Not only that, I also wrote a "Cloud Native Web Development" book and released a 8 hour full-stack web development video course which has been watched by 200,000 people. Both were outdated pretty much the day I released them... I had to solve this!
At Webstone Education, our mission is to provide quality & up to date education to developers who want to progress in their career. You pick the tech stack you want & get a customized course tailor-made for you.
Everything at one single cost for a lifetime of updates for every technology you picked.
I would love to see you inside our community.
To your success,
Pay per course
$599+ per course