programa
Frontend Dev Bootcamp — Junior Ready
Programa intensivo completo: código, mentalidad y búsqueda de trabajo
Sem 1
HTML, CSS moderno + JavaScript esencial
Semántica HTML, Flexbox, Grid, responsive design. Variables, funciones, arrays, objetos, eventos DOM, ES6+: arrow functions, destructuring, async/await.
CSSHTMLJSES6+
Proyecto: Landing page responsive + to-do list interactiva
Sem 2
Mindset de desarrollador + Git & GitHub
Síndrome del impostor, cómo aprender a aprender, leer documentación. Git: commits, ramas, pull requests, GitHub Pages.
MindsetGit
Proyecto: Portfolio inicial subido a GitHub Pages
Sem 3
TypeScript desde cero
Tipos básicos, interfaces, genéricos, enums, type vs interface. Refactor de proyectos JS a TS.
TypeScript
Ejercicios: Refactor completo de proyectos anteriores a TS
Sem 4
React: fundamentos + hooks
JSX, componentes funcionales, props, useState, useEffect, listas y keys. useContext, useReducer, custom hooks, useMemo, useCallback.
ReactTypeScriptHooks
Proyecto: App de clima + carrito de compras con Context API
Sem 5
React Router + estructura de proyectos
React Router v6, rutas anidadas y protegidas, lazy loading, organización de carpetas, buenas prácticas de arquitectura.
ReactRouter
Proyecto: App multi-página con navegación completa
Sem 6
Estado global: Zustand / Redux Toolkit
Cuándo usar estado global, Zustand para proyectos pequeños/medianos, Redux Toolkit para enterprise, devtools.
ReactTypeScriptEstado
Proyecto: App de notas con Zustand
Sem 7
APIs REST + estilos modernos
fetch, Axios, React Query, manejo de loading/error/success, JWT. Tailwind CSS, shadcn/ui, Radix UI, accesibilidad básica (a11y).
APIsTailwindshadcna11y
Proyecto: App con login real + datos de API pública + Tailwind
Sem 8
Testing: Vitest + React Testing Library
Unit tests, integration tests, qué y cuánto testear, mocking de APIs, testing de componentes, CI básico con GitHub Actions.
TestingCI/CD
Ejercicio: Agregar tests a proyectos existentes
Sem 9
Next.js + despliegue en producción
App Router de Next.js 14, SSR vs SSG vs CSR, Server Components, SEO, deploy en Vercel, optimización de performance.
Next.jsVercel
Proyecto: App full con Next.js deployada en Vercel
Sem 10
Proyecto final — planificación y construcción
Proyecto completo desde cero: idea, diseño básico en Figma, desarrollo, tests, deploy. Tema libre con criterios de calidad real.
ReactTypeScriptAPIsTests
Entregable: Repo con README profesional + app deployed
Sem 11
Proyecto final — pulido y presentación
Code review entre pares, refactors, mejora de performance, documentación, añadir al portfolio. Demo final de 10 min.
ReviewGit
Entregable: Presentación demo de 10 min del proyecto
Sem 12
CV, portfolio, LinkedIn + entrevistas técnicas
CV que pase el ATS, LinkedIn para developers, GitHub profile README, cover letter. Preguntas frecuentes React/TS/JS, live coding, mock interviews, negociación de sueldo.
EmpleoEntrevistasMarca personalAlgoritmos
Entregables: CV + LinkedIn + portfolio + 3 mock interviews grabadas
Mindset a lo largo del programa
Síndrome del impostor
Dar y recibir feedback
Gestión del tiempo
Aprender a aprender
Pair programming
Comunicación técnica
Resiliencia ante bugs
Networking