Remix Bootcamp: Null auf Meisterschaft

Was ist Remix?

Remix, oft als „Remix.js“ oder „Remix Run“ bezeichnet, ist ein umfassendes JavaScript-Framework, das auf React basiert. Es unterscheidet sich von anderen Frameworks wie Next.js dadurch, dass es Ihnen ermöglicht, Ihre Benutzeroberfläche zu priorisieren und gleichzeitig Webstandards einzuhalten, was zu einer reibungslosen, schnellen und zuverlässigen Benutzererfahrung führt. Mit Remix werden Sie Websites erstellen, die Benutzer wirklich schätzen.

Warum Remix erkunden?

Remix ermöglicht Ihnen die Entwicklung moderner Webanwendungen, ohne grundlegende Webprinzipien zu vernachlässigen. Dies macht das Programmieren mit Remix nicht nur einfach, sondern auch äußerst intuitiv. Während Sie Remix beherrschen, werden Sie ein tieferes Verständnis der gesamten Webplattform erlangen.

Obwohl es sich um ein relativ neues Framework handelt, wächst seine Popularität rasant und es entwickelt sich schnell weiter, weshalb es wichtig ist, auf dem neuesten Stand zu bleiben. Glücklicherweise umfasst dieser Remix-Kurs die neuesten Best Practices und Trends für 2024 und legt dabei den Schwerpunkt auf Effizienz.

Dies stellt sicher, dass Sie keine Zeit mehr mit veralteten, unklaren oder unvollständigen Tutorials verschwenden.

Dieser Kurs wird Sie schnell mit Remix vertraut machen und Ihre Fähigkeiten über die Grundlagen hinaus verbessern. Sie lernen, überlegene Websites mit Remix zu erstellen, die nahtlose Übergänge und schnelle Seitenladezeiten ermöglichen.

Die Erfolgsgeschichten sind beeindruckend.

Absolventen von Zero To Mastery haben Positionen bei Branchengrößen wie Google, Tesla, Amazon, Apple, IBM, Uber, Facebook und Shopify gefunden. Viele gedeihen als Top-Freelancer und arbeiten weltweit remote. Sie könnten der Nächste sein!

Durch die Anmeldung heute erhalten Sie Zugang zu unserem exklusiven Live-Online-Community-Klassenzimmer, wo Sie zusammen mit Tausenden von Schülern, Alumni, Mentoren, TAs und Lehrern lernen.

Am wichtigsten ist, dass Sie von Zach Taylor lernen, einem erfahrenen Profi mit echter Remix.js- und Webentwicklungserfahrung.

Was Sie in diesem Remix-Kurs lernen werden:

Dieser Kurs, wie alle Zero To Mastery-Angebote, wird ständig aktualisiert und dient Ihnen als primäre Ressource für die neuesten Remix-Praktiken und -Tools während Ihrer gesamten Karriere!

Dieser Kurs deckt praktisch alle Aspekte von Remix ab, wie verschachtelte Routen, Styling, Fehlerbehandlung, Datenbankinteraktionen, Datei-Uploads, Caching, den Aufbau app-ähnlicher UIs, Tests und Deployment. Beeindruckend, oder?

Wenn Sie neugierig auf die Details sind, hier ist eine detaillierte Aufschlüsselung dessen, was Sie meistern werden:

1. Remix-Übersicht: Wir beginnen klein und stellen sicher, dass Sie die Grundlagen verstehen, bevor wir tiefer eintauchen. Sie werden einige der grundlegenden Konfigurationsdateien von Remix erkunden und das Konzept der verschachtelten Routen verstehen.

2. Grundlegendes Routing und Styling: Hier werden Sie sich mit der Routing-API von Remix vertraut machen, einschließlich der Rolle der Root-Route, Benennungskonventionen für Routendateien und dem „Links“-Routenexport. Wir werden auch CSS innerhalb von Remix behandeln und Tailwind zum Laufen bringen.

3. Grundlegende Daten in Remix: Erhalten Sie Einblicke in „Loader“, die das Laden von Daten in die Benutzeroberfläche ermöglichen. Sie werden auch eine grundlegende ausstehende Benutzeroberfläche implementieren, um Benutzern während des Ladens von Daten etwas anzuzeigen, und Prisma und Postgres einrichten.

4. Die Vorratsseite: Keine Zeit verschwenden! Jump right in by starting to build the Master Project, a.k.a. die Remix-Rezepte-App, beginnend mit der Vorratsseite. Sie werden lernen, eine Suchleiste zu erstellen, Daten in der Datenbank über Formulare zu aktualisieren, Formulare mit Zod zu validieren und zu erkunden, wie eine optimistische Benutzeroberfläche aufgebaut wird.

5. Grundlagen der Authentifizierung: Dieser Abschnitt legt die Grundlagen für das Verständnis der Authentifizierung und bereitet Sie auf einen tiefergehenden Einstieg vor. Sie lernen etwas über Benutzerbeziehungen innerhalb der Datenbank, Cookies, kryptografische Signaturen und Sitzungen.

6. Magic Link Authentication: Implementieren Sie ein Magic-Link-Authentifizierungssystem für Ihre Remix-Rezepte-App. Dieses System eliminiert Passwörter und ermöglicht Benutzern das Einloggen über einen verschlüsselten Link, der an ihre E-Mail gesendet wird, was die Benutzererfahrung verbessert und Ihre Remix-Kenntnisse im Umgang mit serverseitiger E-Mail-Übertragung erweitert.

7. Authorization: Sobald Sie die Identität eines Benutzers überprüft haben, müssen Sie auch verwalten, auf was er zugreifen kann. In diesem Abschnitt richten Sie Autorisierungsregeln für die von Ihnen erstellten Seiten ein.

8. Benutzeroberfläche (Die Rezeptseite): Tauchen Sie ein in die Erstellung einer außergewöhnlichen Benutzeroberfläche mit Remix! Sie entwickeln die Rezeptseite, den komplexesten UI-Aspekt der App, unter Verwendung verschiedener Remix-APIs und implementieren eine schnelle optimistische Benutzeroberfläche, um die Benutzererfahrung auch bei langsameren Verbindungen zu verbessern.

9. Datei-Uploads: Lernen Sie die Feinheiten des Hochladens von Dateien in Remix kennen. Dies umfasst das Verständnis der mehrteiligen Codierung für HTML-Formulare, um binäre Daten wie Dateien an den Server zu senden, sowie die API zum Hochladen von Dateien bei Remix.

10. Remix-Modalfenster: Entdecken Sie die verschiedenen Methoden zum Erstellen von Modalfenstern in Remix und wenden Sie eine auf unsere Einkaufslisten-App an. Sie werden auch verschiedene Suchparameter behandeln und leicht komplexere Backend-Logik schreiben.

11. Die Einstellungsseite: Sie werden Ressourcerouten in Remix erkunden und eine Ressourceroute erstellen, die Benutzern benutzerdefiniertes CSS bereitstellt, um eine Themenpersonalisierung zu ermöglichen. Wie aufregend ist das?

12. Caching (Die Entdeckungsseite): Dieser Abschnitt konzentriert sich auf Caching-Strategien und beschreibt die Unterschiede zwischen privaten und Server-Caches unter Verwendung des HTTP-Cache-Control-Headers, um die Anwendungs-Geschwindigkeit zu erhöhen, indem Ressourcen im Browser der Benutzer zwischengespeichert werden.

13. Testing: Seien wir ehrlich – Tests sind entscheidend! Wir widmen ihnen einen ganzen Abschnitt. Sie werden End-to-End-Tests für Ihre Remix-Rezepte-App mit Playwright schreiben, um Benutzerinteraktionen zu simulieren und das Vertrauen zu stärken, dass Ihre App wie erwartet funktioniert – und lernen, dynamische Routen in Remix zu erstellen.

14. Deployment: Bereit, Ihre harte Arbeit zu zeigen? Sie werden Ihre Full-Stack-Webanwendung mit Fly bereitstellen, was die Bereitstellung einer Remix-App mit einer Postgres-Datenbank vereinfacht. Zusätzlich erfahren Sie in diesem Abschnitt etwas über Prisma-Migrationen.

Was ist das Fazit?

Dieser Remix-Kurs ist nicht nur zum reinen Programmieren ohne Verständnis gedacht. Stattdessen zielt er darauf ab, Sie vom Anfängerstatus zu den Top 10% der Remix-Entwickler zu erheben 💪.

Mit nichts zu verlieren, können Sie Ihre Lernreise noch heute beginnen. Wenn dieser Kurs nicht Ihren Erwartungen entspricht, bieten wir eine 100%ige Rückerstattung innerhalb von 30 Tagen, unkompliziert und ohne Fragen.