Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Nuevo Curso React 2021 con Proyecto Final
Rating: 4.4 out of 5(122 ratings)
11,158 students

Nuevo Curso React 2021 con Proyecto Final

Aprende y práctica
Last updated 9/2021
Spanish
Spanish [Auto],

What you'll learn

  • Aprenderan desde las bases hasta conceptos avanzados
  • Aprenderan a trabajar con Peticiones Http
  • Aprenderan a dar estilos en React
  • A trabajar con clases y con hooks
  • A crear un proyecto que es un juego de preguntas y respuestas
  • Muchos más temas que podrás ver en el índice

Course content

2 sections44 lectures12h 57m total length
  • Como descargar todo el código2:09

    Aprendemos a descargar el código desde un repositorio de Github

  • Código del curso0:02
  • Instalaciones3:59

    Vamos a instalar lo necesario para trabajar con react

  • Instalando react y creando proyecto17:53

    Vamos a instalar react globalmente y a crear nuestro proyecto.

  • Estructura de Carpetas en React19:51

    Vamos a ver la estructuras de carpetas que tenemos en react.

  • Estructura de un Componente22:34

    Vamos a ver la sintaxis de un componente y algunas cosas más.

  • Clases de componentes26:30

    Vamos a ver las clases de componentes que tenemos en React.

  • Props15:03

    Vamos a ver que son las props y como usarlas en React

  • State20:25

    Vamos a ver el state o estado en un componente.

  • Estilos CSS modo tradicional12:19

    Vamos a ver como damos estilos de la forma más sencilla en react

  • Estilos JS en linea13:46

    Vamos a aprender los estilos en linea en React

  • Estilos en Módulos20:40

    Vamos a ver los estilos en Módulos en react

  • Estilos con los Styled Components36:51

    Vamos a dar estilos con los Styled Components

  • Refs15:53

    Vamos a ver que són las Refs o referencias y nos sirven para interactuar con el DOM

  • Ciclo de Vida de los componentes35:01

    Vamos a ver el ciclo de vida de los componentes

  • Hooks25:43

    Aprenderemos a trabajar con los hooks

  • Validación35:39

    Vamos a aprender a Validar formularios.

  • Eventos19:19

    Vamos a ver como trabajamos los eventos en React

  • RenderizadoCondicional12:03

    Vamos a ver que es el renderizado condicional y como usarlo .

  • Spread Operator12:43

    Vamos a usar el operador Spread

  • Iterando Arrays y Arrays de objetos18:28

    Vamos a aprender a recorrer arrays y arrays de objetos

  • Iterando Keys(claves de objetos)7:26

    Vamos a iterar Keys o claves de objetos

  • Iterando Componentes15:55

    Vamos a iterar componentes.

  • Comunicación entre Componentes40:02

    Vamos a ver como se comunican los componentes entres sí.

  • Peticiones Http Fetch21:51

    Vamos a ver como hacemos peticiones http con fetch

  • Peticiones Http Axios15:43

    Vamos a ver como trabajar peticiones con Axios

  • Rutas Parte135:22

    Vamos a ver la primera parte de como crear rutas.

  • Rutas Parte 214:49

    Segunda parte de como vamos a crear rutas.

  • Hooks Personalizados18:24

    Vamos ver como realizar hooks personalizados

  • Hooks Personalizados 26:00

    Vamos a terminar nuestro hook personalizado.

  • Context (Introducción Context)6:29

    Vamos a ver que es Context.

  • Creando Archivo userContext17:04

    Creando el archivo principal que contiene el contexto.

  • Pasando Contexto a Componente18:54

    Vamos  a pasar el contexto ya creado a nuestro componente.

  • Redux31:54

    Vamos a ver Redux  que es la libreria para manejar estados entre componentes.

Requirements

  • Se necesitan conocimientos de Html,Css y javascript

Description

Curso completo de React en su parte frontend . Aprenderemos a crear aplicaciones con React  . Este curso nos enseñará a trabajar con clases, con hooks , distintas formas de integrar estilos , usar los styled components  , Redux , Context , a pasar información entre componentes por medio de las props.  Y también finalizaremos con un sencillo pero completo proyecto donde veremos como integrar muchos de los conocimientos que hemos adquirido. Es una práctica final , pero se subirán más ejercicios . El curso tiene soporte al alumno , una vez al dia revisó las dudas de los alumnos de todos los cursos. 


React es una librería de javascript , para el desarrollo de aplicaciones front-end . Lo que más carácteriza a este tipo de librerias es su forma modular de trabajo. Nos permite crear componentes independientes y reutilizables . Para nuestros próximos proyectos. Contadores , botones  y cualquier lógica que se nos ocurra podemos guardarla en un componente. También aprenderemos ha crear hooks personalizados , lo que nos permitirá crear nuestras funciones ya con la lógica encapsulada lo que nos ahorrará tiempo para nuestros futuros proyectos .


Al final haremos un proyecto de una aplicación de preguntas con 100 preguntas que se mostrarán al usuario aleatoriamente y tendrá tres opciones para resolver. El Alumno tendrá acceso a un repositorio donde podrá descargar todo el código , tanto del curso  como de la práctica.


¡¡¡Bienvenidos y nos vemos. !!!



Who this course is for:

  • Programadores que dominen los tres lenguajes básicos html marcado , css de estilos y js programación y quieran aprender react