Desarrollo de aplicaciones con React





Resumen del Curso

24/05/2022 a 02/06/202216 horas
Modalidad MIXTAPrecio (externos) : 288€
Precio (Asociado) : 245€
Precio (Colegiado) : 245€

Voy a contar con ...

course imageCurso de formación realizado en colaboración con el Instituto Tecnológico de Informática (ITI)

Contenido del curso

DescripciónEn este curso conoceremos todas las funcionalidades de esta librería y crearemos una aplicación rica en componentes, apoyándonos de las mejores librerías de componentes de terceros como puedan ser DevExtreme o MUI, usando Javascript y Typescript. Apoyándonos de aplicaciones de tipo servidor desarrolladas en tecnologías .NET o JavaScript (Express JS).
Serás capaz de...
  • Descubrir el entorno de programación JS fuera del navegador: NodeJS, y Npm como gestor de paquetes. Introducción al lenguaje de programación Typescript.
  • Crear una primera aplicación SPA través del CLI de React.
  • Extender la aplicación con la creación de componentes, conocer el ciclo de vida de los mismos, trabajar con sus propiedades, eventos y comunicación entre ellos.
  • Conocer los mecanismos de estado en los componentes y entre componentes.
  • Ejecutar una aplicación de tipo de servidor (Servicio API Rest bajo ExpressJS y Servicio .NET 6) e implementar la comunicación entre nuestro SPA y el API.
  • Enriquecer nuestra aplicación con el uso de librerías de componentes de interfaz de usuario, Devextreme, Fluent UI, MIU, etc.
  • Implementar un CRUD completo.
  • Introducción a un Framework React para producción: Next.js
  • Introducción al testing de componentes con Jest y Cypress.
Programa
  1. Introducción a React y conceptos generales
    • ¿Qué es React y por qué usar React?
    • ¿Qué es un componente y cómo funciona en React?
    • Stack tecnológico en el uso e instalación de React
    • Estructura de un proyecto de React
    • ¿Qué es Typescript?
    • Introducción al IDE Visual Studio
  2. Conceptos principales en React
    • Nuestra primera aplicación en React: Hola Mundo.
    • Presentando JSX
    • Renderizado de elementos
    • Componentes y propiedades
    • Fragmentos
    • Estado y ciclo de vida
    • Manejo de eventos
    • Renderizado condicional
    • Listas y keys
    • Formularios
    • Composición VS Herencia
    • HOC
  3. Profundizando en React
    • Hooks
    • División de código: Router
    • Límites de error
    • React i18n
    • Ajax y APIs
    • Estilos y CSS
    • Comunicación entre componentes, Context y Redux
  4. Ejemplo completo CRUD consumiendo servicios Rest, usando la librería Axios.
    • Introducción a DevExtreme y MUI
    • Implementar un CRUD con DevExtreme consumiendo API Rest con ExpressJs y un API Rest desarrollada en .NET 6
  5. Testing:
    • Pruebas de integración con JEST + ReactTestingLibrary
    • Pruebas END to END con Cypress
  6. Crear una app con el framework Next JS
  7. Conceptos avanzados
    • Desplegar app producción.
    • Variables y configuración de entorno.

Inscripción

Tipo de CursoPropio, organiza COITCV/AVIT
ClaseAula de formación del Instituto Tecnológico de Informática- ITI. Ciudad Politécnica de la Innovación, Edificio 8G, Cuarta Planta (También disponible opción ON-LINE)
AgendaMartes y jueves. De 16:00 a 20:00h
Inicio plazo de inscripción28/03/2022
Fin plazo de inscripción14/05/2022
Proceso de Inscripción
  • Precio público general: 288€ (IVA no incluido)
  • Precio AVIT: descuento del 15% por el convenio firmado entre la AVIT y el ITI (este descuento no es aplicable en el curso cuando esté en "período de venta anticipada") Consulta condiciones.
——————————————————————————-
  • Si eres asociado y/o colegiado identifícate como tal y envía la “Inscripción del Colegiado”. Una vez recibida la inscripción te enviaremos el "código descuento" para que puedas aplicarlo en la inscripción y obtener el descuento.
Si necesitas más información escribe a rrhh@coitcv.org con el nombre del curso y la consulta. Más información aquí

El plazo de inscripción terminó, la inscripción no está permitida

Scroll al inicio
Utilizamos cookies propias y de terceros para ofrecerte una mejor experiencia y servicio, de acuerdo a tus hábitos de navegación. Si continúas navegando, consideramos que aceptas su uso.