Curso de React desde Cero

React: Aprende desde cero la biblioteca de JavaScript más popular desarrollada por Facebook (Meta) para construir interfaces de usuario interactivas, dinámicas y modernas para aplicaciones web.

Duración: 8h:10m

Calificaciones: 97

114 Lecciones

417 Estudiantes

Español

Actualizado: 05/2026

Certificado

Certificado

417 Estudiantes

Calificaciones: 97

Español

Duración: 8h:10m

Actualizado: 05/2026

114 Lecciones

En este curso aprenderás a dominar React, la tecnología líder en el mercado para el desarrollo frontend. A través de un enfoque totalmente práctico basado en la construcción de cuatro proyectos completos del mundo real, aprenderás a pensar y programar por componentes. Descubrirás cómo manejar el estado de tus aplicaciones, utilizar JSX, implementar hooks, manejar eventos y dominar el Virtual DOM para optimizar el rendimiento. Además, adquirirás las mejores prácticas en la arquitectura de proyectos, diseño responsivo y flujo de datos. Al finalizar, estarás capacitado para crear aplicaciones web profesionales de una sola página (SPA) y dar un gran paso para convertirte en un desarrollador Full Stack.

¿Para quién es este curso?

Dirigido a personas que desean aprender React desde cero absoluto, así como a desarrolladores frontend que requieran actualizar o mejorar sus habilidades prácticas en la creación de interfaces de usuario para abrirse nuevas y mejores oportunidades laborales.

Lo que aprenderás:

  • Fundamentos e instalación del entorno (Node.js, create-react-app).
  • Uso profundo de JSX y diferencias entre elementos HTML y componentes de React.
  • Creación, importación y exportación de componentes funcionales y de clase.
  • Manejo de Props y transferencia de datos.
  • Gestión del Estado (State), Event Listeners e interactividad.
  • Estructuración, renderizado condicional y manejo de listas (keys e ids).
  • Desarrollo práctico paso a paso de 4 proyectos reales: Clon de testimonios, Contador de clics, Calculadora interactiva y Aplicación de tareas.

Requisitos:

  • * No se requiere tener conocimientos previos en React (pero es altamente recomendable conocer bases de HTML, CSS y JavaScript).
  • Disposición y ganas de aprender.
  • Una computadora (Windows, Mac o Linux) con conexión a Internet.

Contenido del curso:

1. Introducción
2. Proyectos
3. Estructura del curso
4. Conocimiento previo para el curso
5. ¿Qué es React? Ventajas de React
6. Conceptos básicos de React
7. Descargar e instalar Node.js
8. Documentación oficial
9. ¿Qué es JSX?
10. Elemento en React
11. Elemento vs. Componente
12. react dom y DOM
13. Elementos HTML útiles
14. Reconocer elementos y componentes
15. Atributos
16. Estructura JSX
17. Renderizar componentes y elementos
18. Self-closing tags
19. Insertar JavaScript en JSX
20. Crear la estructura básica con create-react-app
21. Inicio del proyecto
22. Crear la estructura inicial
23. Identificar los componentes
24. Crear un Componente
25. Preparar el proyecto
26. Mostrar un Componente
27. Importar un Componente
28. Exportar un Componente
29. Herramientas de React
30. Exportación Nombrada
31. Asignar estilos con CSS
32. Recibir props en un componente
33. Pasar props a un componente
34. Personalizar una imagen
35. Texto en Negrita
36. Revisión final
37. inicio del proyecto
38. Crear la aplicación
39. Preparar el proyecto
40. Importar imágenes
41. Asignar estilos con CSS
42. Crear el Botón
43. props del botón
44. Sintaxis de desestructuración
45. Clase basada en condición
46. Asignar Event Listener
47. Crear los Botones
48. Definir función en componente
49. Pasar función como prop
50. Probar las funciones
51. Estilos para los botones
52. Componente contador
53. Agregar el contador
54. Herramientas de React
55. Actualizar el contador
56. Retos y comentarios finales
57. Inicio
58. Crear la aplicación
59. Adaptar el proyecto
60. Comenzar el proyecto
61. Contenedor principal
62. Estructura de la calculadora
63. Crear los componentes
64. props.children
65. Atributos de Botón
66. Definir una Función
67. Probar el botón
68. Estilo para el Botón
69. Crear los Botones
70. Componente Pantalla
71. Estilo para la pantalla
72. Botón clear
73. Estilo para el Botón clear
74. Mostrar input en la pantalla
75. Asignar event listener
76. Event Listener para el Botón clear
77. Calcular el resultado
78. Manejar input vacío
79. Retos y comentarios finales
80. inicio del proyecto
81. Crear la aplicación
82. Adaptar el proyecto
83. Logo y color de fondo
84. Estilo inicial
85. Lista de tareas
86. Confirmar familia tipográfica
87. Componente Tarea
88. Estilo para tarea
89. react-icons
90. props completada
91. Estilo para tarea completada
92. Componente Formulario
93. Estilo para el formulario
94. Agregar un formulario
95. Componente lista de tareas
96. Fragmentos
97. Estilo para lista de tareas
98. Estado de lista de tareas
99. Mostrar lista de tareas
100. Nuevos props para tareas
101. Agregar tarea
102. Manejar cambio
103. manejar envío
104. Generar ids para tareas
105. Key para cada tarea
106. Colores para las tareas
107. Actualización automática
108. Eliminar tarea
109. Tarea completada
110. Retos y comentarios finales
111. Introducción a los componentes de clase
112. Proyecto Testimonios con componentes de clase
113. Proyecto contador de clics con componentes de clase
114. Final del curso

Certificado de estudios:

Certificado Oficial Internacional
No solo aprendas; demuestra que lo dominas.
Al aprobar el examen final, obtendrás un certificado digital a tu nombre emitido y respaldado por Certione. Este documento formal es la prueba definitiva de tus nuevas competencias analíticas y le demuestra a los reclutadores que posees habilidades validadas, estructuradas y listas para aplicar en el mundo corporativo.

Insignia Digital Verificable (Badge)
Lleva tu perfil profesional al siguiente nivel en el entorno digital. Junto con tu certificado, recibirás un Badge oficial, el formato moderno ideal para destacar tu logro con un solo clic en tu perfil de LinkedIn, tu CV online o tu firma de correo. Cualquier empleador o cliente podrá escanearlo y verificar la autenticidad de tus conocimientos al instante.

Últimas reseñas de estudiantes:

0
0 de 5 estrellas (basado en 0 reseñas)
Excelente
Muy buena
Media
Mala
Muy mala
5,0
5,0 de 5 estrellas (basado en 2 reseñas)
Excelente
Muy buena
Media
Mala
Muy mala

No hay reseñas todavía. Sé el primero en escribir una.

Del Autor:

Preguntas frecuentes:

¿Cuándo puedo empezar el curso?

Podrás comenzar inmediatamente después de realizar tu inscripción. Una vez confirmado el
acceso, recibirás tus credenciales para ingresar a la plataforma y empezar desde el primer módulo
sin esperas ni fechas límite.

El curso es 100% online y grabado, lo que te permite avanzar a tu propio ritmo. Podrás ver las
clases en cualquier momento, repetirlas cuantas veces necesites y adaptar el aprendizaje a tu
horario, sin depender de clases en vivo.

No necesitas experiencia previa. El curso está diseñado desde cero, guiándote paso a paso desde los conceptos básicos hasta un nivel avanzado,

Sí. Al finalizar el curso recibirás un certificado digital que podrás agregar a tu CV, perfil de LinkedIn o portafolio profesional, demostrando tus conocimientos.

Tendrás acceso por un periodo extendido (o de por vida, si así lo defines), lo que te permitirá
avanzar sin presión, repasar el contenido cuando quieras y mantenerte actualizado conforme
evolucione el curso.

Últimos cursos

Curso de ZBrush desde Cero

GRATIS

5h:30m

Aprende a esculpir modelos 3D orgánicos, diseñar personajes y crear arte digital de alta calidad con el software estándar de la industria para la escultura digital.
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors