Remix Bootcamp: De Cero a Maestro

¿Qué es Remix?

Remix, a menudo referido como "Remix.js" o "Remix Run", es un completo framework de JavaScript construido sobre React. Se destaca de otros como Next.js al permitirte priorizar tu interfaz de usuario mientras te adhieres a los estándares web, lo que resulta en una experiencia de usuario fluida, rápida y confiable. Con Remix, crearás sitios web que los usuarios realmente apreciarán.

¿Por qué explorar Remix?

Remix te capacita para desarrollar aplicaciones web contemporáneas sin descuidar los principios fundamentales de la web. Esto hace que codificar con Remix no solo sea sencillo sino también muy intuitivo. A medida que dominas Remix, obtendrás una comprensión más profunda de toda la plataforma web.

Aunque es un framework relativamente nuevo, su popularidad está creciendo y está evolucionando rápidamente, lo que significa que mantenerse actualizado es crucial. Afortunadamente, este curso de Remix abarca las últimas mejores prácticas y tendencias para 2024, todo mientras enfatiza la eficiencia.

Esto asegura que no perderás tiempo en tutoriales desactualizados, confusos o incompletos.

Este curso te familiarizará rápidamente con Remix y elevará tus habilidades más allá de lo fundamental. Aprenderás a crear sitios web superiores mediante Remix, permitiendo transiciones sin problemas y tiempos de carga rápidos de las páginas.

Las historias de éxito son impresionantes.

Los graduados de Zero To Mastery han conseguido roles en gigantes de la industria como Google, Tesla, Amazon, Apple, IBM, Uber, Facebook y Shopify. Muchos están prosperando como freelancers de alto nivel, trabajando de forma remota en todo el mundo. ¡Tú podrías ser el siguiente!

Al inscribirte hoy, obtendrás acceso a nuestra exclusiva aula comunitaria en línea en vivo, donde aprenderás junto a miles de estudiantes, exalumnos, mentores, TA e instructores.

Lo más importante, aprenderás de Zach Taylor, un profesional experimentado con experiencia en el mundo real en Remix.js y desarrollo web.

Qué aprenderás en este curso de Remix:

Este curso, como todas las ofertas de Zero To Mastery, se actualizará constantemente, convirtiéndolo en tu recurso principal para las últimas prácticas y herramientas de Remix a lo largo de tu carrera.

Este curso cubre prácticamente todos los aspectos de Remix, como enrutamiento anidado, estilo, manejo de errores, interacciones con la base de datos, carga de archivos, almacenamiento en caché, construcción de interfaces de usuario tipo aplicación, pruebas y despliegue. Impresionante, ¿verdad?

Si tienes curiosidad por los detalles, aquí tienes un desglose detallado de lo que dominarás:

1. Visión general de Remix: Comenzamos de manera pequeña, asegurándonos de que entiendas los fundamentos antes de profundizar más. Explorarás algunos de los archivos de configuración esenciales de Remix y comprenderás el concepto de enrutamiento anidado.

2. Enrutamiento y estilo básicos: Aquí, te familiarizarás con la API de enrutamiento de Remix, cubriendo el papel de la ruta raíz, las convenciones de nomenclatura para archivos de ruta y la exportación de rutas “links”. También abordaremos CSS dentro de Remix y pondremos en marcha Tailwind.

3. Datos básicos en Remix: Obtén información sobre "loaders" que permiten cargar datos en la interfaz de usuario. También implementarás una interfaz de usuario pendiente básica para mostrar a los usuarios mientras se cargan los datos, junto con la configuración de Prisma y Postgres.

4. La página de la despensa: ¡No perdamos tiempo! Comienza directamente construyendo el Proyecto Maestro, es decir, la aplicación Remix Recipes, comenzando con la página de la despensa. Aprenderás a crear una barra de búsqueda, actualizar datos en la base de datos a través de formularios, validar formularios con Zod y explorar cómo construir una interfaz de usuario optimista.

5. Aspectos esenciales de la autenticación: Esta sección establece las bases para comprender la autenticación, preparándote para una inmersión más profunda. Aprenderás sobre las relaciones de usuarios dentro de la base de datos, cookies, firmas criptográficas y sesiones.

6. Autenticación de enlace mágico: Implementa un sistema de autenticación de enlace mágico para tu aplicación Remix Recipes. Este sistema elimina contraseñas, permitiendo a los usuarios iniciar sesión a través de un enlace encriptado enviado a su correo electrónico, mejorando la experiencia del usuario mientras expandes tu conjunto de habilidades en Remix con el manejo de correo electrónico en el lado del servidor.

7. Autorización: Una vez que verifiques la identidad de un usuario, también necesitas gestionar a qué pueden acceder. En esta sección, establecerás reglas de autorización para las páginas que has creado.

8. Interfaz de usuario (la página de recetas): ¡Sumérgete en la creación de una interfaz de usuario excepcional con Remix! Desarrollarás la página de recetas, el aspecto de interfaz de usuario más complejo de la aplicación, utilizando varias API de Remix e implementando una interfaz de usuario optimista rápida para mejorar la experiencia del usuario, incluso en conexiones más lentas.

9. Carga de archivos: Aprende los pormenores de cargar archivos en Remix. Esto incluye comprender la codificación multipart para formularios HTML para enviar datos binarios como archivos al servidor, junto con la API de controlador de carga de archivos de Remix.

10. Modales de Remix: Descubre los diferentes métodos para construir modales en Remix mientras aplicas uno a nuestra aplicación de lista de compras. También manejarás varios parámetros de búsqueda y escribirás lógica de backend ligeramente más compleja.

11. La página de configuración: Explorarás rutas de recursos en Remix y crearás una ruta de recurso que sirva CSS personalizado a los usuarios, permitiendo la personalización de temas. ¿Qué tan emocionante es eso?

12. Almacenamiento en caché (la página descubrir): Esta sección se centra en estrategias de caché, detallando las diferencias entre cachés privados y de servidor y el uso del encabezado de control de caché HTTP para mejorar la velocidad de la aplicación almacenando en caché recursos en los navegadores de los usuarios.

13. Pruebas: Seamos realistas, ¡las pruebas son cruciales! Le dedicamos una sección completa a ello. Escribirás pruebas de extremo a extremo para tu aplicación Remix Recipes utilizando Playwright, permitiendo simulaciones de interacción como usuarios, aumentando la confianza en que tu aplicación funciona como se espera, todo mientras aprendes a crear rutas dinámicas en Remix.

14. Despliegue: ¿Listo para mostrar tu trabajo duro? Desplegarás tu aplicación web full-stack utilizando Fly, simplificando el despliegue de una aplicación Remix con una base de datos Postgres. Además, aprenderás sobre las migraciones de Prisma en esta sección.

¿Cuál es la conclusión?

Este curso de Remix está diseñado no solo para codificar sin comprender. En su lugar, tiene como objetivo elevarte desde el nivel de principiante hasta el top 10% de Desarrolladores Remix 💪.

Sin nada que perder, puedes comenzar tu viaje de aprendizaje hoy. Si este curso no es lo que esperabas, ofrecemos un reembolso 100% dentro de 30 días, sin complicaciones y sin preguntas.