Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod

Overview

Develop a full-stack web application entirely in your browser using Gitpod in this comprehensive 7-hour tutorial for beginners. Build a todo app with Svelte, SvelteKit, Prisma, Postgres, Vercel, and Railway. Follow along from creating a new repository to deploying to production, with every line of code written and discussed. Learn about Gitpod developer environments, project architecture, and CRUD operations. Explore HTML structure development, CSS styling, and API endpoint creation. Dive into database integration with Prisma ORM, and finish by deploying your database on Railway and your web app on Vercel. Gain hands-on experience with modern web development technologies and cloud-based deployment strategies.

Syllabus

) Introduction.
) What you will learn.
) Gitpod developer environment.
) Project Overview: A todo app.
) Architecture.
) Initialize the application.
) Intro to SvelteKit.
) Configure Gitpod.
) Develop HTML structure.
) Apply CSS styles.
) Develop CRUD endpoints: GET and POST.
) DELETE.
) PATCH - Edit Text.
) PATCH - Mark as Done.
) Enhance HTML forms.
) Install & start the dev database.
) Use Prisma ORM.
) Update API to use Prisma.
) Deploy Database on Railway.
) Deploy web app & API on Vercel.
) Project review.
) What's next?.
) Wrap up.