ysacc roncalACADEMYHablemos
Menú

CAMPUS ACADEMY

Prepara tu entorno. Practica. Construye. Mejora.

Guías, herramientas, tareas y recursos para acompañarte antes y durante el programa.

Ver primeros pasos Explorar programas

01 / PRIMEROS PASOS

Llega a clase listo para construir.

01

Preparar PC

02

Instalar VS Code

03

Instalar Git

04

Crear GitHub

05

Instalar Node.js

06

Configurar terminal

07

Crear LinkedIn

08

Entrar a Discord

09

Completar primera práctica

02 / PREPARA TU COMPUTADORA

Configuración mínima para las clases

Windows inicialmente. Mantén tu entorno limpio para que puedas concentrarte en aprender y practicar.

  • Windows actualizado.
  • Navegador Chrome o Edge.
  • VS Code.
  • Git.
  • Node.js LTS actual.
  • npm.
  • Cuenta de GitHub.
  • Postman.
  • Terminal PowerShell o Windows Terminal.

Full Stack: Docker Desktop y PostgreSQL opcional/local cuando se requiera.

03 / HERRAMIENTAS

Tu entorno de trabajo

  • Editor principal: VS Code.
  • Control de versiones: Git + GitHub.
  • Entorno JavaScript: Node.js + npm.
  • Testing y consumo de APIs: Postman.
  • Terminal: PowerShell / Windows Terminal.
  • Contenedores: Docker para Full Stack.

04 / MANUALES

Guías rápidas para ponerte en marcha.

Primeros pasos

Instalar VS Code

Configura tu editor principal para trabajar con archivos, terminal y extensiones.

todos · 10 minVer guía Herramientas

Instalar Git

Prepárate para versionar tu código y trabajar con ramas y pull requests.

todos · 12 minVer guía Herramientas

Instalar Node.js

Necesario para ejecutar JavaScript, instalar paquetes y trabajar en proyectos reales.

todos · 15 minVer guía GitHub

Configurar GitHub

Crea tu presencia profesional y comparte tus proyectos con claridad.

todos · 15 minVer guía GitHub

Configurar Git

Deja tu entorno listo para colaborar con ramas, commits y pull requests.

todos · 10 minVer guía GitHub

Primer repositorio

Crea tu primera estructura de proyecto y deja un historial limpio.

inicial · 20 minVer guía GitHub

Crear Pull Request

Aprende a revisar, comparar e integrar cambios con una propuesta clara.

frontend · 15 minVer guía Herramientas

Instalar Postman

Usa una herramienta para probar APIs, entender endpoints y validar flujos reales.

frontend · 10 minVer guía Herramientas

Instalar Docker

Necesario en Full Stack para ejecutar servicios locales y reproducir entornos reales.

full-stack · 20 minVer guía

05 / GITHUB

Tu GitHub también es parte del aprendizaje.

Crear cuenta, usar nombre profesional, foto, bio, repositorios, README, commits y proyectos pineados.

  • Cuenta activa con nombre profesional.
  • Foto y bio con tu foco de estudio.
  • Repositorios limpios y documentados.
  • Commits con mensajes claros.
  • Proyectos reales y README útiles.

GitHub listo para trabajar.

06 / LINKEDIN

Empieza a construir tu presencia profesional desde el día 1.

La presencia profesional empieza con claridad, no con inventar experiencia laboral.

  • Foto y headline.
  • Ubicación y about.
  • Estudios y habilidades.
  • GitHub y portfolio.
  • Proyectos identificados como académicos.

Los proyectos académicos deben identificarse como proyectos, no como experiencia laboral.

07 / IA COMO COPILOTO

IA como copiloto.

Usa la IA para investigar, pedir explicación, debugging, tests y comparación de soluciones.

01Cómo preguntar
02Dar contexto
03Pedir explicación
04Pedir debugging
05Pedir tests
06Revisar código

Regla: No entregues código que no puedas explicar.

  • No compartir tokens ni passwords.
  • No subir código privado sin autorización.
  • Validar respuestas y revisar seguridad.
  • Usar la IA para acelerar, no para sustituir comprensión.

08 / RETOS Y PRÁCTICAS

Retos semanales.

inicial

Landing responsive

Diseña una página simple con estructura semántica y adaptación móvil.

HTMLCSSResponsive
Abrir reto
intermedio

Todo app con estado

Crea una lista de tareas con filtros y estados de interacción.

JavaScriptReact
Abrir reto
intermedio

Dashboard con API

Consume datos reales o mockeados y organiza estados de carga, error y éxito.

ReactTypeScriptAPI
Abrir reto
inicial

Flujo de Git y PR

Practica ramas, commits, resolución de conflicto y pull requests en un caso simple.

GitGitHub
Tarea interna del programa

09 / COMUNIDAD

Tu comunidad continúa fuera de clase.

Cada cohorte contará con canales específicos para dudas, recursos, trabajo en equipo y code pairing.

  • #anuncios
  • #cohorte-a
  • #cohorte-b
  • #dudas-frontend
  • #dudas-backend
  • #retos
  • #github-portfolio
  • #linkedin
  • #ia
  • #proyectos

El invite de Discord se configurará cuando el canal esté listo.

10 / RECURSOS POR PROGRAMA

Material orientado a tu ruta.

Primeros pasos
  • Preparar PC
  • Instalar herramientas
  • Crear cuenta
  • Organizar tu flujo
GitHub
  • Perfil profesional
  • README
  • Repositorios
  • Commits y PR
LinkedIn
  • Foto
  • Headline
  • Acerca de
  • Proyectos y GitHub
IA
  • Contexto
  • Explicación
  • Debugging
  • Validación

11 / RECURSOS EXTERNOS

Prácticas externas

documentationMDN Web Docs

Referencia segura para HTML, CSS y JavaScript.

Abrir recurso documentationReact Docs

Documentación oficial para aprender React con ejemplos y conceptos clave.

Abrir recurso documentationNext.js Docs

Referencia para rutas, renderizado y arquitectura de aplicaciones web.

Abrir recurso practiceGitHub Skills

Recursos prácticos para trabajar con ramas, PR y flujo de colaboración.

Abrir recurso

ESTÁNDARES DE TRABAJO

Academy no termina cuando acaba la clase.

ClasesCampusDiscordProyectosCode Review
Explorar Campus