preloader

Arquitectura Frontend



Información

🧑🧔 Entre 6 y 10 personas

🕜 16 horas (4 bloques de 4 horas)

🎁 Un curso gratis en nuestro campus

📊 80% práctica - 20% teoría

📍 Remoto o Presencial

👷‍♂️👷‍♀️ Día completo de trabajo con el equipo para aplicar en proyecto real

¡Suena bien!
💡 Curso para empresas 👉 Si estas buscando cursos individuales puedes ir a nuestro campus

Descripción

En el mundo en el que hoy vivimos, donde necesitamos entregar funcionalidades rápidamente y con mucho valor para el usuario, es imprescindible tener una arquitectura que nos ayude a entregar valor rápidamente y con seguridad, sobre todo, que nos permita extender día a día nuestra funcionalidad reduciendo la tasa de errores.

En este curso proponemos construir una arquitectura en React aplicando Clean Architecture y Hexagonal Architecture aplicando el siguiente temario 👇


Bloque 1


  • Fundamentos de arquitectura
  • Arquitectura en capas
  • Qué ventajas tenemos al dividir en capas
  • Evolución
  • Desacoplamiento
  • Testeabilidad
  • Clean architecture
  • Ejercicios

Bloque 2


  • Clean architecture en frontend
  • Porqué debemos alejarnos de los frameworks / librerías
  • Pensando en el dominio
  • Testeabilidad
  • Ejercicios

Bloque 3


  • Eventos de dominio
  • Inyectando dependencias
  • Reactividad desde nuestro dominio
  • Ejercicios

Bloque 4


  • Y si pensamos en alto nivel
  • Definiendo componentes de arquitectura genéricos
  • Cambiando implementaciones por plataforma / url / en tiempo de ejecución
  • Ejercicio eventos de dominio

En este curso se utiliza React como librería de UI, pero podemos adaptar el curso a otra tecnología frontend

Contenido resumido


  • Componentes state less && state full
  • Inyección de dependencias
  • Abstracción & Implementación
  • Inversión de dependencias
  • Conceptos de DDD (Entities, Value object, Domain services)
  • Patrones de diseño de GOF (solo los relevantes para este curso)
  • Cambio de funcionalidad por configuración
  • Global state
  • MVVM (Model-View-ViewModel)
  • Custom hooks
  • Comportamiento genérico
  • Recursos, Permisos
  • Componentes dinámicos
  • Unit tests
  • Integration tests para las diferentes capas

Valor del curso


  • Aprender a construir arquitecturas sostenibles con React
  • Diseñar componentes reutilizables
  • Mono repositorio
  • Buenas prácticas de desarrollo front
  • Test de los componentes de react

Metodología


La parte más difícil de un curso es poner en práctica lo aprendido, por eso en este curso los asistentes pasan la mayor parte del tiempo programando, dedicaremos un 80% de práctica y un 20% de teoría.

El curso esta dividido en módulos y cada módulo consta de parte teórica y parte práctica.

La parte práctica se organiza trabajando en pareja, donde se fomenta un entorno comunicativo mediante ejercicios cortos. Haremos diferentes katas de programación para que los asistentes puedan practicar cada concepto que vamos aprendiendo.

Trabajaremos con mob programming

Requisitos


Este es un curso para personas con un mínimo de conocimientos de programación en Javascript y conceptos de Frontend.

También te dejamos por aquí un post que hemos escrito acerca de las novedades de la nueva versión de React


Contactanos

Si estas interesado en este curso, completa el siguiente formulario y nos pondremos en contacto contigo.

Scouts letter


Este es nuestra newsletter, nuestro boletín informativo para que estes al tanto de todos los eventos que realizamos en la comunidad.