Habilidades profesionales
- Git
- Scrum
- Code Review
- Debugging
- Testing
- IA
- Comunicación técnica
- Deploy
Product BacklogSprint BacklogUser StoriesAcceptance CriteriaDefinition of DoneSprintPlanningDailyReviewRetrospectiveRefinement
RUTA 02 / Frontend Developer con React
Aprende durante dos meses. Demuéstralo durante el tercero.
Una formación frontend de 12 semanas diseñada para que aprendas, practiques y demuestres lo aprendido construyendo software real. Los dos primeros meses desarrollan fundamentos y React, y el tercer mes se centra en un proyecto integrador individual con mentoría, revisión de decisiones, Code Review y entrega profesional.
TU OBJETIVO AL TERMINAR
Un proyecto frontend funcional, desplegado, documentado y explicado con claridad.
Vista ilustrativa · el alcance se define durante el programa- Nivel
- Inicial → Junior
- Duración
- 12 semanas · 3 meses
- Modalidad
- Modalidad por confirmar
- Clases en vivo
- 48 h en vivo · 2 clases/semana · 2 h/clase
01 / TU PUNTO DE PARTIDA
¿Esta ruta es para ti?
- Personas con bases iniciales que quieren construir con React desde un enfoque profesional.
- Juniors que necesitan pasar de ejercicios a un proyecto completo y defendible.
- Autodidactas que buscan orden, revisión, feedback y experiencia real con Git y diseño técnico.
Lo que necesitas antes de empezar
- Manejo básico de una computadora, archivos y navegador.
- Conviene reconocer HTML, CSS y conceptos básicos de programación; empezamos con un repaso.
- Si nunca programaste, recomendamos la ruta Desde cero antes de este programa.
- Disponibilidad para practicar entre sesiones, con trabajo semanal y entregables.
Lo que aprenderás a hacer.
- Construir interfaces responsive y mantenibles con componentes reutilizables.
- Aplicar JavaScript moderno, manejo de errores, asincronía y consumo de APIs reales.
- Desarrollar con React usando props, state, eventos, hooks, formularios y validaciones.
- Tipar props, servicios y respuestas de APIs con TypeScript.
- Separar UI, hooks y servicios con responsabilidades claras.
- Trabajar con GitHub, ramas, Pull Requests, Code Review y testing básico.
- Participar en ceremonias Scrum y aplicar un flujo de trabajo profesional.
- Usar IA como copiloto sin reemplazar la comprensión del código entregado.
- Presentar, documentar y desplegar un proyecto con criterio técnico.
02 / HERRAMIENTAS CON PROPÓSITO
El stack de esta ruta.
03 / HABILIDADES PROFESIONALES
Las habilidades que necesitas para trabajar en equipo.
Además de tecnologías, aprenderás a colaborar, revisar código y comunicar decisiones como parte de un producto real.
Workflow con IA
1Pregunta
2Propuesta IA
3Revisión humana
4Testing
5Código aprobado
No copiar. Revisar, entender y mejorar.
- Cómo pedir ayuda correctamente
- Prompting técnico
- Generación de código
- Revisión de código generado
- Debugging con IA
- Generación de tests
- Documentación y explicación de código
- Refactoring asistido
- Investigación técnica
- No copiar. Revisar, entender y mejorar.
03 / CONSTRUYE
Aprenderás construyendo.
Ejemplos de lo que podrás construir. Son demostraciones de interfaces y entregables posibles; no son proyectos de alumnos.
PROYECTO / 01
Dashboard administrativo
Organiza información en un panel con tablas, filtros y estados. Una interfaz pensada para usarse en escritorio y móvil.
EntregableDashboard React con filtros y componentes reutilizables.
PROYECTO / 02
App conectada a una API
Consulta datos y resuelve la experiencia completa: carga, resultados vacíos, errores y formularios.
EntregableAplicación con integración REST y estados de interfaz verificables.
PROYECTO / 03
Tu proyecto profesional
Elige entre un CRM, SaaS, reservas, e-commerce, sistema administrativo o dashboard financiero. Acordaremos el alcance y las restricciones técnicas de frontend antes de construir.
EntregableAplicación integrada, desplegada y documentada. No incluye un backend propio dentro de la ruta frontend.
04 / EL PLAN
Un avance que puedes comprobar.
Cada módulo conecta lo que aprendes con algo que construyes, revisas y puedes explicar.
01Mes 1 / Semana 1Fundamentos web profesionales
Construyes la base semántica y visual de una interfaz profesional.
- HTML semántico
- Accesibilidad básica
- CSS
- Flexbox
- Grid
- Responsive
- DevTools
Tu entregableLanding responsive.
02Mes 1 / Semana 2JavaScript moderno I
Entiendes los bloques del lenguaje y su uso real en la interfaz.
- Variables
- Tipos
- Funciones
- Arrays
- Objetos
- Destructuring
- Spread / rest
- Módulos
Tu entregableLógica reutilizable con JavaScript moderno.
03Mes 1 / Semana 3JavaScript moderno II
Aprendes a consumir datos y manejar flujos asíncronos con criterio.
- Asincronía
- Promises
- async / await
- fetch
- Manejo de errores
- JSON
Tu entregableAplicación JavaScript consumiendo una API.
04Mes 1 / Semana 4Git + trabajo profesional
Practicas el flujo real de un equipo de desarrollo con ramas, revisión y entrega.
- Git
- GitHub
- Branches
- Commits
- Pull Requests
- Merge
- Conflictos
- Code Review
- Conventional Commits
- Ticket → Branch → Código → PR → Review → Merge
Tu entregableRepositorio con historial, ramas y Pull Requests documentados.
05Mes 2 / Semana 5React Fundamentals
Separas la UI en componentes y comienzas a controlar el estado.
- Componentes
- Props
- State
- Eventos
- Listas
- Render condicional
- Composición
Tu entregableDashboard o interfaz React con componentes reutilizables.
06Mes 2 / Semana 6React aplicado
Resuelves interacciones reales y reutilizas lógica con criterio.
- Hooks
- useEffect
- Formularios
- Validaciones
- Custom hooks
- Reutilización
Tu entregableFormulario validado con lógica reutilizable.
07Mes 2 / Semana 7APIs + arquitectura frontend
Conectas la interfaz con servicios y defines una estructura clara.
- HTTP
- REST
- Loading / error / success
- Services
- Separación de responsabilidades
- Manejo de errores
- Autenticación conceptual
Tu entregableAplicación con estados bien definidos y servicios separados.
08Mes 2 / Semana 8TypeScript + calidad
Haces explícitos los contratos y mejoras la mantenibilidad de tu código.
- Tipos
- Interfaces
- Props tipadas
- APIs tipadas
- Generics básicos
- Clean Code
- Debugging
- Testing básico
- Refactor
Tu entregableProyecto tipado y refactorizado con mejor calidad técnica.
09Mes 3 / Semana 9Asignación del proyecto integrador
Recibes un proyecto realista desde un banco de casos y defines el alcance.
- Asignación
- Análisis del problema
- Backlog
- Diseño técnico
- Arquitectura inicial
- Planificación semanal
Tu entregableBacklog y diseño técnico del proyecto asignado.
10Mes 3 / Semana 10Desarrollo del proyecto I
Construyes la base funcional del producto con revisión y iteración.
- Implementación incremental
- Componentes clave
- Estados de la aplicación
- Validaciones
- PRs
- Revisión técnica
Tu entregablePrimera versión funcional del proyecto integrador.
11Mes 3 / Semana 11Desarrollo del proyecto II
Refinas la experiencia, resuelves bugs y validas la calidad del entregable.
- Code Review
- Testing
- Debugging
- Manejo de errores
- Optimización
- Documentación
Tu entregableVersión casi final con flujo de trabajo profesional.
12Mes 3 / Semana 12Deploy, presentación y defensa
Preparas la entrega final, la demostración y la explicación técnica.
- Deploy
- README
- Explicación técnica
- GitHub
- Presentación
- Defensa del proyecto
Tu entregableProyecto desplegado, explicado y listo para presentar en entrevista.
05 / FLUJO PROFESIONAL
Así se trabaja aquí.
No solo aprenderás código. Aprenderás a trabajar como desarrollador. Reproduciremos parte del flujo de un equipo y adaptaremos la práctica al objetivo de esta ruta.
- 01Asignación
- 02Análisis
- 03Backlog
- 04Diseño técnico
- 05Desarrollo
- 06Pull Requests
- 07Code Review
- 08Testing
- 09Deploy
- 10Presentación
Práctica, revisión e iteración.
- Sesiones de explicación, práctica y resolución de dudas.
- Práctica con un entregable y criterios claros en cada módulo.
- Revisión del código y feedback para iterar sobre lo construido.
- Repositorios Git, buenas prácticas y documentación de las decisiones.
06 / TU GITHUB AL TERMINAR
Tu objetivo no es terminar un curso. Es tener algo que mostrar.
Un proyecto frontend funcional, desplegado, documentado y explicado con claridad.
- Repositorio con ramas, commits y Pull Requests de trabajo real
- README con instalación, decisiones técnicas y alcance del proyecto
- Proyecto desplegado y funcional
- Historial de feedback y revisión de código
- Explicación técnica clara para entrevistas y portfolio
tu-github / frontend-capstone-project
Code Pull Requests
main Historial de aprendizaje
src/Responsabilidades claras
docs/Responsabilidades claras
README.mdCómo ejecutar y entender el proyecto
Mi proyecto, explicado.
Problema → solución → decisiones → cómo ejecutarlo.
Enlace a la demo, cuando correspondaRepresentación ilustrativa del repositorio objetivo.
TAMBIÉN ES PARTE DEL TRABAJO
Aprende la parte que normalmente nadie explica.
No basta con que el proyecto funcione. Debes ser capaz de explicar por qué lo construiste así.
- Explicar decisiones técnicas y sus alternativas
- Presentar un proyecto y recorrer su GitHub
- Resolver dudas de arquitectura, debugging y testing
- Responder preguntas de React y APIs
- Simular una entrevista con mayor confianza y criterio
La academia ofrece preparación técnica y acompañamiento, pero no garantiza contratación.
CONTENIDO + ACOMPAÑAMIENTO
¿Por qué no simplemente aprender con YouTube?
El contenido existe. Lo difícil es saber qué aprender, en qué orden y si realmente lo estás aplicando correctamente.
Los recursos autodidactas son valiosos y seguirán siendo parte de tu aprendizaje. Academy añade un recorrido con práctica y feedback.
Contenido autodidacta
- Teoría a tu ritmo
- Tutoriales y ejemplos
- Documentación abierta
- Ejercicios para practicar
Academy
- Ruta y orden de aprendizaje
- Proyectos con revisión y feedback
- Git, Pull Requests y Code Review
- Arquitectura aplicada y preparación laboral
Ysacc RoncalSENIOR DEVELOPER · TECH LEAD · INSTRUCTOR+7 años desarrollando software
04 — TU INSTRUCTOR
Experiencia real.
Feedback directo.
Soy Ysacc Roncal, Senior Front-End Developer / Full Stack Engineer. Comparto lo que he aprendido construyendo software y acompañando a otros desarrolladores.
7+años desarrollando software
2+años en arquitectura y liderazgo técnico
- Technical Lead y Front-End Architect.
- React, Next.js, TypeScript, Node.js, AWS y CI/CD.
- APIs, microservicios y arquitectura de software.
- Proyectos en banca, salud, educación y retail.
- Experiencia capacitando a desarrolladores junior y semisenior.
08 / ANTES DE EMPEZAR
Preguntas claras.
Respuestas honestas.
Las condiciones pendientes se confirmarán antes de tu inscripción.
¿Necesito experiencia?
No necesitas experiencia profesional, pero sí una base inicial en programación y mucha disposición para practicar. Si aún tienes dudas, la ruta Desde cero te ayuda a preparar el punto de partida antes de este programa.
¿Puedo usar inteligencia artificial durante el curso?
Sí. Aprenderás a utilizar IA como herramienta profesional. Todo código asistido deberá ser entendido, revisado y explicable para que puedas modificarlo, defenderlo y mejorarlo.
¿Qué sucede durante el último mes de Frontend?
Se asignará un proyecto integrador individual para aplicar lo aprendido con acompañamiento, revisión de decisiones, Code Review y feedback técnico. El objetivo es simular un trabajo profesional sin quitarte la responsabilidad de resolverlo.
¿El proyecto es individual?
Sí. El proyecto integrador de Frontend es individual. La finalidad es que puedas demostrar tu capacidad para analizar, desarrollar, revisar, desplegar y defender una solución completa.
¿Aprenderé Scrum?
Sí. Se enseñarán las ceremonias y conceptos necesarios para desenvolverte dentro de un equipo de desarrollo: backlog, sprint, planning, daily, review y retrospective, siempre en un contexto práctico y accesible.
¿Qué equipo necesito?
Una computadora donde puedas instalar un editor de código, Git y un navegador actualizado. Para las sesiones remotas necesitarás conexión estable a internet y audio. Revisaremos los requisitos específicos antes de empezar.
¿Las sesiones son en vivo?
La propuesta combina sesiones en vivo, práctica y revisión. La modalidad es remota en vivo. Los horarios definitivos se confirmarán antes de la inscripción.
¿Qué pasa si falto?
La política de recuperación y el material disponible se confirmarán antes de inscribirte. Consúltanos si tienes restricciones de horario.
¿Se graban las sesiones?
La disponibilidad de grabaciones todavía está por definir. No la consideres incluida hasta recibir la confirmación del programa.
¿Necesito inglés?
No necesitas hablar inglés con fluidez. Sí encontrarás documentación y términos técnicos en inglés; trabajaremos en entenderlos dentro de su contexto.
¿Entregan certificado?
La emisión y las condiciones de un certificado aún no están definidas. El foco está en tu aprendizaje y en las evidencias de trabajo que puedas presentar.
¿Puedo pagar en cuotas?
Precios, medios de pago y cuotas se comunicarán cuando estén definidos. Puedes consultar sin asumir un compromiso de inscripción.
¿Garantizan empleo?
La academia ofrece preparación técnica y acompañamiento, pero no garantiza contratación. Los procesos de selección dependen de cada empresa y de tu experiencia.
INVERSIÓN EN TU FORMACIÓN
Precios y formas de pago
Frontend Developer con React · 12 semanas · 3 meses · 48 h en vivo · Modalidad por confirmar
2 clases por semana · 2 horas por sesión.
- Fundadores
- S/ 499Precio de lanzamiento / cupos limitados.
- Regular
- S/ 649Pago único.
- Cuotas
- S/ 6903 x S/ 230
- Premium
- S/ 899Consulta el alcance del acompañamiento Premium.
Reserva: S/ 50. Se descuenta del precio final.
Cohorte A: lunes y miércoles.
Cohorte B: martes y jueves.
Horario se confirma al abrir cohorte. Consulta disponibilidad antes de reservar.
TU SIGUIENTE PASO
Construye tu próxima etapa.
Frontend Developer con React · 12 semanas · 3 meses
Consulta disponibilidad, formato y condiciones. Las fechas y horarios se confirman antes de inscribirte.
Te orientaremos según tu experiencia. Consultar no confirma una matrícula.