Imagen del curso gratis React JS

Curso en línea gratuitoReact JS

Duración del curso en línea: 4 horas y 2 minutos

4.43

estrellaestrellaestrellaestrellamedia estrella

(7)

Aprende ReactJS con este curso gratuito que cubre desde la introducción y herramientas hasta el despliegue en Firebase Hosting. Ideal para desarrollo web. ¡Únete ahora!

En este curso gratuito, aprenda sobre

  • Introducción a React y herramientas básicas
  • Creación de proyectos y fundamentos del entorno
  • Componentes: conceptos iniciales
  • Estilos y propiedades de los componentes
  • Ciclo de vida y tipos de componentes
  • Listados, navegación y enrutamiento
  • JavaScript moderno y manejo de eventos
  • Lifting state up y preparación del backend
  • Consumo de APIs y experiencia de usuario
  • Gestión de estado tras peticiones y patrones de componentes
  • Hooks y reutilización de lógica
  • Custom hooks, configuración y despliegue
  • Build de producción y cierre del curso

Descripción del curso

El curso "React JS" es una excelente oportunidad para adentrarte en el mundo del desarrollo web utilizando una de las bibliotecas más populares en la industria hoy en día. Este curso, con una duración de 4 horas y 2 minutos, ha sido diseñado meticulosamente para cubrir desde los aspectos más básicos hasta los más avanzados, lo que lo hace ideal tanto para principiantes como para aquellos que desean profundizar sus conocimientos en React JS.

Calificado con un notable promedio de 4.4 estrellas en una escala de 1 a 5, este curso se distingue por su calidad y la claridad con la que se explican los conceptos. Está ubicado en la categoría de Informática (TI) y dentro de la subcategoría de Desarrollo Web, lo que reafirma su enfoque especializado en brindar herramientas valiosas y prácticas para el desarrollo de aplicaciones web dinámicas y eficientes.

A lo largo del curso, se guía a los estudiantes a través de una amplia gama de temas esenciales. Comienza con una introducción a React JS, proporcionando una base sólida antes de pasar a las herramientas necesarias y la documentación oficial que te permitirá profundizar en tus investigaciones de manera independiente. Con CreateReactApp, aprenderás a configurar tu entorno de desarrollo de manera eficiente.

El curso también cubre ReactDOM y JSX, fundamentales para trabajar con React, y avanza hacia la creación de tu primer componente y la integración de CSS en tus componentes. Con la explicación de las Props y el State, entenderás cómo manejar datos y estados dentro de tus aplicaciones, seguido por un recorrido sobre el ciclo de vida de los componentes.

Se exploran tanto componentes funcionales como la creación de tu primera página completa utilizando React. Posteriormente, se profundiza en el enrutado con ReactRouter, incluyendo el enrutado dinámico de componentes. La implementación de ES7 y eventos en React te permitirá utilizar las últimas características del lenguaje de manera efectiva.

El curso también aborda componentes controlados, la técnica de "Lifting State Up" y la integración con APIs externas como FitnessAPI y Express. Aprende a solicitar y enviar datos al API mientras mejoras la experiencia del usuario (UX) de tus aplicaciones. Aspectos como los Fragments y la diferenciación entre componentes Presentational también se tratan a detalle.

Con la inclusión de Hooks, incluyendo el State Hook, el Effect Hook y los Custom Hooks, este curso se asegura de que estés al tanto de las tendencias más recientes y útiles en el desarrollo con React. Las últimas lecciones se aseguran de pulir tu proyecto con los ajustes finales, alojar tu aplicación en Firebase Hosting y realizar un despliegue exitoso.

Finalmente, después de una despedida por parte del autor, estarás completamente capacitado para desarrollar aplicaciones web eficientes, modernas y seguras utilizando React JS, equipándote con habilidades que son altamente valoradas en la industria tecnológica. Este curso no solo te brinda conocimientos teóricos, sino también una gran cantidad de ejercicios prácticos que te prepararán para enfrentar desafíos del mundo real.

Contenido del curso

  • Lección en vídeo: 01 - Curso de ReactJS, Introducción 04m
  • Ejercicio: _¿Qué es React según su definición oficial?
  • Lección en vídeo: 02 - Curso de ReactJS, Herramientas 03m
  • Ejercicio: ¿Cuál es la herramienta recomendada en el curso para la inspección de código React?
  • Lección en vídeo: 03 - Curso de ReactJS, La Documentación Oficial 02m
  • Ejercicio: ¿Cuál es el principal beneficio de seguir la documentación oficial de una tecnología como React?
  • Lección en vídeo: 04 - Curso de ReactJS, CreateReactApp 07m
  • Ejercicio: ¿Cuál es la herramienta recomendada para crear una nueva aplicación de React de una sola página?
  • Lección en vídeo: 05 - Curso de ReactJS, ReactDOM 09m
  • Ejercicio: _¿Qué archivo es el que se utiliza en React para mostrar contenido en el navegador?
  • Lección en vídeo: 06 - Curso de ReactJS, JSX 10m
  • Ejercicio: ¿Qué es JSX y con qué se recomienda utilizarlo?
  • Lección en vídeo: 07 - Curso de ReactJS, Repositorio del Proyecto 03m
  • Ejercicio: ¿Cuál es el propósito del comando 'npm install' tras clonar un proyecto de GitHub?
  • Lección en vídeo: 08 - Curso de ReactJS, ¿Qué es un componente? 04m
  • Ejercicio: ¿Cuál es una característica principal de un componente en React según el video?
  • Lección en vídeo: 09 - Curso de ReactJS, Mi primer componente 10m
  • Ejercicio: _¿Cuál es la buena práctica en React para que los componentes vivan en su propio archivo?
  • Lección en vídeo: 10 - Curso de ReactJS, Agregando CSS a componentes 07m
  • Ejercicio: ¿Cuál es la forma recomendada de aplicar estilos en componentes React para un mejor rendimiento?
  • Lección en vídeo: 11 - Curso de ReactJS, Las Props 10m
  • Ejercicio: _¿Qué elementos del componente Cart se pueden personalizar mediante propiedades en React JS?
  • Lección en vídeo: 12 - Curso de ReactJS, El State 06m
  • Ejercicio: ¿Cuál es la función del constructor en un componente de clase en React?
  • Lección en vídeo: 13 - Curso de ReactJS, Ciclo de vida 05m
  • Ejercicio: _¿Cuál es la primera funcionalidad que se ejecuta en la fase de montaje de un componente en React?
  • Lección en vídeo: 14 - Curso de ReactJS, Componentes Funcionales 06m
  • Ejercicio: ¿Cuál es la forma más sencilla de escribir un componente en React según el video?
  • Lección en vídeo: 15 - Curso de ReactJS, Primer Página 03m
  • Ejercicio: _¿Cuál es la convención para nombrar las páginas en React?
  • Lección en vídeo: 16 - Curso de ReactJS, Listando Componentes 09m
  • Ejercicio: ¿Cómo se organiza la visualización de ejercicios en la aplicación descrita?
  • Lección en vídeo: 17 - Curso de ReactJS, ReactRouter 03m
  • Ejercicio: _¿Qué es React Router y cómo beneficia a las Single Page Apps?
  • Lección en vídeo: 18 - Curso de ReactJS, Enrutado Dinamico de Componentes 12m
  • Ejercicio: ¿Cuál es el propósito principal de usar React Router en un proyecto React?
  • Lección en vídeo: 19 - Curso de ReactJS, ES7 07m
  • Ejercicio: _¿Qué es Babel y para qué se utiliza en React?
  • Lección en vídeo: 20 - Curso de ReactJS, Events 05m
  • Ejercicio: ¿Cuál es un pilar clave para manejar eventos en React?
  • Lección en vídeo: 21 - Curso de ReactJS, Componentes Controlados 11m
  • Ejercicio: _¿Qué evento se utiliza para revisar los cambios que se realizan en cada campo de texto del formulario en React JS?
  • Lección en vídeo: 22 - Curso de ReactJS, Lifting State Up 11m
  • Lección en vídeo: 23 - Curso de ReactJS, FitnessAPI 02m
  • Ejercicio: _¿Qué comando debemos ejecutar para instalar las dependencias necesarias del proyecto?
  • Lección en vídeo: 24 - Curso de ReactJS, Express 04m
  • Lección en vídeo: 25 - Curso de ReactJS, Solicitando datos al API 05m
  • Ejercicio: _¿Cuál es la función que se recomienda utilizar para realizar llamados dentro del ciclo de vida de un componente en React?
  • Lección en vídeo: 26 - Curso de ReactJS, Mejorando la UX 08m
  • Lección en vídeo: 27 - Curso de ReactJS, Enviando datos al API 06m
  • Ejercicio: _¿Qué atributos debe tener el objeto de configuración para realizar una petición POST?
  • Lección en vídeo: 28 - Curso de ReactJS, Estado después de POST 04m
  • Lección en vídeo: 29 - Curso de ReactJS, Fragments 02m
  • Ejercicio: _¿Cuál es la solución propuesta por React para retornar múltiples elementos sin crear un nuevo elemento dentro del DOM?
  • Lección en vídeo: 30 - Curso de ReactJS, Presentational 10m
  • Lección en vídeo: 31 - Curso de ReactJS, Hooks 08m
  • Ejercicio: _¿Qué son los hooks en React?
  • Lección en vídeo: 32 - Curso de ReactJS, State Hook 04m
  • Lección en vídeo: 33 - Curso de ReactJS, Effect Hook 04m
  • Ejercicio: _¿Qué es un hook en React JS y cómo se nombra por convención?
  • Lección en vídeo: 34 - Curso de ReactJS, Custom Hook 06m
  • Lección en vídeo: 35 - Curso de ReactJS, Ultimos Ajustes 05m
  • Ejercicio: _¿Cuál es el objetivo de centralizar la ruta de las peticiones HTTP en un solo lugar mediante la creación de un archivo de configuración llamado "config"?
  • Lección en vídeo: 36 - Curso de ReactJS, Firebase Hosting 05m
  • Lección en vídeo: 37 - Curso de ReactJS, Deploy 04m
  • Ejercicio: _¿Qué comando se utiliza para generar la versión de producción en React JS?
  • Lección en vídeo: 38 - Curso de ReactJS, Despedida 01m

Este curso gratuito incluye:

4 horas y 2 minutos de curso de vídeo online

Certificado digital de finalización del curso (Gratis)

Ejercicios para entrenar tus conocimientos

100% gratis, desde el contenido hasta el certificado

¿Listo para empezar?Descarga la app y empieza hoy mismo.

Instale la aplicación

ahora para acceder al curso
Icono que representa cursos de tecnología y negocios

Más de 5000 cursos gratuitos

¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis

Icono de calendario con una diana que representa la planificación de estudios

Plan de estudios con IA

La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas

Icono profesional que representa carrera y negocios

De cero al éxito profesional

Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños

También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Código QR - Descargar Cursa - Cursos Online

Comentarios del curso: React JS

IVAN CARLOS GONZALEZ CUETO

Me gustaría tener los contenidos del curso en PDF para estudiarlos después y practicarlos.

Más cursos gratuitos en Desarrollo web

¡Descarga la App ahora para tener acceso a + 3300 cursos, ejercicios, certificados y mucho contenido gratis sin pagar nada!

  • Cursos online 100% gratuitos de principio a fin

    Miles de cursos online en vídeo, ebooks y audiolibros.

  • Más de 48 mil ejercicios gratuitos

    Para poner a prueba tus conocimientos durante los cursos en línea

  • Certificado Digital gratuito válido con Código QR

    Generado directamente desde la galería de fotos de tu celular y enviado a tu correo electrónico

Aplicación Cursa en la pantalla del libro electrónico, la pantalla del curso en video y la pantalla de ejercicios del curso, además del certificado de finalización del curso.

+ 9 millones
estudiantes

Certificado gratuito y
válido con código QR

60 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo y audiolibros