Temario del curso

Desarrollo de aplicaciones front-end modernas

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

JavaScript moderno

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

TypeScript

  • Tipo estático vs dinámico
  • Declaración de tipos de variables, funciones y clases
  • Tuplas, objetos
  • Interfaces
  • Genéricos

Lenguaje de plantilla de React

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

Gestión del estado en React

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

Componentes: Bloques de construcción de aplicaciones web modernas

  • Definición de etiquetas HTML personalizadas en React
  • Estado, props y eventos
  • Flujo de datos entre componentes
  • Componentes funcionales y componentes de clase
  • Uso de hooks en componentes funcionales
  • Eventos del ciclo de vida del componente (montaje, actualización, desmontaje)
  • Inclusión de componentes predefinidos de una biblioteca

Gestión de estado con Redux

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

Herramientas de desarrollo y pruebas

  • Herramientas de desarrollador de React
  • Herramientas de desarrollador de Redux
  • Prueba de JavaScript con Jest
  • Prueba de reducers
  • Prueba de componentes de React

React Router

  • Ruteo del lado del cliente
  • Mostrar diferentes vistas basadas en la ruta actual del navegador

Desarrollo de aplicaciones con React

  • Breve visión general de React Native
  • Creación de una aplicación móvil e instalable para escritorio con Progressive Web Apps
  • Comparación entre Progressive Web Apps y aplicaciones nativas

Requerimientos

  • Básicos de HTML
  • Experiencia con JavaScript
 21 Horas

Número de participantes


Precio por Participante​

Testimonios (7)

Próximos cursos

Categorías Relacionadas