React y Javascript: Aprende Desarrollo Moderno de Frontends
por Mariano Puglisi
Introducción a JavaScript ES6 y a los fundamentos de React: preparación del entorno, componentes funcionales, JSX, Virtual DOM y props.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Mariano Puglisi (2 h). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas nuevas en programación que quieren una primera toma de contacto con JavaScript moderno y React.
- Nivel
- Principiante
- Duración
- 2 h · 23 lecciones
- Precio
- Gratis en Udemy
- Autor
- Mariano Puglisi
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Introducción breve y ordenada que combina JavaScript ES6 y los fundamentos de React, con preparación del entorno incluida. Resulta adecuada como primer paso; después conviene un curso más extenso para profundizar.
Puntos fuertes
- Incluye la preparación del entorno, útil para quien empieza desde cero.
- Progresión clara: primero JavaScript ES6 y después React.
- Duración contenida (unas 2 horas, 23 lecciones) para una primera toma de contacto.
A tener en cuenta
- Solo cubre bases; la descripción no menciona hooks, estado ni proyecto final.
- No consta el año de publicación, así que conviene comprobar que las versiones de las herramientas sigan vigentes.
- La descripción no detalla ejercicios prácticos.
De qué trata
Curso de Udemy de unas dos horas y 23 lecciones que introduce el desarrollo de frontends con JavaScript y React. Empieza con una introducción y la preparación del entorno: Visual Studio Code, atajos, extensiones, Prettier y Node.
Después repasa JavaScript ES6 (let, const, scope, backticks, funciones flecha y map) y pasa a React: qué es, SPA y jerarquía de componentes, creación de un proyecto, componentes funcionales, JSX, Virtual DOM, props y snippets. Termina con una despedida.
- Instalación de VS Code, extensiones, Prettier y Node
- JavaScript ES6: let, const, backticks, funciones flecha y map
- Qué es React: SPA y jerarquía de componentes
- Componentes funcionales, JSX y Virtual DOM
- Componentes y props
Para quién es este curso
- Personas nuevas en programación que quieren una primera toma de contacto con JavaScript moderno y React.
- Desarrolladores con algo de JavaScript que buscan una introducción corta a los conceptos básicos de React.
- Estudiantes de programación que quieren complementar sus estudios con una visión inicial de componentes.
Mejor busca otro si…
- Quien ya trabaja con React y hooks a diario, pues el curso solo cubre las bases.
- Quien busque un proyecto completo o un curso extenso de React, dado que dura unas 2 horas.
Antes de empezar
- La descripción indica que puede seguirse sin experiencia previa en programación; el curso instala el entorno y repasa JavaScript ES6.
Qué sabrás hacer al terminar
- Instalar y configurar Visual Studio Code, extensiones, Prettier y Node.
- Usar características de JavaScript ES6 como let, const, backticks, funciones flecha y map.
- Entender qué es React, las SPA y la jerarquía de componentes.
- Crear un proyecto React y desarrollar componentes funcionales con JSX y props.
Estructura del curso
- 01
Introducción y software necesario
Presentación del curso y preparación del entorno: Visual Studio Code, atajos de teclado, extensiones, Prettier e instalación de Node.
- 02
Introducción a JavaScript ES6
Repaso de let, const y scope, concatenación con backticks, funciones flecha y la función map.
- 03
Introducción a React
Qué es React, SPA y jerarquía de componentes, y creación de un proyecto React.
- 04
Aprendiendo React
Cómo funciona React: componente funcional, JSX, Virtual DOM, componentes y props, y uso de snippets. Cierra con una despedida.
Capítulos del vídeo
- 01Introducción
- 02Sofware necesario
- 03Introducción a Javascript Ecma Script 6
- 04Introducción a React
- 05Aprendiendo React
- 06Despedida
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Semana 1, sesión 1: introducción, software necesario e instalación de VS Code y Node.
- 2.Semana 1, sesión 2: JavaScript ES6; practica let/const, backticks, funciones flecha y map con tus propios ejemplos.
- 3.Semana 2, sesión 1: Introducción a React; crea el proyecto y explora su estructura.
- 4.Semana 2, sesión 2: Aprendiendo React; recrea componentes funcionales con props y repasa JSX.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Instala Node y VS Code antes de empezar y sigue el capítulo de software necesario con el editor abierto.
- En el bloque de ES6, reescribe cada ejemplo con tus propios datos, sobre todo funciones flecha y map, que se usan mucho en React.
- Tras ver props, crea un par de componentes propios que reciban datos distintos para afianzar la jerarquía de componentes.
Antes y después de este curso
- Después de este cursoCURSO REACT.JS - Aprende desde ceroCurso de React desde cero para profundizar tras esta introducción.
- Después de este cursoReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Curso completo de React para ampliar lo aprendido.
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Si necesitas reforzar JavaScript antes de pasar a React.
Cómo lo presenta Mariano Puglisi
Explora las bases del desarrollo moderno con React y Javascript
¡Bienvenidos al curso gratuito de Introducción a React y JavaScript! Este curso está diseñado para todos aquellos que desean aprender a construir aplicaciones web modernas y dinámicas utilizando una de las bibliotecas de JavaScript más populares del mundo: React. En este curso aprenderás las bases del lenguaje React y Javascript…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar?
No. La descripción indica que guía a principiantes desde los conceptos básicos de JavaScript hasta React, y también aporta contenido para quien ya conoce JavaScript.
+¿Cuánto dura?
Unos 120 minutos en 23 lecciones. Con pausas y práctica, un plan razonable son unas dos semanas con unas 3 horas semanales.
+¿Qué temas incluye?
Configuración de VS Code y Node, JavaScript ES6 (let, const, backticks, funciones flecha, map), qué es React, SPA, JSX, Virtual DOM, componentes funcionales y props.
+¿Qué hago después?
Puedes continuar con un curso de React más largo del catálogo para profundizar más allá de las bases.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Mariano Puglisi; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.