Desarrollo de aplicaciones con React





Course Summary

24/05/2022 a 02/06/202216 hores
Modalidad MIXTAPreu (External) : 288€
Preu (Associated) : 245€
Precio (Colegiado) : 245€

I will rely on...

imatge del cursCurs de formació realitzat en col·laboració amb l'Institut Tecnològic d'Informàtica (VOSTÈ)

Course Content

DescriptionEn 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).
I will be able to ...
  • 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.
Program
  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.

Inscription

Course typePropi, organitza COITCV / AVIT
RoomAula de formación del Instituto Tecnológico de Informática- VOSTÈ. Ciudad Politécnica de la Innovación, Edificio 8G, Cuarta Planta (También disponible opción ON-LINE)
ScheduleMartes y jueves. de 16:00 a 20:00h
Inscription start28/03/2022
Inscription end14/05/2022
Enrollment Process
  • Preu públic general: 288€ (IVA no inclòs)
  • Precio AVIT: descompte de l' 15% pel conveni signat entre la AVIT i l'ITI (aquest descompte no és aplicable en el curs quan estigui en "període de venda anticipada") consulta condicions.
——————————————————————————-
  • Si ets associat i / o col·legiat identifica't com a tal envia la "Inscripció de l'Col·legiat". Un cop rebuda la inscripció t'enviarem el "codi descompte" perquè puguis aplicar-lo en la inscripció i obtenir el descompte.
Si necessites més informació escriu a rrhh@coitcv.org amb el nom de el curs i la consulta. Más información aquí

Out of date, enrollment is not allowed

Desplaceu-vos a la part superior
Utilitzem cookies pròpies i de tercers per proporcionar una millor experiència i servei, segons els vostres hàbits de navegació. Si continueu navegant, considerem que accepteu el seu ús.