Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
iconoCurso

Curso completo de Buenas prácticas y Testing en React con TypeScript

DISPONIBLE EN MODALIDAD:
En este curso de Buenas prácticas y Testing en React con TypeScript desarrollarás tus habilidades en la creación de aplicaciones React con Typescript para obtener soluciones mantenibles, robustas, extensibles y bajo procesos automatizados.
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Formación en Buenas prácticas y Testing en React con TypeScript bonificable para empresas

¿A quién va dirigido?

- Desarrolladores web con experiencia en React con Typescript que quieran ampliar sus conocimientos en las áreas de diseño y automatización CI/CD

Objetivos

  • Crear proyectos React con Typescript con diseños robustos, seguros, mantenibles y extensibles.
  • Elaborar procesos de automatización CI/CD.
  • Elaborar y automatizar pruebas unitarias, de integración y funcionales.

¿Qué vas a aprender?

En este curso de Buenas prácticas y Testing en React con TypeScript desarrollarás tus habilidades en la creación de aplicaciones React con Typescript para obtener soluciones mantenibles, robustas, extensibles y bajo procesos automatizados.

Requisitos

  • Tener experiencia en desarrollo y despliegue de aplicaciones React con Typescript
  • Tener conocimientos avanzados de TypeScript
  • Disponer de una cuenta de Bitbucket con acceso a PipeLines
  • Disponer de un equipo con acceso a un usuario con permisos de instalación
  • Tener NodeJS y NPM instalados en su última versión
  • Tener Visual Studio Code instalado antes de la formación

Temario del curso

tema 1

Introducción a las buenas prácticas en React

  • ¿Qué entendemos por buenas prácticas?
  • Desventajas de tener prouectos mal organizados y sin pruebas automatizadas
  • Introducción al curso
tema 2

Código Limpio

  • ¿Qué entendemos por código limpio?
  • ¿Qué es el Code Smell?
  • Nombrado
  • Funciones
  • Formato del código
  • Comentarios y documentación
  • Objetos y otras estructuras
  • Organización de las clases
  • Diseños emergentes
  • Sistemas y separación de conceptos
  • Refactorización
  • Gestión de la concurrencia y asincronía
  • Herramientas para detectar code smell
tema 3

Documentación

  • ¿Qué entendemos como documentación?
  • Perjuicios por tener poca y mala documentación
  • ¿Qué herramientas se usan para documentar en React?
  • Recomendaciones y buenas prácticas
tema 4

Linting

  • ¿Qué es el linting?
  • Configuración de linting desde cero en un proyecto React
  • Análisis del archivo de configuración
  • Creación de reglas
  • Habilitando y deshabilitando reglas
  • Extendiendo reglas públicas
  • Recomendaciones y buenas prácticas
tema 5

Arquitectura

  • ¿Existen diferencias entre arquitectura y diseño?
  • Principios SOLID
  • ¿Existe alguna arquitectura mejor que otra para aplicaciones React?
  • Cómo organizar componentes en React
  • Introducción al concepto de monorepo
  • Recomendaciones y buenas prácticas
tema 6

Testing Unitario y de Integración

  • Introducción al testing unitario
  • Entendiendo correctamente el concepto de unitario y SUT
  • ¿Qué es el testing de integración?
  • Metodología Test Driven Development (TDD)
  • Introducción a Jest
  • Testing de componentes
  • Ejecución de tests
  • Recomendación y buenas prácticas
tema 7

Testing e2e

  • Introducción al testing e2e
  • Metodología BDD
  • Sintaxis Gherkin
  • Features, Historias de usuario y escenarios
  • Implementación de escenarios
  • Introducción a Selenium IDE
  • Introducción a Selenium, su webdriver y Selenium Grid
  • ¿Qué son los Browser Drivers y cómo los instalo?
  • Introducción a Cypress
  • Selenium vs Cypress
  • Creación de pruebas e2e con Selenium y Selenium Grid
  • Configuraciones
  • Informes Selenium
  • Creación de pruebas e2e con Cypress
  • Configuraciones
  • Debate sobre la mejor opción en la actualidad
tema 8

Introducción a CI/CD

  • ¿Qué es CI/CD?
  • ¿Dónde se integra el proceso CI/CD dentro de DevOps?
  • Ventajas de implementar CI/CD en un proyecto React
  • Herramientas actuales para implementar CI/CD
tema 9

Automatización CI

  • Automatización de builds y ejecución de pruebas en aplicaciones React
  • Imágenes y configuraciones imprescindibles
  • Automatizaciones con Gitlab CI
  • Automatizaciones con Github Actions
  • Automatizaciones con Bitbucket PipeLines
  • Automatizaciones con Jenkins
tema 10

Automatización CD

  • Automatización de despliegues en aplicaciones React
  • Despliegues Web en hostings de Firebase, Heroku y Netlify
  • Automatizaciones con Gitlab CI
  • Automatizaciones con Github Actions
  • Automatizaciones con Bitbucket PipeLines
  • Automatizaciones con Jenkins

Curso de Buenas prácticas y Testing en React con TypeScript bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

 

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient