ACCEDER
Gratis·Ejercicio interactivo

Curso de React.js desde cero y ejercicios interactivos

Domina los fundamentos de ReactJS con un tutorial interactivo que incluye docenas de ejercicios. Aprende JSX, crea componentes, desarrolla HTML dinámico y trabaja con módulos de JS. Recibe retroalimentación instantánea con evaluaciones automáticas y accede a soluciones en video para reforzar tu aprendizaje.

Este ejercicio incluye

Technical Skills
JAVASCRIPTREACTJS
Asistencia de IA para guía personalizada
Código real, resultado en tiempo real
Validación instantánea con tests
Progreso guardado en tu ruta

Prueba este ejercicio

Crea una cuenta y obtén acceso inmediato a este ejercicio

By signing up, you agree to the Terms and Conditions and Privacy Policy

Already have an account?

Nivel

EASY

Tiempo estimado

8 horas

Acceso

Gratis

Requisitos previos

Ninguno

Sobre este ejercicio

Domina los fundamentos de ReactJS con un tutorial interactivo que incluye docenas de ejercicios. Aprende JSX, crea componentes, desarrolla HTML dinámico y trabaja con módulos de JS. Recibe retroalimentación instantánea con evaluaciones automáticas y accede a soluciones en video para reforzar tu aprendizaje.
Video preview

Syllabus

Mira el contenido que incluye este ejercicio

1

Welcome!

Descubre los conceptos fundamentales que aprenderás en este curso, como JSX, componentes y módulos, y prepárate para empezar con los ejercicios interactivos.

Video preview
2

Hello World

Learn how ReactDOM.render replaces innerHTML to efficiently generate dynamic HTML content in the browser.

View content▾
  • CODE
    Hello JSX
  • CODE
    Rendering from objects
  • CODE
    Building a layout
  • CODE
    Building from arrays
Video preview
3

Mapping array to `<li>`

Practica usando la función map() para transformar un array de animales en elementos <li> y renderízalos dentro de tu sitio web.

View content▾
  • CODE
    Mapping array objects to `<li>`
  • CODE
    Mapping array of objects to `<li>`
Video preview
4

Render with Functions

Practica modificando una función de React para renderizar un encabezado personalizado con JSX.

View content▾
  • CODE
    Your first functional component
  • CODE
    A real component
  • CODE
    Component Properties
  • CODE
    Hero Component
  • CODE
    Alert Component
Video preview
5

Conditional Rendering

Learn to conditionally render a React component by using an if statement to show or hide an Alert based on a boolean prop.

View content▾
  • CODE
    Conditional Rendering
  • CODE
    Conditional Rendering
Video preview
...

Obtén un certificado de IA respaldado por 4Geeks

Este ejercicio forma parte de un curso real. Descubre cuál es el tuyo

Elige entre AI Engineering, AI Flex o AI Fluency, nuestros programas de inteligencia artificial pensados para llevarte de cero a certificado, sin importar tu experiencia previa. El 86% de nuestros egresados consigue trabajo en el sector en un promedio de 3 meses. 
Compara los 3 programas y encuentra el que se adapte a tu ritmo y objetivos.
Explorar opciones
Code editor on laptop

Ejercicios relacionados

Sigue aprendiendo sobre los temas de este ejercicio

Curso de React.js desde cero y ejercicios interactivos

Curso de React.js desde cero y ejercicios interactivos

javascript
reactjs

Domina los fundamentos de ReactJS con un tutorial interactivo que incluye docenas de ejercicios. Aprende JSX, crea componentes, desarrolla HTML dinámico y trabaja con módulos de JS. Recibe retroalimentación instantánea…

Probar este ejercicio
Pruebas Unitarias en TypeScript

Pruebas Unitarias en TypeScript

javascript
typescript
jest
testing

Este curso introduce a los desarrolladores principiantes al mundo esencial de las pruebas unitarias en aplicaciones de TypeScript. Explorarás los tres marcos de prueba más populares (Jest, Mocha/Chai y Vitest),…

Probar este ejercicio
Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

Fundamentos de TypeScript con Práctica para Desarrolladores JavaScript

javascript
front-end
typescript

Este curso está diseñado para estudiantes que dominan JavaScript moderno y han leído sobre TypeScript (básico y avanzado). Aprenderás conceptos clave como interfaces básicas, type aliases y propiedades opcionales, así…

Probar este ejercicio
Programación Orientada a Objetos en Javascript

Programación Orientada a Objetos en Javascript

javascript
programacion-orientada-a-objectos

Aprende como funcionan los objetos y clases, y por qué son tan útiles en programación.

Probar este ejercicio
Tutorial para Principiantes de Javascript (Interactivo)

Tutorial para Principiantes de Javascript (Interactivo)

node
javascript

Mejora tus habilidades de programación en Javascript con este conjunto completo de ejercicios interactivos y auto-evaluados. Estos ejercicios cubren temas fundamentales como variables, bucles, condicionales, funciones y arreglos. Al completar…

Probar este ejercicio
Aprende cómo usar e interactuar con Formularios en HTML

Aprende cómo usar e interactuar con Formularios en HTML

html-css
javascript
formularios

Domina el arte de los formularios HTML con ejercicios interactivos que abarcan entradas de texto, áreas de texto, entradas de fecha y números, menús desplegables y más. Aprende validación de…

Probar este ejercicio