Menu
Coddy logo textTech
EMPEZAR A APRENDER
flag Es iconEspañoldown icon
NuevoRecorrido

Aprende React - Curso interactivo gratuito

Domina React escribiendo componentes reales desde la primera lección: JSX, props, estado y eventos, y continúa con Next.js: rutas basadas en archivos, layouts, componentes de servidor, obtención de datos y server actions. Todo funciona en tu navegador con pistas de IA cuando te atascas, y obtienes un certificado gratuito al terminar.

EMPEZAR A APRENDER(es gratis)
Ver programa

1,000+ codders inscritos

89 lecciones69 retos164 preguntas de quiz

  • Apto para principiantes
  • sparkles iconAyuda de codificación con IA
  • hint iconLecciones interactivas prácticas
  • volume On iconNarración de audio en cada lección
  • quiz iconCuestionarios para poner a prueba tu conocimiento
  • certificate iconCertificado gratuito de finalización

Programa

2 secciones1 proyectos89 lecciones69 retos164 preguntas de quiz
  1. Sección 1

    Fundamentos

    Empezar secciónEmpezarExpandirContraer    Aprende a construir interfaces de usuario con React: componentes, JSX, props, estado y eventos, desde tu primer componente hasta una mini app funcional.42 lecciones37 retos65 preguntas

    Conoce React

    5 lecciones513

    Expresiones JSX

    5 lecciones58

    Componentes

    5 lecciones48

    Props

    6 lecciones510

    Estado y Eventos

    6 lecciones59

    Formularios e entradas

    5 lecciones47

    Condicionales y Listas

    6 lecciones510

    Proyecto: Tarjeta de perfil

    4 lecciones4
  2. Sección 2

    Esenciales de Next.jsPágina propia

    Empezar secciónEmpezarExpandirContraer    Pasa de los componentes de React a una aplicación real: enrutamiento basado en el sistema de archivos, layouts, componentes de servidor y cliente, obtención de datos, server actions y un proyecto completo en Next.js.47 lecciones32 retos99 preguntas1 proyecto

    Por qué Next.js

    4 lecciones39

    Enrutamiento y enlaces

    6 lecciones516

    Diseños y Metadatos

    6 lecciones515

    Servidor y Cliente

    6 lecciones515

    Datos en el servidor

    6 lecciones516

    Server Actions

    5 lecciones413

    Navegación del cliente

    5 lecciones515

    Proyecto: Coddy Eats

    Proyecto9 lecciones
Lo que obtienes
Todo lo que usarás para aprender a programar

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Por qué aprender React con Coddy

  • Escribe JSX en tu navegador desde la primera lección. Sin instalar Node, sin create-react-app, sin configurar builds: cada lección te da código de componentes real para editar y ejecutar.
  • Un plan de estudios que termina en apps reales: componentes, props, estado, eventos y hooks en la sección de Fundamentos, y luego una sección completa de Next.js con rutas, layouts, componentes de servidor y cliente, obtención de datos y server actions.
  • Pistas de IA que leen tu código real. Cuando un componente no se renderiza o el estado no se actualiza, recibes una pista que señala tu error sin revelar la solución.
  • Un certificado gratuito de React al terminar: una señal potente para puestos de frontend, donde React sigue siendo la librería de UI más demandada.

Preguntas frecuentes sobre aprender React

¿Qué es React?

React es una librería de JavaScript para construir interfaces de usuario a partir de componentes: funciones pequeñas y reutilizables que devuelven marcado. Creada en Meta, impulsa una parte enorme de la web moderna, desde Facebook e Instagram hasta los productos de millones de startups, y es de forma constante la habilidad frontend más demandada en las ofertas de empleo.

¿Necesito saber JavaScript antes de aprender React?

Deberías manejar lo básico de JavaScript: variables, funciones, arrays y objetos. El curso introduce los patrones de JavaScript en los que se apoya React (funciones flecha, desestructuración, map) a medida que aparecen, así que no hace falta ser experto. Si nunca has programado, empieza primero por el curso de JavaScript.

¿Es difícil aprender React?

Las ideas centrales (componentes, JSX, props) encajan rápido porque se parecen a cosas que ya conoces: funciones y HTML. El estado, los efectos y el flujo de datos requieren más práctica, y por eso cada lección te hace escribir y ejecutar código real de componentes en lugar de solo leer teoría.

¿Cuál es la diferencia entre React y Next.js?

React es la librería de UI: componentes, estado, renderizado. Next.js es un framework construido sobre React que añade lo que necesitan las apps reales: rutas basadas en archivos, layouts, renderizado en el servidor, obtención de datos y server actions. El curso enseña primero los fundamentos de React y luego una sección dedicada de Next.js te lleva de los componentes a una app completa.

¿Puedo aprender React online gratis?

Sí. El curso interactivo de React es gratuito: lecciones prácticas, desafíos de código con feedback instantáneo, pistas asistidas por IA y cuestionarios. Todo funciona en tu navegador, así que no hay nada que instalar y puedes empezar de inmediato.

¿Recibo un certificado al terminar el curso de React?

Sí. Al terminar el curso obtienes un certificado de finalización gratuito que puedes añadir a LinkedIn o a tu currículum. Junto con los componentes y apps que construyes por el camino, es una prueba significativa de habilidades prácticas en React y Next.js.
Coddy programming languages illustration

Aprende React con Coddy

COMENZAR