Bootcamp Remix : De Zéro à Maître

Qu'est-ce que Remix ?

Remix, souvent appelé "Remix.js" ou "Remix Run", est un framework JavaScript complet construit sur React. Il se distingue des autres comme Next.js en permettant de prioriser votre interface utilisateur tout en respectant les normes du web, ce qui donne lieu à une expérience utilisateur fluide, rapide et fiable. Avec Remix, vous créerez des sites Web que les utilisateurs apprécieront véritablement.

Pourquoi explorer Remix ?

Remix vous permet de développer des applications web contemporaines sans négliger les principes fondamentaux du web. Cela rend le codage avec Remix non seulement simple, mais aussi très intuitif. En maîtrisant Remix, vous obtiendrez une compréhension plus approfondie de l'ensemble de la plateforme web.

Bien qu'il s'agisse d'un framework relativement nouveau, sa popularité est en forte augmentation et il évolue rapidement, il est donc crucial de rester à jour. Heureusement, ce cours Remix couvre les meilleures pratiques et tendances les plus récentes pour 2024, tout en mettant l'accent sur l'efficacité.

Cela garantit que vous ne perdrez plus de temps sur des tutoriels obsolètes, flous ou incomplets.

Ce cours vous familiarisera rapidement avec Remix et élèvera vos compétences au-delà des fondamentaux. Vous apprendrez à créer des sites Web supérieurs grâce à Remix, permettant des transitions fluides et des temps de chargement rapides.

Les histoires de succès sont impressionnantes.

Les diplômés de Zero To Mastery ont obtenu des postes dans des géants de l'industrie comme Google, Tesla, Amazon, Apple, IBM, Uber, Facebook et Shopify. Beaucoup prospèrent en tant que freelances de haut niveau, travaillant à distance à travers le monde. Vous pourriez être le prochain !

En vous inscrivant aujourd'hui, vous aurez accès à notre classe communautaire en ligne exclusive, où vous apprendrez aux côtés de milliers d'étudiants, d'anciens élèves, de mentors, d'assistants et d'instructeurs.

Le plus important, c'est que vous apprendrez de Zach Taylor, un professionnel chevronné avec une expérience pratique de Remix.js et du développement web.

Ce que vous apprendrez dans ce cours Remix :

Ce cours, comme toutes les offres de Zero To Mastery, sera constamment mis à jour, faisant de lui votre ressource principale pour les dernières pratiques et outils Remix tout au long de votre carrière !

Ce cours couvre pratiquement tous les aspects de Remix, tels que le routage imbriqué, le style, la gestion des erreurs, les interactions avec les bases de données, les téléchargements de fichiers, la mise en cache, la construction d'interfaces utilisateur semblables à des applications, les tests et le déploiement. Impressionnant, non ?

Si vous êtes curieux des détails, voici un aperçu détaillé de ce que vous maîtriserez :

1. Vue d'ensemble de Remix: Nous commençons petit, en veillant à ce que vous compreniez les fondamentaux avant d'approfondir. Vous explorerez certains fichiers de configuration essentiels de Remix et saisirez le concept de routage imbriqué.

2. Routage et style de base: Ici, vous vous familiariserez avec l'API de routage de Remix, en couvrant le rôle de la route racine, les conventions de nommage des fichiers de route et l'exportation de route "liens". Nous aborderons également le CSS dans Remix et mettrons en place Tailwind.

3. Données de base dans Remix: Obtenez des informations sur les "loaders" qui permettent de charger des données dans l'interface utilisateur. Vous implémenterez également une interface utilisateur en attente de base pour montrer aux utilisateurs pendant le chargement des données, tout en configurant Prisma et Postgres.

4. La page du garde-manger: Pas de perte de temps ici ! Plongez directement dans la création du projet principal, alias l'application Remix Recipes, en commençant par la page du garde-manger. Vous apprendrez à créer une barre de recherche, à mettre à jour les données dans la base de données via des formulaires, à valider des formulaires avec Zod et à explorer comment créer une interface utilisateur Optimiste.

5. Essentiels de l'authentification: Cette section pose les bases de la compréhension de l'authentification, vous préparant à une plongée plus profonde. Vous apprendrez les relations utilisateur dans la base de données, les cookies, les signatures cryptographiques et les sessions.

6. Authentification par lien magique: Implémentez un système d'authentification par lien magique pour votre application Remix Recipes. Ce système élimine les mots de passe, permettant aux utilisateurs de se connecter via un lien crypté envoyé par e-mail, améliorant l'expérience utilisateur tout en élargissant vos compétences Remix avec la gestion des e-mails côté serveur.

7. Autorisation: Une fois que vous avez vérifié l'identité d'un utilisateur, vous devez également gérer ce à quoi il peut accéder. Dans cette section, vous établirez des règles d'autorisation pour les pages que vous avez créées.

8. Interface utilisateur (La page de recette): Plongez dans la création d'une interface utilisateur exceptionnelle avec Remix ! Vous développerez la page de recettes, l'aspect le plus complexe de l'interface de l'application, en utilisant plusieurs API Remix et en implémentant une interface utilisateur Optimiste rapide pour améliorer l'expérience utilisateur, même sur des connexions plus lentes.

9. Téléchargements de fichiers: Apprenez les tenants et aboutissants du téléchargement de fichiers dans Remix. Cela inclut la compréhension de l'encodage multipart pour les formulaires HTML afin d'envoyer des données binaires telles que des fichiers au serveur, ainsi que l'API de gestion des téléchargements de fichiers de Remix.

10. Modals Remix: Découvrez les différentes méthodes pour créer des modals dans Remix tout en en appliquant une à notre application de liste de courses. Vous gérerez également divers paramètres de recherche et écrirez une logique backend légèrement plus complexe.

11. La page des paramètres: Vous explorerez les routes de ressources dans Remix et créerez une route de ressource qui sert du CSS personnalisé aux utilisateurs, permettant la personnalisation des thèmes. Quelle excitation !

12. Mise en cache (La page Découverte): Cette section se concentre sur les stratégies de mise en cache, détaillant les différences entre les caches privés et serveur et utilisant l'en-tête HTTP cache-control pour améliorer la vitesse de l'application en mettant en cache des ressources dans les navigateurs des utilisateurs.

13. Tests: Soyons honnêtes, les tests sont cruciaux ! Nous consacrons une section entière à cela. Vous rédigerez des tests de bout en bout pour votre application Remix Recipes en utilisant Playwright, permettant des simulations d'interaction en tant qu'utilisateurs, renforçant la confiance que votre application fonctionne comme prévu, tout en apprenant à créer des routes dynamiques dans Remix.

14. Déploiement: Prêt à montrer votre travail acharné ? Vous déploierez votre application web full-stack en utilisant Fly, simplifiant le déploiement d'une application Remix avec une base de données Postgres. De plus, vous apprendrez les migrations Prisma dans cette section.

Quel est le retour ?

Ce cours Remix est conçu non pas pour coder mécaniquement sans compréhension. Au lieu de cela, il vise à vous élever depuis le statut de débutant jusqu'au top 10 % des développeurs Remix 💪.

Avec rien à perdre, vous pouvez commencer votre parcours d'apprentissage aujourd'hui. Si ce cours n'est pas à la hauteur de vos attentes, nous offrons un remboursement de 100 % dans les 30 jours, sans tracas et sans poser de questions.