Udemy

Platform

Español

Language

Programming Languages

Category

React JS: Aprende React JS desde cero con ejemplos prácticos

La mejor manera de aprender React JS. Aprende desde cero, sumérgete dentro de React JS y conviértete en un desarrollador

4.78 (61 reviews)

Students

8.5 hours

Content

Dec 2020

Last Update
Regular Price

BLUE HOST
Blue Host
Fast, easy, and secure WordPress hosting in minutes + 1 free domain name
65%OFF : $2.95/month

What you will learn

Aprende React JS desde cero.

Este curso es la mejor manera de Aprender React JS.

Sumergete en React JS.

Conviertete en un desarrollador de React.

Aprende como construir aplicaciones de una sola página en React JS.

Aprende los componentes, props, estados y métodos del ciclo de vida de los componentes en React JS.

Crea componentes reusables con React.

Aprende el JavaScript moderno, adaptado al estándar ES6.

Aprende a conectarte a una API externa a través de llamadas AJAX con la librería Axios

Entrada de datos, formularios y event handling en React.

Routing con React Router.

El uso de los React Portals para renderizar componentes hijo fuera de la jerarquía del DOM.


Description

Muy buenas y bienvenidos al curso React JS: Aprende React JS desde cero con ejemplos prácticos.

React es una de las mejores opciones para construir aplicaciones web modernas. Si eres nuevo en React o tal vez has estado batallando para aprender y entender verdaderamente cómo funciona este mundo, entonces este curso es la mejor manera de aprender React JS.

En este curso, te llevaremos a través de todo lo que necesitas saber para dominar el desarrollo web usando ReactJS mediante el suministro de un poderoso conocimiento a través de una mezcla de diagramas explicados y la creación de una aplicación completa.

¡No se necesita ningún conocimiento previo!

No es necesario tener conocimientos previos sobre React. Este curso te llevará desde un nivel de principiante a uno más avanzado con ejemplos prácticos.

Te sentirás seguro al usar React JS, y si alguna vez te quedas atascado, estaremos ahí para ayudarte.

¡Aprende haciendo!

Así que hemos hecho este curso tan simple como sea posible con el fin de llevarte paso a paso para que puedas sentirte con confianza y obtener una comprensión realmente buena de cómo utilizar ReactJS. En este curso, te enseñaremos React creando varios proyectos.

Aquí está la lista de lo que aprenderás al final del curso:

Empezaremos con la instalación local y la base de React. Después de eso, crearemos 5 proyectos.

  • Proyecto 1 - Aprender a crear una aplicación de React y JSX con "first-app".

  • Proyecto 2 - Aprender el sistema de props de React con la aplicación "blog-posts".

  • Proyecto 3 - Aprender las componentes de React, estados, métodos de ciclo de vida, operaciones de sincronización y mucho más con la aplicación "Hemisphere".

  • Proyecto 4 - Manejar los controladores de eventos, obtener datos de una API externa y mostrar la lista de registros con la aplicación "image-list".

  • Proyecto 5 - Cómo utilizar  React Router y usar React Portals para extraer las componentes hijo de la jerarquía DOM con la aplicación "react-router".

Al finalizar el curso:

Al finalizar el curso, podrás construir increíbles aplicaciones web de una sola página con React.

Contenido actualizado:

No es un secreto cómo la tecnología avanza a un paso acelerado. Cada día se lanzan nuevas herramientas, y es crucial estar al tanto de los últimos conocimientos para ser un mejor desarrollador de React.

Calidad de producción de video y audio:

Todo nuestro contenido es creado/producido con video y audio de alta calidad para ofrecerte la mejor experiencia de aprendizaje.

Estarás:

  • Viendo claramente

  • Escuchando claramente

  • Moviéndote a través del curso sin distracciones.

También recibirás:

  • Acceso de por vida al curso

  • Soporte en la sección de preguntas y respuestas y en la comunidad de Discord

  • Certificado de finalización de Udemy listo para ser descargado

  • Acceso al código fuente desde el minuto cero en Github

¿A qué esperas para apuntarte?

¡Nos vemos en el curso!


Screenshots

React JS: Aprende React JS desde cero con ejemplos prácticos
React JS: Aprende React JS desde cero con ejemplos prácticos
React JS: Aprende React JS desde cero con ejemplos prácticos
React JS: Aprende React JS desde cero con ejemplos prácticos

Content

Bienvenido al curso de React JS

¿Qué vas a aprender y cómo obtener ayuda en el curso?

Conoce a tu instructor Juan Gabriel Gomila

Cómo hacer preguntas en el foro de Udemy

Únete a la comunidad de Discord para aprender con amigos

Los repositorios del curso de React JS

No valores el curso hasta llevar más clases completadas

Empecemos a aprender React JS

Un breve aperitivo acerca de React JS

Algunas preguntas que seguro que ahora mismo tienes

Let, Const y Var en 3 minutos

Cómo instalar Node JS

Crea tu primer proyecto de react

¿Qué necesitas para crear un proyecto de React?

Creando nuestra primera app con React

¿Cómo se para una app de React?

Nuestra primera componente funcional

¿Qué es JSX?

Convertir HTML a JSX

Estilizado inline con JSX en React JS

Variables de Javascript en JSX

React con Props

Tres principios básicos sobre las componentes

Una app simple con React: comentarios de una red social

Estilizar una app con Semantic UI

Construir componentes con JSx

Indicar la ruta de una imagen en React JS

Duplicar una componente simple

Anidado de componentes

El sistema de props

Cómo pasar props a un hijo

Revisión de componentes reutilizables

El prop children

El proyecto finalizado en Github

Componentes basadas en clases

Componentes basadas en clases y componentes funcionales

Cómo se verá la nueva app

Cómo obtener la ubicación física del usuario

Manejo de operaciones asíncronas en React

Cómo convertir una componente funcional a una basada en clases

States en React

Reglas de estados

Inicialización de los estados en el constructor

Los métodos de ciclo de vida

Rendering condicional

Métodos de ciclo de vida

Acerca de los métodos de ciclo de vida

Refactorización de la app para incluir métodos de lifecycle

Transferir estados a través de props

Expresiones ternarias con JSX

Cómo mostrar una imagen

Cómo estilizar la app con CSS personalizado y Semantic UI

Herramientas de desarrollo gratuitas para Rect

Revisión final de la app

El proyecto finalizado en Github

Entradas de usuario, formularios y eventos en React JS

Cómo se verá la app

Diseño de componentes

El uso de formularios y campos de entrada

Estilizado de la app

Creación de Event Handlers

Elementos controlados vs no controlados

¿Para qué sirven los elementos controlados?

La palabra reservada 'this' en Javascript

Comunicación de hijos a padres

Cómo invocar callbacks en los hijos

La API Request de React

Obtención de datos

Axios vs Fetch

Función Async Await

Configurar el estado

Cómo renderizar una lista de componentes

Implementar el valor key en los objetos de la lista

¿Qué hemos aprendido de esta app?

El proyecto finalizado en Github

Navegación con React Router

Creación del proyecto

React Router

Los Links y los Nav Links

Redirects programados

Parámetros de Route

Etiqueta Switch de React Router

React Portals

¿Cómo crear un modal?

¿Para qué sirve React Portals?

Creación de React Portals

El proyecto finalizado en Github

Enhorabuena por completar el curso De React JS

Enhorabuena por completar el curso de React JS

BONUS: Un regalo para ti


Reviews

E
Esteban5 July 2021

El titulo del curso cumple lo que promete. he aprendido las bases y los ejemplos están buenos. no le doy 5 estrellas puesto que la parte de portals se siente algo inconclusa

B
Benjamin26 May 2021

El curso ha sido una buena elección. A diferencia de otros tutoriales donde la mayoría del tiempo sólo se muestra y escribe código, en este se aplican diagramas muy acertados para explicar a niveles conceptuales el contenido, esto hace posible que antes de ponerse a escribir el código el estudiante pueda entender los "por qué "y "para qué" que se están realizando las cosas.

M
Marcel10 May 2021

Si no sabes nada de React este curso es para ti. Es un curso de iniciación. Obviamente no es suficiente para dominarlo pero sinceramente el profesor es un master explicando. No se le escapa nada. Para sentar las bases de React, este es uno de los mejores cursos. Ojala el profe haga uno nivel medio, avanzado.

A
Antonio21 March 2021

El profesor tiene unas capacidades excelentes para comunicar y expresar los temas a tratar sobre React, la verdad que al tener poco tiempo para dedicar al dia a la formación, he seguido el curso realizando los proyectos en React visualizando los videos a una velocidad x1,75 y al profesor se le sigue entendiendo perfectamente y sin ningun problema. Conclusiones claras y gestion de los errores muy adecuados segun la situacion. El curso es una introduccion muy completa al mundo de React JS y muy facil de seguir y realizar los proyectos viendo asi los obstaculos y peculiaridades de React.

J
Juan1 February 2021

Muy buen curso. El profesor explica claramente y da buenos ejemplos. Explica las diferentes posibilidades que se pueden seguir, las muestra y luego explica porque conviene seguir tal o cual camino. Como única critica constructiva: el castellano es nuestro idioma y estaría bueno defenderlo usando el mismo todo lo posible y cada vez que se pueda a la hora de enseñar un lenguaje de programación que está en otro idioma (ej.: nombramiento de variables, páginas, componentes, mensajes en pantalla, etc.) Eso ayudaría mucho a la hora de aprender un nuevo lenguaje de programación.

O
Oscar3 January 2021

Hasta el momento ha sido un excelente curso, explica muy bien. habia visto mas cursos pero no entendia este esta completo, es muy facil de entender y los ejemplos que ponen son casos de usos cotidianos lo que puedes aplicar esos ejemplos con algun problema real

C
Cristian13 December 2020

el profesor explica muy bien espero que siga subiendo mas contenido o mas cursos a pesar que es tan conocido pero me ha gustado como explica a comparacion con otros cursos gracias saludos desde Alemania

J
Jon12 December 2020

Un curso muy completo, habia programado mucho anteriormente pero no conocía React. Me ha parecido un curso que transmite las bases de manera sólida, con unas explicaciones muy buenas. Espero que me sirva para comenzar a diseñar páginas mas profesionales que las que hacia hasta ahora. Un curso muy recomendado. Hay un detalle en una lección que se le escapa al profesor, pero esta comentada y solucionada en los comentarios, por lo demás, todo perfecto desde mi punto de vista

L
Leopoldo10 November 2020

excelente enseña cosas muy concretas que te ayudan a iniciar en cualquier proyecto sin irse demasiado por las ramas.

s
san18 October 2020

Ya voy por 50% de curso, Es calidad Profesional para los Estudiantes que inician en el mundo de React. poco hora de contenido pero, nada que decir ,son muy buenos!!! Gracias JG.

H
Hector8 August 2020

La verdad un excelente curso, sería bueno agregarle mas ejemplos para seguir aprendiendo, pero la verdad con el curso nos ayuda bastante porque cubre muchos temas importantes y pues puedo decir que vale la pena el curso. Saludos.

F
Fernando24 July 2020

Sí, fue una buena elección ya que aprendí lo necesario para seguir aprendiendo aún más de React. Pensé que era más difícil utilizarlo pero con las clases que se dictan es fácil entender. Lo único que como sugerencia podría usarse bootstrap en estilos y faltó algo de llamadas a Bases de datos. Pero en general, para el propósito del curso está muy bueno. Muchas gracias!

S
Sebastián7 June 2020

El curso lo encontré muy bueno, ya que recorre cada una de las áreas de React y permite avanzar en el entendimiento de este framework. Eso si me hubiera gustado que se hubiera ocupado .jsx en la nomenclatura de los componentes, pero es un pequeño detalle. Ojalá puedas sacar un curso más avanzado de este tema y a lo mejor vincularlo con alguna tecnología, que quizás no sea de JS para el back-end, de manera de entender mejor por ejemplo como consumir una API para los login por ejemplo.

B
BernabéGarcía25 May 2020

En primer lugar, decir que vengo de Angular y de Vue, y que nunca conseguí entrar bien en React. Pues bien, gracias a Juan Gabriel, me estoy enterando mejor de React y me está empezando a gustar. Sobre todo, lo que más valoro de Juan Gabriel como profesor es que explica y explica bien. Tengo varios cursos de él y éste curso no es una excepción. Con él te vas a enterar de qué es un componente funcional, qué es una clase, cómo son los métodos de ciclo de vida y el routing en ReactJS. Es un excelente profesor, ya sea de programación o de matemáticas(al menos los campos que me interesan) y sus cursos son recomendables. Decir que aunque he obtenido sus cursos en ofertas la inversión que hagas en cursos así se te devolverá con un ROT(Return Of Investment) grande. Si tengo que cambiar de trabajo o en mi trabajo me piden un proyecto con React se que gracias a este curso tendré las bases y me podré defender. Nada más que decir. Gracias(otra vez) Juan Gabriel.


Coupons

DateDiscountStatus
6/27/202194% OFFExpired
7/9/202194% OFFValid

3059118

Udemy ID

4/27/2020

Course created date

5/17/2020

Course Indexed date
Bot
Course Submitted by