Developer contra las cuerdas
Creando un proyecto web junto a un Tech Lead
Te contamos cómo se gestionan los proyectos de desarrollo de software reales (también con meteduras de pata, discusiones y quejas, como en el mundo real)
Esto es lo que encontrarás
Revisión de código
Historias de usuario
Herramientas de desarrollo modernas
Dominio y arquitectura de software
Planificación y gestión de tareas
Testing y código de calidad
Despliegues automatizados
Mejora continua con IA
Entretenido y con picardía
Qué te llevas
- 1. Más de 6 horas de contenido en formato vídeo y audio
- 2. Todo el código y configuraciones
- 3. Extensiones de VSC recomendadas
- 4. Disponible online 24/7
- 5. Una experiencia única
A quién va dirigido
Estudiantes de FP y Bootcamp
Adquiere experiencia práctica en el desarrollo de proyectos web reales guiado por expertos de la industria.
Developers Junior
Aprende a desarrollar proyectos completos desde la planificación hasta el despliegue con las prácticas que utilizan en las mejores empresas.
Developers Senior
Refuerza tu liderazgo técnico, optimiza la calidad del código y automatiza procesos de desarrollo y despliegue.
Freelancers
Domina herramientas modernas y técnicas avanzadas para ofrecer soluciones profesionales a tus clientes.
El proyecto
PlanParty es una webapp donde los usuarios pueden organizar quién lleva las cosas a una fiesta.
Si os vais a juntar en casa de María y Nacho y cada uno llevará algo, ¿cómo ponerse de acuerdo para que no vayan todos con la empanada?
Desarrollamos la webapp centrándonos en la parte de frontend con React, que es la que consideramos más interesante y universal.
El contenido de las sesiones
Sesión 1: Puesta en marcha y herramientas
Duración: 50:49
Temas clave:
- Roles de los protagonistas
- Descripción del proyecto
- Por qué usamos React y Tailwind CSS
- La relevancia de la gestión de estados con TanStack Query y Zustand
Sesión 2: Definiendo el dominio y planificando tareas
Duración: 58:12
Temas clave:
- Definición del dominio en proyectos web
- Planificación de historias de usuario y refinamiento
- Configuración inicial de proyectos con React y Tailwind
- Estrategias de commits y ramas en Git
Sesión 3: Revisión de código y estructura del proyecto
Duración: 1:28:25
Temas clave:
- Revisión de código
- Arquitectura limpia
- Automatización de flujos de trabajo
Sesión 4: La importancia del testing en proyectos front-end
Duración: 1:35:17
Temas clave:
- Configuración de Vitest para testing
- Desarrollo de los tests
- Técnicas de mocking para aislar funciones
- La relevancia del code coverage
Sesión 5: Estrategias para asegurar código limpio y desplegar con confianza
Duración: 1:16:11
Temas clave:
- Uso de GitFlow para gestionar ramas
- Integración de Husky para asegurar calidad de código
- Configuración de GitHub Actions para validación automática
- Buenas prácticas para la revisión de código
Sesión 6: Desarrollo y despliegue
Duración: 1:07:46
Temas clave:
- Implementación de estándares de calidad en el código
- Automatización del despliegue con GitHub Actions y Vercel
- Estrategias para la gestión de variables de entorno
- Planificación y gestión de tareas en un proyecto de desarrollo
Los protagonistas
José Manuel Gómez
Rol: Tech Lead
Es Senior Full Stack Developer y actualmente trabaja en la división tecnológica de una industria textil de fama internacional.
Lleva años peleándose con la programación en web, desde el backend hasta el frontend. Actualmente centrado en aplicaciones de alto rendimiento basadas en React y Next.
No tiene problema en sacar “el látigo” y poner firme a su colega en este proyecto.
Daniel Primo
Rol: Developer
Programador Freelance desde hace 20 años, especializado en tecnologías basadas en PHP y JavaScript.
Aunque ahora es CEO en pantuflas de Web Reactiva no ha abandonado su eterna curiosidad por seguir aprendiendo sobre desarrollo de software.
Pondrá en problemas a su tech lead intentado colar gazapos y malas prácticas en el código.
Stack tecnológico
- React - Librería de JavaScript para construir interfaces de usuario interactivas y reactivas.
- Node.js - Entorno de ejecución de JavaScript en el servidor que permite usar bibliotecas y herramientas en el desarrollo.
- TypeScript - Superset de JavaScript que añade tipado estático para mejorar la calidad del código.
- Visual Studio Code - El editor de código con una colección amplia de extensiones recomendadas.
- Tailwind CSS - Framework de CSS que permite diseñar rápidamente utilizando clases de utilidad predefinidas.
- TanStack Query - Herramienta para la gestión de estados asincrónicos y caché en aplicaciones React.
- Zustand - Biblioteca para la gestión de estados en aplicaciones React, simple y ligera.
- Zod - Librería de validación de esquemas de datos para asegurar que las entradas cumplen con las expectativas del sistema.
- GitHub - Plataforma de control de versiones y colaboración para gestionar el código y las tareas del proyecto.
- Supabase - Backend as a Service (BaaS) que facilita la gestión de bases de datos y autenticación.
- Vitest - Framework de testing rápido y ligero para ejecutar tests unitarios y de integración en proyectos front-end.
- React Testing Library - Herramienta para realizar pruebas de componentes React de una manera que simula la interacción del usuario.
- GitFlow - Estrategia de ramificación para gestionar el flujo de trabajo en proyectos colaborativos.
- Husky - Herramienta para añadir ganchos (hooks) a Git y automatizar tareas como linting y testing antes de hacer un commit o push.
- ESLint - Linter de JavaScript que ayuda a encontrar y solucionar problemas en el código.
- Prettier - Formateador de código que asegura un estilo consistente en todo el proyecto.
- Copilot - Asistente de código impulsado por IA que ayuda a escribir y generar código de manera más eficiente.
- GitHub Actions - Herramienta de automatización que permite ejecutar flujos de trabajo de CI/CD directamente en GitHub.
- Vercel - Plataforma para el despliegue rápido de aplicaciones web con integración continua y entornos de producción y desarrollo.
Qué te llevas
- 1. Más de 6 horas de contenido en formato vídeo y audio
- 2. Todo el código y configuraciones
- 3. Extensiones de VSC recomendadas
- 4. Disponible online 24/7
- 5. Una experiencia única
Lo que dicen los que lo han visto
Ramón
Senior Developer
Camilo
DevOps y programador
María
Junior Developer
Miguel
Scripting analyst
Sergio
Junior Web Developer
Luis
Junior Web Developer