JSCamp - Bootcamp gratuito de programación Full-Stack con JavaScript

Bootcamp de programación gratuito.
Con React, Node.js, TypeScript y mucho más.

Nuestros Sponsors

Empresas que apoyan el crecimiento de la comunidad

Encuentra tu trabajo
perfecto
Donde tu Web
se hace realidad
Plataforma colaborativa
para desarrolladores

Contenido del Bootcamp

Introducción al Bootcamp

8 clases

¿Por qué Aprender Programación?
Programación FullStack, Frontend y Backend
Presentación del Proyecto
Diseñando nuestro Proyecto
Requisitos para el Bootcamp
¿Qué tienes que instalar?
Extensión y Terminal recomendada
Acceso al Código del Proyecto

Ver todas las clases Empezar módulo

HTML y CSS

22 clases

¿Qué es HTML?
La estructura básica
La etiqueta body y más
La etiqueta main, section y img
Formularios
Article y footer
Curso completo de HTML
¿Qué es CSS?
Escribiendo nuestro primer CSS
Selectores CSS
Responsive design
Ejercicios y cursos HTML/CSS
Enlaces en HTML
Comentarios en HTML
Creando múltiples páginas HTML
Arreglando el logo del header
Pseudo-clases en CSS
Aplicar estilos con clases en HTML
La directiva !important y especificidad en CSS
Estilizando la página de empleos
Creando una paginación desde cero
Examen de HTML y CSS

Ver todas las clases Empezar módulo

JavaScript

28 clases

Introducción a JavaScript
Tipos de datos y variables
Funciones en JavaScript
Examen: Fundamentos de JavaScript
Aprender JavaScript, curso completo
Eventos y JavaScript en el navegador
Manipulación del DOM
Delegación de Eventos
Examen: DOM y Eventos
Optional Chaining
Ejercicios, filtrando resultados
Manejar evento change en JavaScript
Más eventos; input, blur, submit, preventDefault
Cómo recuperar datos de los elementos HTML
Estilando el elemento select
Mejorando las opciones con optgroup
Examen: Atributos, Clases y Filtrado
Aplicando clases CSS dinámicamente con JavaScript
Introducción a JSON
Comprendiendo fetch paso a paso
Mostrando datos dinámicamente con fetch
Evitando inyecciones al pintar HTML dinámico
Separando código en módulos de JavaScript
Creando tu primer Web Component
Iterando nuestro Web Component con atributos
Ejercicios prácticos con el buscador de empleos
Despliegue a producción
Examen Final: JavaScript Moderno

Ver todas las clases Empezar módulo

React

43 clases

¿Qué es React?
Primeros pasos en React
JSX: La sintaxis de React
Componentes en React
Componentes vs Funciones normales
Creando JobCard: Nuestro primer componente real
Eventos en React
Estado con useState
Renderizado y Virtual DOM
Vite: Empaquetador moderno
Instalación de Vite
Fast Refresh y Actualizaciones de Estado
Migrando el Proyecto DevJobs a React
Ejercicios de práctica
Props - Comunicación entre Componentes
Módulos JavaScript - Import y Export
Paginación - Props y Comunicación Padre-Hijo
Callbacks - Pasar Funciones como Props
Estado por Props - Lifting State Up
Keys y Renderizado de Listas
Terminando la paginación
CSS Modules
Hook useId()
Gestión de Formularios y Filtros
Ejercicios: Formularios y Eventos
Filtros automáticos y Routing básico
Hook useEffect: Efectos secundarios en React
Cuándo usar useEffect
Creando una Single Page Application (SPA) desde cero con React
Custom Hooks: Reutilizar lógica en React
Integrando navegación con formulario de búsqueda
Creando un componente <Route> declarativo
Creando custom hook para formulario
9 Ejercicios prácticos: Router y Formularios
Llamada a la API: Consumiendo datos reales con fetch
Integrando filtros en la petición HTTP
Arreglando paginación con limit y offset
Ejercicios: Mejoras en la aplicación
Problemas con la etiqueta title
Técnica de debounce en el buscador
Hook useRef: referencias y valores que persisten entre renders
Arreglando la paginación
Sincronización de la URL con el buscador

Ver todas las clases Empezar módulo

Estado Global y React Router

23 clases

Qué es React Router y por qué usarlo
Cómo crear rutas con React Router
Link y hooks useNavigate y useLocation de React Router
Parámetros en React Router con useParams
Trabajando en los estilos del detalle de cada empleo
Navegación a la página de detalle
Ejercicio: terminar de estilar la página de detalle
Hook useSearchParams de React Router
Técnica de lazy load en las rutas
Estilos activos con NavLink
Ejercicios de refuerzo: detalle, paginación y filtros
Autenticación y Prop Drilling
Introducción a React Context
Optimizando el código del Contexto
Usar use en lugar de useContext
Prop Drilling vs Context API
Qué pasa con Redux y por qué hoy casi nunca lo necesitas
Introducción a Zustand para estado global
Store de favoritos con Zustand
Integrar un store de favoritos en la UI
Sincronización del estado global y logout limpio
Rutas protegidas con React Router y estado global
Quitar la persistencia de favoritos al cerrar sesión

Ver todas las clases Empezar módulo

Backend con Node.js y Express

31 clases

Introducción a Node.js
Examen: Introducción a Node.js
Instalar Node.js y gestionar versiones
Ficheros y sistema de módulos en Node.js
Nuestro primer script con Node.js: leer y escribir archivos
Examen: Gestión de Versiones y Módulos
Trabajar con rutas de archivos en Node.js
Información del sistema operativo e instalación de paquetes
Importante al instalar cualquier paquete en Node.js
Sistema de permisos en Node.js
Creando nuestro propio CLI con Node.js
Creando nuestro primer servidor HTTP y usando watch
Cambiar el puerto usando variables de entorno
Discriminar rutas y devolver respuestas correctas en Node.js
Comprueba que la API funciona bien
Métodos HTTP y cómo debe responder una API
Crear usuarios con POST en una API Node.js
Filtrar usuarios con query params
Introducción a Express: Qué es y para qué sirve
Creando nuestro primer servidor con Express
Diferencias entre usar Express y no usarlo
Middlewares en Express
Rutas con parámetros dinámicos en Express
Devolver los empleos en JSON
Filtrar empleos con query params
Paginación de resultados en Express
Creando nuestra primera REST API
Creando un CRUD con Express
Middleware para parsear el body de las peticiones
Utilizar la REST API y configurar CORS
Aplicando el patrón MVC en nuestra API

Ver todas las clases Empezar módulo

Testing

Próximamente

Pruebas en JavaScript
Pruebas unitarias con Jest
Pruebas de componentes con React Testing Library
Mocking y pruebas de integración
Buenas prácticas de testing
Automatización de tareas con npm scripts

Inteligencia Artificial

Próximamente

Introducción a la Inteligencia Artificial en el Desarrollo
Herramientas de IA para Desarrolladores
Conexión con la API de OpenAI
Model Context Protocol (MCP)
Generación de Imágenes con Nano Banana
Integración de IA en Aplicaciones Web
Ética y Buenas Prácticas con IA

TypeScript

Próximamente

Fundamentos de TypeScript
Tipos e interfaces
Integración de TypeScript con React
Beneficios de usar TypeScript en proyectos grandes
Migración de proyectos JavaScript a TypeScript

SQL

Próximamente

SQL
Creación de bases de datos
Manipulación de datos con SQL
Uso de ORM como Sequelize
Migraciones y seeding de datos

CI/CD

Próximamente

CI/CD
Configuración de CI/CD con GitHub Actions
Desplegar aplicaciones con GitHub Actions

DevOps y Docker

Próximamente

DevOps
Conceptos básicos de Docker
Creación de imágenes Docker
Uso de Docker Compose
Integración de Docker en el flujo de trabajo de desarrollo

Rutas de Aprendizaje

Explora nuestro contenido por nivel

Fundamentos

Variables, funciones y control de flujo

15 lecciones

JavaScript

DOM, eventos y programación asíncrona

25 lecciones

TypeScript

Tipado estático y desarrollo escalable

20 lecciones

IA & Desarrollo

Integración de IA en tus proyectos

12 lecciones

Proyectos Destacados

Construye aplicaciones reales mientras aprendes

Principiante

Todo App con IA

Construye una aplicación de tareas con sugerencias inteligentes usando JavaScript vanilla y APIs de IA.

2-3 horas 4.8

Intermedio

Chatbot Inteligente

Desarrolla un chatbot con TypeScript que aprende de las conversaciones usando machine learning.

4-5 horas 4.9

Avanzado

E-commerce con IA

Plataforma completa de comercio electrónico con recomendaciones personalizadas y análisis predictivo.

8-10 horas 4.7

Ejercicios Prácticos con IA

Practica con ejercicios reales guiados por IA. Construye habilidades a través de la práctica interactiva.

JavaScript

Nuevo

Algoritmos con Asistente IA

Resuelve problemas de algoritmos con la ayuda de un asistente de IA que te guía paso a paso.

Dificultad: Intermedio30 min

TypeScript

Popular

API REST con Validación IA

Construye APIs robustas con validación automática de datos usando modelos de IA.

Dificultad: Avanzado45 min

React + IA

Premium

Componentes Inteligentes

Desarrolla componentes React que se adaptan automáticamente usando machine learning.

Dificultad: Experto60 min

15+

Semanas de contenido intensivo

90 min

Tiempo promedio de sesión

5k+

Líneas de código escritas

Lo que dicen nuestros estudiantes

"El bootcamp de JSCamp cambió completamente mi carrera. En 15 semanas pasé de no saber nada de programación a conseguir mi primer trabajo como desarrollador frontend. La metodología con IA hace que aprender sea mucho más eficiente y personalizado."

Miguel Rodríguez

Frontend Developer en Mercadona Tech

"Los proyectos reales del bootcamp me dieron la confianza para aplicar a trabajos. Ahora trabajo como full-stack developer."

Ana Código

Full-Stack Developer

"La mentoría personalizada con IA fue increíble. Siempre tenía feedback inmediato sobre mi código."

Luis Carballo

React Developer

"Empecé sin conocimiento técnico y ahora soy desarrolladora backend. El enfoque práctico es lo que marca la diferencia."

Sara Martín

Backend Developer

¿Listo para transformar tu carrera?

Únete a miles de desarrolladores que han aprendido programación con el poder de la IA.