Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod
In this tutorial for beginners, you will learn how to develop a full-stack web application entirely in your browser using Gitpod (https://www.gitpod.io/). You will build the app with Svelte and Postgres. From creating a new repository to deploying to production, we will write and discuss every line of code.
This course covers everything from creating a new repository to deploying to production, and you will learn the reason for every line of code. The Svelte JavaScript framework is used for the frontend with Postgres as the database. The app is deployed using Vercel and Railway.
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:08:51) What you will learn
⌨️ (0:12:07) Gitpod developer environment
⌨️ (0:13:33) Project Overview: A todo app
⌨️ (0:16:33) Architecture
⌨️ (0:20:39) Initialize the application
⌨️ (0:40:12) Intro to SvelteKit
⌨️ (0:55:31) Configure Gitpod
⌨️ (1:32:07) Develop HTML structure
⌨️ (1:53:46) Apply CSS styles
⌨️ (2:44:32) Develop CRUD endpoints: GET and POST
⌨️ (3:31:54) DELETE
⌨️ (4:16:45) PATCH - Edit Text
⌨️ (4:33:22) PATCH - Mark as Done
⌨️ (4:48:41) Enhance HTML forms
⌨️ (5:40:56) Install & start the dev database
⌨️ (5:50:33) Use Prisma ORM
⌨️ (6:26:32) Update API to use Prisma
⌨️ (6:47:58) Deploy Database on Railway
⌨️ (7:03:33) Deploy web app & API on Vercel
⌨️ (7:12:28) Project review
⌨️ (7:16:14) What's next?
⌨️ (7:19:22) Wrap up
📝 Code: https://github.com/gitpod-io/full-stack-web-development
💻 The technology stack for this course includes:
💿 Svelte (https://svelte.dev/)
💿 SvelteKit (https://kit.svelte.dev/)
💿 Prisma (https://www.prisma.io/)
💿 Postgres (https://www.postgresql.org/)
💿 Vercel (https://vercel.com/)
💿 Railway (https://railway.app/)
Closed captions for this video were provided by Primsa. You can get free captions for your own videos that feature Prisma here: https://pris.ly/closedcaptions
#svelte #postgres #vercel #gitpod #programming #developer #morioh #programmer #coding #softwaredeveloper #computerscience #webdev #webdeveloper #webdevelopment
