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.
✏️ Course developed by Mike Nikles. Mike on Twitter: https://twitter.com/mikenikles.
📝 Code: https://github.com/gitpod-io/full-stack-web-development
Pull requests are available for each section of the course.
💻 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/)
🎉 This course was made possible through a grant from GitPod.
⭐️ 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
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
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Видео Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod канала freeCodeCamp.org
✏️ Course developed by Mike Nikles. Mike on Twitter: https://twitter.com/mikenikles.
📝 Code: https://github.com/gitpod-io/full-stack-web-development
Pull requests are available for each section of the course.
💻 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/)
🎉 This course was made possible through a grant from GitPod.
⭐️ 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
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
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Видео Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Pytest Tutorial – How to Test Python Code](https://i.ytimg.com/vi/cHYq1MRoyI0/default.jpg)
![Next.js, Tailwind CSS, and MongoDB Project Tutorial – Ticketing App](https://i.ytimg.com/vi/H0vhkoXljq0/default.jpg)
![Front End Developer Roadmap 2024](https://i.ytimg.com/vi/9He4UBLyk8Y/default.jpg)
![AI SaaS Chat Bot using MERN Stack – Tutorial](https://i.ytimg.com/vi/wrHTcjSZQ1Y/default.jpg)
![Godot Tutorial for Unity Developers (and other beginners)](https://i.ytimg.com/vi/1EFKe24X8vI/default.jpg)
![Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)](https://i.ytimg.com/vi/K4ziF0MhbLc/default.jpg)
![Create a Large Language Model from Scratch with Python – Tutorial](https://i.ytimg.com/vi/UU1WVnMk4E8/default.jpg)
![Development with Large Language Models Tutorial – OpenAI, Langchain, Agents, Chroma](https://i.ytimg.com/vi/xZDB1naRUlk/default.jpg)
![Calming Web Development – Colored Markers](https://i.ytimg.com/vi/ft-hs2a_zno/default.jpg)
![JavaScript Tutorial – Celsius to Fahrenheit](https://i.ytimg.com/vi/kxyAk_K-wE4/default.jpg)
![Advanced C# Programming Course](https://i.ytimg.com/vi/YT8s-90oDC0/default.jpg)
![Pandas & Python for Data Analysis by Example – Full Course for Beginners](https://i.ytimg.com/vi/gtjxAH8uaP0/default.jpg)
![Pointers in C for Absolute Beginners – Full Course](https://i.ytimg.com/vi/MIL2BK02X8A/default.jpg)
![Learn Rust Programming - Complete Course 🦀](https://i.ytimg.com/vi/BpPEoZW5IiY/default.jpg)
![Deep Learning for Computer Vision with Python and TensorFlow – Complete Course](https://i.ytimg.com/vi/IA3WxTTPXqQ/default.jpg)
![Neo4j Course for Beginners](https://i.ytimg.com/vi/_IgbB24scLI/default.jpg)
![Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners](https://i.ytimg.com/vi/jlogLBkPZ2A/default.jpg)
![Django ChatGPT Clone Tutorial](https://i.ytimg.com/vi/qrZGfBBlXpk/default.jpg)
![Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator](https://i.ytimg.com/vi/FRmCxj9K7II/default.jpg)
![Use ChatGPT to Code a Full Stack App – Full Course](https://i.ytimg.com/vi/GizsSo-EevA/default.jpg)
![JavaScript Security Vulnerabilities Tutorial – With Code Examples](https://i.ytimg.com/vi/ypNKKYUJE5o/default.jpg)