Contacta con nosotros

Temario del curso

Desarrollo de aplicaciones modernas del lado del cliente

  • Visión general y similitudes entre React, Angular y Vue.js
  • Renderizado declarativo
  • Componentes: definición de etiquetas HTML personalizadas
  • Uso de create-react-app para inicializar un proyecto en React

JavaScript moderno

  • Desarrollo con node.js y npm
  • Versiones de JavaScript
  • Trabajo con módulos
  • Funciones y funciones flecha
  • Clases
  • Programación funcional en JavaScript (map, filter, ...)

TypeScript

  • Tipado estático vs. dinámico
  • Declaración de tipos para variables, funciones y clases
  • Tipos de datos básicos
  • Tuplas y objetos
  • Interfaces
  • Genéricos

Lenguaje de plantillas de React

  • Lenguaje de plantillas basado en JavaScript: JSX
  • Configuración de propiedades de elementos
  • Repetición de elementos
  • Condiciones if / else
  • Eventos
  • Clases CSS y estilos

Gestión del estado en React

  • Configuración y modificación del estado de la aplicación
  • Uso del hook state y de setState
  • Captura del contenido de elementos de entrada en el estado

Componentes: bloques constructivos de aplicaciones web modernas

  • Definición de etiquetas HTML personalizadas en React
  • Estado, props y eventos
  • Flujo de datos entre componentes
  • Componentes basados en funciones y clases
  • Uso de hooks en componentes basados en funciones
  • Eventos del ciclo de vida del componente (montar, actualizar, desmontar)
  • Inclusión de componentes predefinidos desde una biblioteca

Gestión del estado con Redux

  • Fundamentos de Redux: gestión del estado con funciones puras, reductores e datos inmutables
  • Uso del hook reducer en React
  • Integración de Redux en una aplicación de React
  • Componentes presentacionales y de contenedor
  • Ecosistema de Redux
  • Manejo de eventos asíncronos con Thunk
  • Obtención de datos desde una API REST

Herramientas para desarrolladores y pruebas

  • Herramientas de desarrollador de React
  • Herramientas de desarrollador de Redux
  • Pruebas de JavaScript con Jest
  • Pruebas de reductores
  • Pruebas de componentes de React

React Router

  • Enrutamiento del lado del cliente
  • Visualización de diferentes vistas según la ruta actual del navegador

Desarrollo de aplicaciones con React

  • Breve introducción a React Native
  • Creación de aplicaciones móviles y de escritorio instalables con Progressive Web Apps
  • Comparación entre Progressive Web Apps y aplicaciones nativas

Requerimientos

  • Conocimientos básicos de HTML
  • Experiencia con JavaScript
 21 Horas

Número de participantes


Precio por participante

Testimonios (7)

Próximos cursos

Categorías Relacionadas