YoVDO

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

Offered By: freeCodeCamp

Tags

Web Development Courses Cloud Computing Courses PostgreSQL Courses Svelte Courses CRUD Operations Courses HTML Courses Vercel Courses Gitpod Courses Prisma Courses

Course Description

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.


Taught by

freeCodeCamp.org

Related Courses

Amazon DynamoDB: Building a Serverless Web Application (Indonesian)
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB: Building a Serverless Web Application (Japanese)
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB: Building a Serverless Web Application (Simplified Chinese)
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB: Building a Serverless Web Application (Traditional Chinese)
Amazon Web Services via AWS Skill Builder
Amazon DynamoDB: Building a Serverless Web Application (Traditional Chinese)
Amazon Web Services via AWS Skill Builder