Erstellen Sie ein Konto, um KI zu nutzen

Erstellen Sie ein kostenloses Konto, um alle Funktionen freizuschalten:

Stellen Sie Fragen zu Videos mit KI
Nutzen Sie die intelligente Suche (KI)
Speichern Sie Ihre Lieblingsvideos
Markieren Sie Ihre Lieblingskategorien
Organisieren Sie Ihre Lieblingsunterkategorien
Greifen Sie auf Ihre personalisierte Favoritenseite zu
Greifen Sie auf Ihren Gesprächsverlauf zu
Personalisieren Sie Ihre Startseite mit Ihren Favoriten

Haben Sie bereits ein Konto? Anmelden

Lerne, wie man moderne Web-Apps mit SvelteKit erstellt

Name: Lerne, wie man moderne Web-Apps mit SvelteKit erstellt
Uploaded: 2023-04-04T14:00:04+00:00
Duration: 5 h 41 s

Joy of Code

SvelteKit ist das Schweizer Taschenmesser unter den Web-Frameworks zum Erstellen robuster Apps, die überall dort laufen, wo JavaScript läuft.

👉️ Unterstützung

▶️ YouTube-Mitgliedschaft

https://youtube.com/@joyofcodedev/join

🔴 Patreon

https://www.patreon.com/joyofcode

👉️ Links:

Lerne SvelteKit Playlist:

https://www.youtube.com/playlist?list=PLA9WiRZ-IS_zfHpxmztJQLeBISsQkh9-M

Lerne Svelte Playlist:

https://www.youtube.com/playlist?list=PLA9WiRZ-IS_ylnMYxIFCsZN6xVVSvLuHk

Beiträge:

1. https://joyofcode.xyz/what-is-sveltekit

2. https://joyofcode.xyz/sveltekit-project-structure

3. https://joyofcode.xyz/sveltekit-routing

4. https://joyofcode.xyz/sveltekit-loading-data

5. https://joyofcode.xyz/working-with-forms-in-sveltekit

6. https://joyofcode.xyz/sveltekit-advanced-layouts

7. https://joyofcode.xyz/sveltekit-hooks

8. https://joyofcode.xyz/sveltekit-deployment

👉️ Anwendungen:

🔗 https://joyofcode.xyz/uses

👉️ Soziale Medien:

🐦️ https://twitter.com/joyofcodedev

💬 https://discord.gg/k6ZpwAKwwZ

🔖 Zeitstempel

0:00 Einführung

2:15 Was ist SvelteKit?

5:00 SvelteKit verwischt die Grenze zwischen Frontend und Backend

8:29 Konvention vor Konfiguration

11:17 Das Beste aus beiden Welten: Server-seitiges Rendering mit Client-seitiger Navigation

16:57 SvelteKit nutzt die Web-Plattform

19:18 SvelteKit-Apps sind robuster durch Progressive Enhancement

21:02 SvelteKit läuft, wo JavaScript läuft

22:12 SvelteKit für Komponentenbibliotheken

22:45 SvelteKit ist für alle gemacht

23:14 SvelteKit-Projektsetup

24:06 Erstellen eines SvelteKit-Projekts von Grund auf

34:12 Verwendung der SvelteKit-CLI

45:24 SvelteKit-Routing

47:14 Projektsetup

48:44 Seiten

59:17 Layout

1:03:44 Die Macht der verschachtelten Routen

1:12:51 Dynamische Routen

1:14:55 Fortgeschrittenes Routing

1:14:58 Mehrere Routenparameter

1:16:43 Optionale Parameter

1:18:04 Restparameter

1:20:18 Übereinstimmende Parameter

1:23:41 Daten laden

1:23:48 Projektsetup

1:24:28 Datenbanksetup

1:38:49 API-Endpunkte

1:59:28 Anzeigen von Seitendaten mit Client-seitigem Rendering

2:05:14 Anzeigen von Seitendaten mit Server-seitigem Rendering

2:13:17 Manchmal möchte man Code nur auf dem Server ausführen

2:20:05 Deine Layout-Dateien können auch Daten laden

2:29:42 Deine Daten überall verfügbar machen

2:33:09 Daten aus der URL verwenden

2:40:28 Daten aus dem übergeordneten Layout verwenden

2:45:09 Wie Ladefunktionen funktionieren

2:51:19 Arbeiten mit Formularen

2:51:25 Projektsetup

2:52:14 Erstellen einer Fake-Datenbank

2:55:27 Wiederintroduktion zu Formularen

2:59:25 Arbeiten mit Formularen unter Verwendung von API-Endpunkten

3:16:52 Arbeiten mit Formularen auf die SvelteKit-Art unter Verwendung von Formularaktionen

3:26:31 Progressives Formular-Enhancement

3:30:44 Anpassung der Enhance-Aktion, um eine Lade-UI anzuzeigen

3:37:09 Formularvalidierung in SvelteKit

3:48:27 Fortgeschrittene Anpassung der Enhance-Aktion

3:53:39 Fortgeschrittene Layouts

3:53:45 Projektsetup

3:54:10 Manchmal möchte man Routen mit unterschiedlichen Layouts

3:56:18 Verwendung von Gruppenlayouts zur Gruppierung verwandter Routen

4:03:19 Aus Layouts ausbrechen

4:04:28 Layout zurücksetzen

4:06:28 SvelteKit-Hooks

4:06:34 Was sind Hooks?

4:07:44 Routen erstellen

4:11:58 Authentifizierung

4:16:39 HTML transformieren

4:19:24 Seitenladegeschwindigkeit messen

4:21:58 Fehlerprotokollierung

4:23:46 Modifizieren einer Fetch-Antwort

4:25:12 Parsen von Formulardaten

4:28:45 Verwendung mehrerer Hooks zusammen

4:29:53 SvelteKit-Deployment

4:30:54 Arten von Webhosting

4:36:11 Bereitstellung eines SvelteKit-Projekts

4:48:09 Optimierung deiner Seite

4:59:58 Outro

#joyofcode #svelte #sveltekit