React y TailwindCSS

Fecha y horario

Próximamente


EL CURSO

Conceptos

Este curso monográfico de React y Tailwind CSS te abrirá las puertas para crear interfaces de usuario sofisticadas y vanguardistas, marcando la diferencia en el sector. ReactJS, el núcleo de las Single Page Applications, y la innovadora gestión de estilos de Tailwind CSS, serán tus aliados para llevar tus habilidades al siguiente nivel.

Aprenderás desde la eficiente configuración con Vite.js hasta la tarea fascinante de transformar prototipos de Figma en aplicaciones web vibrantes. Te adentrarás en los fundamentos de ReactJS, explorarás la potencia de JSX y Hooks, y te convertirás en un profesional del diseño funcional y estético con Tailwind CSS aplicado directamente en tu código.

Te enfrentarás a proyectos reales, desde la creación de una lista de tareas hasta la conversión de un diseño básico en una robusta aplicación web: Consumir APIs, manejar datos dinámicos y desplegar tus proyectos siguiendo las mejores prácticas en entornos de producción.

SOFTWARE / MATERIALES

Las herramientas del curso

* Herramientas de desarrollo (Node.js, NPM, Vite.js,Visual Studio Code).

*Figma para el diseño UI/UX.

*Plataformas de despliegue (Netlify, Vercel).

Es necesario contar con conocimientos en HTML, CSS y JavaScript

CONTENIDOS

Desglose

Módulo 1 / 50 hr
Introducción a ReactJs
Configuración del entorno de desarrollo con Vite.js
Conceptos básicos de React : JSX: sintáxis y principios
Componentes y ciclo de vida en React
Hooks en React
Manejo de estado y contexto
Enrutamiento en aplicaciones React
Llamadas a API y manejo de datos
Despliegue y producción
Proyecto final
Módulo 2 / 15hr
Introducción a TailwindCSS
Configuración, instalación de TailwindCSS
Utilidades básicas
Tipografía
Utilidades para contenedores
Layout y diseño de componentes
Flex box y Grid Layout
Diseño responsivo
Animaciones y transiciones
Personalización y tematización
Integración con React
Optimización y producción
Proyecto:15hr
Proyecto final: tienda online con React y Tailwindcss

APRENDIZAJE

Los objetivos

* Dominar ReactJs y TailwindCSS para el desarrollo de aplicaciones web.

*Convertir diseños de Figma en aplicaciones web funcionales.

*Desplegar aplicaciones en entornos de producción.


Rev.: 0

info@escuelaartegranada.com  |  958 27 80 60