În acest tutorial pentru începători, veți învăța cum să dezvoltați o aplicație web full-stack în întregime în browser folosind Gitpod (https://www.gitpod.io/). Veți construi aplicația cu Svelte și Postgres. De la crearea unui nou depozit până la implementarea în producție, vom scrie și discuta fiecare linie de cod.
✏️ Curs dezvoltat de Mike Nikles. Mike pe Twitter: https://twitter.com/mikenikles.
📝 Cod: https://github.com/gitpod-io/full-stack-web-development
Solicitările de tragere sunt disponibile pentru fiecare secțiune a cursului.
💻 Stack-ul de tehnologie pentru acest curs include:
💿 Svelte (https://svelte.dev/)
💿 SvelteKit (https://kit.svelte.dev/)
💿 Prisma (https://www.prisma.io/)
💿 Postgres (https://www.postgresql.org/)
💿 Vercel (https://vercel.com/)
💿 Căi ferate (https://railway.app/)
🎉 Acest curs a fost posibil printr-un grant de la GitPod.
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:08:51) Ce vei învăța
⌨️ (0:12:07) Mediul de dezvoltare Gitpod
⌨️ (0:13:33) Prezentare generală a proiectului: O aplicație de tot
⌨️ (0:16:33) Arhitectură
⌨️ (0:20:39) Inițializați aplicația
⌨️ (0:40:12) Introducere la SvelteKit
⌨️ (0:55:31) Configurați Gitpod
⌨️ (1:32:07) Dezvoltați structura HTML
⌨️ (1:53:46) Aplicați stiluri CSS
⌨️ (2:44:32) Dezvoltați puncte finale CRUD: GET și POST
⌨️ (3:31:54) ȘTERGE
⌨️ (4:16:45) PATCH – Editați textul
⌨️ (4:33:22) PATCH – Marcați ca gata
⌨️ (4:48:41) Îmbunătățiți formularele HTML
⌨️ (5:40:56) Instalați și porniți baza de date pentru dezvoltatori
⌨️ (5:50:33) Utilizați Prisma ORM
⌨️ (6:26:32) Actualizați API-ul pentru a utiliza Prisma
⌨️ (6:47:58) Implementați baza de date pe calea ferată
⌨️ (7:03:33) Implementați aplicația web și API-ul pe Vercel
⌨️ (7:12:28) Revizuirea proiectului
⌨️ (7:16:14) Ce urmează?
⌨️ (7:19:22) Încheiere
Subtitrările pentru acest videoclip au fost furnizate de Primsa. Puteți obține subtitrări gratuite pentru propriile videoclipuri care prezintă Prisma aici: https://pris.ly/closedcaptions
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Tutorial Node.js fără server – Neon Serverless Postgres, AWS Lambda, Next.js, Vercel
- Curs NestJs pentru începători – Creați un API REST
- Svelte Tutorial – Este mai bine decât React?
- Învață SvelteKit – Curs complet pentru începători
- Learn Svelte – Curs complet pentru începători
- Implementați 12 aplicații în AWS, Azure și Google Cloud
- Tutorial proiect de codificare Task Manager – Next.js, React, Prisma, MongoDB
- Curs complet HTML – Tutorial pentru crearea unui site web
- Tutorial Dezvoltare Web cu Python – Aplicații web bazate pe baze de date Flask și dinamice
- Construiește-ți propriul SaaS – PagerDuty Clone. Veți învăța PostgreSQL + Stripe API + Twilio + SMTP