Programa detallado

Curso de Desarrollo web con React: apps interactivas

  • 10 unidades

Detalles del curso

Objetivo

  • Construir aplicaciones web con React que cumplan con estándares de calidad y buenas prácticas en el desarrollo de software.
  • Desarrollar aplicaciones de cierta complejidad y estar listo para emprender proyectos más avanzados de manera independiente.
  • Incorporar React a tu conjunto de habilidades de programación, mejorando tu perfil profesional y tus oportunidades en el mercado laboral.

Dirigido a

Este curso está especialmente diseñado para profesionales y aspirantes que deseen fortalecer sus habilidades en desarrollo web y adentrarse en la creación de aplicaciones modernas utilizando React. Los perfiles a los que va dirigido incluyen, pero no se limitan a:

  • Desarrolladores Web Frontend: Aquellos que desean expandir sus conocimientos en React para crear interfaces de usuario atractivas y dinámicas.

  • Estudiantes de Informática e Ingeniería: Personas que buscan aprender las últimas tecnologías y prepararse para roles en desarrollo web.

  • Diseñadores de Experiencia de Usuario (UX/UI): Profesionales que desean comprender cómo integrar sus diseños en aplicaciones web interactivas y receptivas.

  • Desarrolladores Full Stack: Quienes desean mejorar su conjunto de habilidades incluyendo React para trabajar en proyectos completos desde el frontend hasta el backend.

  • Profesionales de Tecnología de la Información (TI): Individuos que desean adoptar tecnologías actuales y mejorar la eficiencia en la creación de aplicaciones web.

  • Emprendedores y Startups: Aquellos que buscan desarrollar prototipos y productos web con agilidad y escalabilidad utilizando React.

  • Profesionales en cambio de carrera: Personas que deseen ingresar al campo del desarrollo web y adquirir las habilidades necesarias para tener éxito.

  • Organizaciones Empresariales: Empresas y corporaciones que buscan capacitar a sus equipos de desarrollo en el uso eficaz de React para mejorar sus aplicaciones y servicios web.

  • Freelancers y Consultores: Individuos independientes que desean ofrecer servicios de desarrollo web utilizando tecnologías líderes en el mercado.

Este curso proporcionará a cada uno de estos perfiles la base necesaria para comprender y aplicar React de manera efectiva en una variedad de contextos profesionales y proyectos de desarrollo web.

Requisitos

Para aprovechar al máximo este curso se recomienda:

  1. Conocimientos Fundamentales de HTML, CSS y JavaScript: Los estudiantes deben tener un entendimiento básico de estas tecnologías web, incluyendo estructura de páginas, estilos y programación en JavaScript.

  2. Experiencia en Programación: Se espera que los participantes estén familiarizados con conceptos de programación como variables, funciones, estructuras de control y objetos.

  3. Nociones Básicas de Git: Aunque no es un requisito absoluto, tener conocimientos básicos sobre el uso de Git para el control de versiones será beneficioso para seguir el flujo de trabajo del curso.

Unidad 1 Introducción a React

Objetivo

Comprender los fundamentos de React.

Configurar un entorno de desarrollo de React.

Contenido

  • Introducción a React
  • ¿Qué es React y por qué es importante?
  • Instalación y configuración del entorno de desarrollo
  • Mi primera aplicación React
  • Resumen
Arriba

Unidad 2 Fundamentos de React

Objetivo

Crear y utilizar componente en React.

Aplicar Props y State.

Manejar eventos y realizar el manejo de eventos en React.

Contenido

  • Fundamentos de React
  • Componentes
  • JSX
  • Props
  • Ciclo de vida de los componentes
  • Resumen
Arriba

Unidad 3 Gestión de estado en React

Objetivo

Comprender los fundamentos de la gestión del estado en React.

Utilizar los Hooks de React para la gestión del estado.

Contenido

  • Gestión de estado en React
  • UseState
  • UseEffect
  • UseContext
  • UseReducer
  • Resumen
Arriba

Unidad 4 Enrutamiento en React

Objetivo

Implementar el enrutamiento en una aplicación React utilizando React Router, permitiendo la transición entre diferentes vistas de manera dinámica.

Contenido

  • Enrutamiento en React
  • Instalar y configurar React Router
  • Componente Router
  • Creación de rutas anidadas
  • Paso de parámetros y consultas
  • Resumen
Arriba

Unidad 5 Trabajo con formularios

Objetivo

Desarrollar formularios implementando técnicas de validación para garantizar la integridad y precisión de los datos ingresados por el usuario.

Contenido

  • Trabajo con formularios
  • Formularios controlados vs. no controlados
  • Inputs de formularios
  • Validación de formularios
  • Validación de formulario Avanzado
  • Formik
  • Resumen
Arriba

Unidad 6 Gestión de datos

Objetivo

Integrar APIs externas en aplicaciones React.

Contenido

  • Gestión de datos
  • Integración de APIs externas
  • Transformación y manipulación de datos
  • Control de errores
  • Axios paso a paso
  • Gestión de datos en desarrollo con LocalStorage
  • Resumen
Arriba

Unidad 7 Estilización y diseño

Objetivo

Utilizar CSS y librerías de estilos para estilizar componentes y aplicaciones React de manera efectiva garantizando una experiencia óptima en todo tipo de dispositivos.

Contenido

  • Estilización y diseño
  • Aplicar CSS
  • Librería de estilos Styled Components
  • Resumen
Arriba

Unidad 8 Despliegue y hospedaje

Objetivo

Implementar el proceso de despliegue en plataformas de hospedaje populares, como Netlify o Vercel, para poner en línea una aplicación React de manera eficiente.

Contenido

  • Despliegue y hospedaje
  • Vite
  • Empaquetado y estructura de carpetas al hacer un build con vite
  • Simular servidor de producción
  • Resumen
Arriba

Unidad 9 Optimización y rendimiento

Objetivo

Aplicar técnicas de optimización para mejorar el rendimiento de las aplicaciones React.

Contenido

  • Optimización y rendimiento
  • React Memo
  • PureComponent
  • Uso eficiente de Hooks
  • Lazy loading y Suspense
  • Resumen
Arriba

Unidad 10 Gestión de estado avanzada y depuración

Objetivo

Integrar Redux con aplicaciones React, conectando componentes con el store de Redux para acceder y actualizar el estado global de manera efectiva.

Contenido

  • Gestión de estado avanzada y depuración
  • Redux y su ecosistema
  • Redux toolkit
  • Uso de React DevTools
  • Resumen
Arriba