REACT

Del código al diseño. Formate como desarrollador en una de las tecnologías más demandadas del mercado. Creá aplicaciones web modernas utilizando React, JavaScript moderno y TailwindCSS.

Duración del curso : 4 meses
Modalidad: Mixta. 2 clases semanales de 1 hora y media c/u. Una de ellas presencial y la otra por Discord.

Objetivo del curso
El curso tiene como objetivo formar desarrolladores capaces de crear aplicaciones web modernas
utilizando React, Javascript moderno y TailwindCSS. Se abordarán herramientas y prácticas
actuales de desarrollo frontend, integrando conceptos fundamentales del lenguaje y estructuras de
proyecto.

Tecnologías involucradas
Javascript (ES6+): Sintaxis actual, manipulación de datos, estructuras de control, arrays y objetos.
React: Librería para construcción de interfaces, componentes, props, estado, eventos, rutas.
TailwindCSS: Framework de diseño utility-first para interfaces modernas y responsivas.
React Router DOM: Ruteo y navegación en aplicaciones de una sola página.

Estructura del curso
El curso se divide en 4 módulos, cada uno correspondiente a un mes de cursada, organizados en
bloques semanales:

Fundamentos de Javascript y entorno de trabajo (mes 1)
● Introducción al curso y al ecosistema React.
● Variables (let, const), tipos de datos, operadores, funciones.
● Condicionales y bucles.
● Arrays y objetos.
● Métodos funcionales: .map, .filter, .reduce.
● Introducción al DOM, eventos básicos.
● Diferencias entre Javascript y React.
● Instalación de herramientas y estructura de proyecto (Vite, VS Code, Node).

React desde cero (mes 2)
● Concepto de componentes | JSX | Props.
● Eventos en React, uso de useState.
● Formularios y manejo de inputs.
● Comunicación entre componentes.
● Prácticas guiadas y ejercicios.
● Estructura profesional de carpetas.
● Mini-proyecto integrador.

TailwindCSS y React Router DOM (mes 3)
● Introducción a TailwindCSS: instalación, configuración, clases básicas.
● Grid, Flexbox, width/height, padding/margin, responsive. c. Comparativa entre Tailwind
y CSS tradicional.
● Rutas en React con React Router DOM: básicas y anidadas. e. Link, useNavigate,
navegación declarativa.
● Mini-proyecto con múltiples páginas.

Proyecto Final (mes 4 y cierre)
● Desarrollo completo de una aplicación real.
● Aplicación de todo lo aprendido: estructura, componentes reutilizables, rutas, estilos,
validaciones.