Buenas prácticas de desarrollo de aplicaciones front-end

Aprende a desarrollar aplicaciones front-end modernas, de calidad y que sean fáciles de mantener y evolucionar independientemente de la tecnología.

Descripción de curso

¿Por qué cuando trabajamos en aplicaciones backend tenemos muy interiorizados una serie de principios y buenas prácticas de desarrollo de software y cuando trabajamos en el frontend nos olvidamos de todo esto y sólo nos importa “hacer lo que sea pero que funcione” o elegir el último framework de Javascript?

En este curso os contaremos las bases y las buenas prácticas necesarias para construir aplicaciones frontend reactivas, agnósticas del framework que utilicemos (React, NextJS, Vue, Svelte, Angular, React Native, Lit elements) y lo más importante, aplicaciones en las que trabajar no sea un deporte de riesgo y que sean fáciles de mantener y evolucionar. 

Si vienes a este curso con el objetivo de profundizar únicamente en lo tecnológico y en aprender las características más novedosas del framework de turno, es mejor que te ahorres el dinero y busques en Udemy un curso mucho más barato y enfocado a ese propósito. Este curso no va de aprender solo tecnología, va de aprender a utilizar bien la tecnología.

Aprenderás sobre sistemas de diseño, ui-kits, vistas desacopladas, arquitectura hexagonal, estado local y global, gestión de errores, testing en frontend, cómo aislarnos del API y muchos conceptos más con el objetivo de que te ayude a trabajar de manera más productiva y sostenible en proyectos frontend que se complican a medida que avanza el tiempo y crecen.

Este curso es para ti si...

  • Eres una persona a la que en su día a día le toca desarrollar en el frontend y nunca se ha parado a profundizar en cómo hacer las cosas bien. El frontend siempre es lo último y cada vez que te metes con ello te sientes tirando líneas de código jugando al prueba y error.
  • Consideras que ya controlas un framework de desarrollo frontend, conoces sus características y sabes salir del paso pero no sabes cómo plantear una arquitectura sólida, fácil de mantener y sobre la que poder escalar sin morir en el intento.
  • No sabes cómo plantear una buena estrategia de testing adaptada a tu contexto concreto y a las necesidades de tu aplicación.
  • No solo te gusta programar y también te preocupa el impacto que tus decisiones tienen en el negocio.
  • En los cursos te gusta mancharte de barro y no quieres quedarte solo en aprender los conocimientos teóricos. Quieres poder poner en práctica en el propio curso lo aprendido y poder aplicarlo inmediatamente después en tu día a día.
// Información

_ Solo necesitas un ordenador con un entorno de desarrollo front-end configurado. El curso está preparado para que pueda realizarse independientemente del framework y lenguaje de programación que elija cada asistente.
_ Próximas fechas en abierto: semana del 13 de noviembre o semana del 20 de noviembre (días por determinar en función de las preferencias de los apuntados).
_ 15 horas / 3 días de 9h a 14h
_ Online
_ Español
_ 500 € + IVA por persona (bonificable por FUNDAE). Si te parece muy caro, te dejamos aquí una charla gratuita que tal vez te sea suficiente.

Contenidos

1.0 // Introducción a la web y a los diferentes enfoques de desarrollo.
2.0 // Exprimiendo ES6 y TypeScript: buenas prácticas y programación funcional.
3.0 // Introducción a los frameworks reactivos y patrones comunes:
- Flujo de datos.
- Componentes: fundamentos esenciales y organización.
- Reutilización de componentes y lógica de vista.
- Estado.
- Callbacks.
- Naming.
4.0 // Frameworks para la creación de aplicaciones frontend: Create React App, NextJS, Vue CLI, Vite, Svelte Kit, etc.
5.0 // Sistema de diseño y componentes:
- Sistema de diseño vs ui-kit.
- ITCSS y Atomic design.
- Diseño por componentes y ui-kit.  Estrategia de evolución.
- Storybook.
- Estilado de componentes..
6.0 // Convenciones, estándar de código y automatización: ESLint, Prettier, Git Hooks.
7.0 // Fetching de datos.
8.0 // Arquitectura para desarrollar aplicaciones frontend sólidas y mantenibles:
- Arquitectura de vistas desacopladas y componentes: manejo de estado, interacción vista/modelo. 
- Arquitectura hexagonal: separación del core de la aplicación de la infraestructura. 
- Estructura de carpetas.
9.0 // Testing: guideline (unitarios, integración y end-to-end) y herramientas.
10.0 // Gestión de estado: estado local, global, persistencia de datos locales en storage y URL.
11.0 // Sistemas de navegación.
12.0 // Manejo de errores.
13.0 // Gestión y validación avanzada de formularios.
14.0 // Gestión de traducciones.
15.0 // Monitorización y seguimiento de errores con herramientas como Sentry.
16.0 // Analítica.
17.0 // Optimización del rendimiento.
18.0 // Bibliotecas para facilitar la experiencia de desarrollo: lodash, day.js, moment.js, etc.
Usamos en nuestro día a día...

Prácticas XP // React // Vue // NextJS // React Native // Flutter // PHP // Java // Python