Envíanos tu consulta
Términos y condiciones *
logoImagina
iconoCurso

Curso 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
Aprende Buenas prácticas y Testing en React con TypeScript: Curso completo
¿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 1Introducció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 2Có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 3Documentació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 4Linting
  • ¿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 5Arquitectura
  • ¿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 6Testing 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 7Testing 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 8Introducció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 9Automatizació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 10Automatizació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

Formación Bonificada 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