$ devBelts
Level 03 — 18 Guías

Green Belt

Aplicaciones Fullstack

2026-05-19

Paradigmas: programación funcional vs orientada a objetos

Entiende los dos paradigmas dominantes de programación, sus fortalezas, debilidades y cuándo usar cada uno.

paradigmas funcional oop diseño fundamentos
2026-05-19

React desde cero: componentes, props y estado

La librería de UI más popular del mundo: crea interfaces dinámicas con componentes reutilizables, props y estado local.

react frontend componentes javascript ui
2026-05-19

Hooks esenciales y manejo del ciclo de vida

Domina useEffect, useContext, useReducer, useMemo y useCallback para manejar efectos secundarios, estado global y performance en React.

react hooks ciclo-vida performance estado
2026-05-19

Enrutamiento con TanStack Router

Navegación SPA con enrutamiento type-safe: rutas dinámicas, layouts, guards de autenticación y carga de datos.

routing tanstack react spa typescript
2026-05-19

shadcn/ui: construyendo interfaces profesionales

Componentes UI accesibles, personalizables y que posees — no una librería, sino código que copias a tu proyecto.

shadcn ui componentes accesibilidad tailwind
2026-05-19

Integración Frontend–Backend con TanStack Query

Fetching, caching, mutations y sincronización automática de datos entre tu frontend React y tu API backend.

tanstack-query react-query fetching cache data-sync
2026-05-19

Cómo guardar información sensible: hashing vs encriptación

La diferencia entre hashing y encriptación, cuándo usar cada uno, y cómo proteger contraseñas y datos sensibles de tus usuarios.

seguridad hashing encriptacion criptografia backend
2026-05-19

Autenticación y sesiones: JWT y cookies

Cómo mantener sesiones de usuario: JWT stateless vs cookies con sesión, pros, contras y cuándo usar cada enfoque.

autenticacion jwt sesiones cookies seguridad
2026-05-19

ORMs con Prisma: tu base de datos en TypeScript

Type-safe database queries sin escribir SQL a mano: modelos, migraciones, relaciones y queries complejas con Prisma ORM.

prisma orm typescript database postgresql
2026-05-19

Arquitectura cliente–servidor en la práctica

Cómo se comunican realmente frontend y backend: request/response, CORS, WebSockets, y patrones de comunicación modernos.

arquitectura cliente-servidor http websockets api
2026-05-19

Arquitectura monolítica: cuándo y cómo

Un solo deploy para todo tu stack: frontend, backend y base de datos juntos. Simple, efectivo y subestimado.

monolito arquitectura deployment backend frontend
2026-05-19

Patrones N-Layer y Repository

Organiza tu backend en capas claras: presentación, servicio y repositorio. Código mantenible, testeable y escalable.

patrones n-layer repository arquitectura backend
2026-05-19

Astro: sitios rápidos con JavaScript mínimo

El framework para sitios de contenido: HTML puro al cliente, JavaScript solo donde lo necesitas.

astro frontend ssr performance static
2026-05-19

Dockerización de una app fullstack

Contenedores para frontend, backend y base de datos: docker-compose multi-stage para producción.

docker fullstack deployment compose produccion
2026-05-19

Testing: unitario, integración y E2E

Asegura que tu código funciona con tests unitarios, de integración y end-to-end usando Vitest y Playwright.

testing vitest playwright unitario e2e
2026-05-19

Metodologías ágiles: Agile, Scrum y XP en la práctica

Cómo organizar trabajo en equipo: sprints, backlog, retrospectivas y entrega continua de valor.

agile scrum xp metodologias equipo
2026-05-19

CI/CD: integración y despliegue continuo

Automatiza tests, builds y deploys con GitHub Actions: cada push a main deploya automáticamente.

ci-cd github-actions automatizacion deployment devops
2026-05-19

Harness Engineering, Skills y MCPs: IA integrada al desarrollo

El futuro del desarrollo: agentes de IA que leen tu código, ejecutan comandos y usan herramientas externas via MCP.

ia harness skills mcp agentes automatizacion