Jump to content
Nuevos Rangos en EyBooks Read more... ×
Juandavid990

UDEMY React - La Guía Completa - Hooks Redux Context +15 Proyectos

Recommended Posts

On 29/6/2019 at 18:35, Juandavid990 dijo:

React.png

 

Requisitos
  • Si has escrito HTML, CSS y JavaScript y deseas aprender React, estas en el curso Adecuado
  • Incluso si no has escrito Código JavaScript Moderno ( ES6+ ) el curso tiene una sección de JavaScript antes de comenzar con React
  • No es necesario conocimientos previos en React asumo que nunca has escrito una sola línea de React!
 
Descripción

El único curso que enseña REACT SIN CONOCIMIENTO PREVIO HASTA LOS TEMAS MÁS AVANZADOS! COMPLETAMENTE REGRABADO PARA APRENDER HOOKS, CONTEXT Y REDUX! Creando más de 15 proyectos

React es una librería JavaScript desarrollada por Facebook para crear Interfaces Web y Aplicaciones Interactivas y con flujo de datos más complejo que  jQuery o JavaScript.

Aprender React sin duda te hará mejor desarrollador Web y JavaScript, es una libreria que nos permite escribir código de JavaScript Moderno hoy en dia.

En este curso aprenderás esta librería creando múltiples proyectos del Mundo Real.

Los Proyectos que desarrollaremos son:

  • Administrador de Biblioteca con Redux y Cloud Firestore

  • Buscador de Eventos con EventBrite API y Fetch API

  • Buscador de Imágenes con Pixabay API

  • Aplicación CRUD con React Router, JSON Server y Axios

  • Cotizador de Criptomonedas

  • Portal de Noticias con News API

  • Administrador de Citas de Veterinaria con React y Local Storage

  • Gasto y Presupuesto Semanal

  • Aplicación de Clima con Fetch API 

  • Cotizador de Seguro de Autos con múltiples Modelos, Marcas y Tipo de Seguro.

  • Portal de Bitcoin con Noticias, Cotización y Próximos Eventos con NextJS

  • Autenticación de Usuarios con JWT y Auth0

  • Frases de Breaking Bad

  • Buscador de Letras e Información de Bandas músicales.

     

Si nunca has escrito  código React pero tienes deseos de aprenderlo, estas en el curso adecuado, asumo que nunca has escrito una sola linea de React.

¿No has escrito código JavaScript o escribiste JavaScript en las versiones anteriores y no lo recuerdas? El curso también incluye una Introducción / Recordatorio a JavaScript!

 

¿Que Aprenderé en el Curso?

1.- Introducción al Curso y Proyectos que construiremos

Veremos todo lo que aprenderás en el curso de React JS

2.- JavaScript - Introducción / Recordatorio, ¿Cuanto JavaScript debo saber para aprender React?

Al ser React una  librería JavaScript, lo ideal es tener algo de conocimiento en este lenguaje, ya sea que nunca hayas escrito una línea de JavaScript o lo hayas hecho hace tiempo, este capítulo contiene todo lo que debes saber antes de comenzar con ReactJS

3.- Instalando NodeJS, NPM y create-react-app

Muchos cursos te enseñarán a crear un workflow con Webpack y extender así la duración del curso,  create-react-app ya tiene todo lo que necesitas, por lo tanto crearemos los proyectos con esta herramienta.

4.- Introducción Básicos de React

Comenzaremos a Escribir el código básico de React, veremos que es JSX, Componentes, distintos tipos de Componentes, Props, State, términos que son nuevos y existen en React, una base sólida antes de comenzar a crear proyectos más avanzados.

5.- PROYECTO: Administrador de Pacientes de Veterinaria - Class Components

El 95% del código de React esta hecho con Class Components, si Hooks hacen todo más sencillo, pero como desarrollador React es importante que conozcas también los Class Components,

Este será nuestro primer proyecto en React, crearemos un proyecto con un formulario de contacto donde daremos de alta pacientes de veterinaria e información extra, todo se va a almacenar en Local Storage para que los datos se guarden incluso refrescando la ventana, un proyecto más complejo para aprender React

6.- PROYECTO:  Sitio Web de Noticias desde una REST API  - Class Components

Será nuestro primer Proyecto con una API Externa, una de tus actividades que tendrás como desarrollador de React será consumir una API con un backend como PHP, Java, C#, Python o Node, y en este curso comenzarás a consumir una API.

7.- PROYECTO: Buscador de Eventos con EventBrite API y React - Context API

Un proyecto más desde una aplicación externa, donde mostraremos los resultados desde una REST API externa como es la de EventBrite, veremos las ventajas de utilizar Context API que esta disponible desde React 16.3

8.- PROYECTO: Aplicación de Clima con REST API - React Hooks

Veamos como utilizar Hooks y también que son para crear nuestras aplicaciones, consumiremos una API donde leeremos los datos del formulario y enviar el REQUEST hacia la API y finalmente mostrar el resultado.

9.- PROYECTO: Administrador de Pacientes - React Hooks

La forma de aprender React Hooks es tomando un proyecto que ya tengas como Class Components y lo realices con Hooks, así que veremos como transformar un proyecto ya existente en Hooks!

10.- PROYECTO: Frases de Breaking Bad - React Hooks

Veamos como utilizar React Hooks para llamar la API desde un botón, así como mostrar los resultados de frases de la serie de Breaking Bad.

11.- PROYECTO: Buscador de Letras Musicales e información de Bandas o Grupos de Música - React Hooks

En este capítulo crearemos un buscador, si buscas por un artista y una canción la API nos retornará la letra de ella, además haremos una segunda consulta a otra API para obtener más información sobre una banda en especifico.

12.- PROYECTO: Cotizador de Criptomonedas con React y Axios - React Hooks

Fetch es genial, pero axios hace las consultas a REST API's mucho más fácil en React, veremos como obtener el precio actual de una gran cantidad de criptomonedas con solo presionar un botón y diferentes monedas tradicionales.

13.- PROYECTO: Buscador de Imágenes con Pixabay - React Hooks.

En este proyecto utilizaremos la API de Pixabay para realizar una búsqueda de imágenes que puedes utilizar en tus proyectos y descargarlas, además veremos como crear un paginador en React.

14.- PROYECTO: Operaciones CRUD con Axios, Sweet Alert 2, React Router y JSON Server - React Hooks

En algunas ocasiones será necesario crear una aplicación CRUD - Crear, Leer, Actualizar y Eliminar registros en React, utilizaremos una REST API que nos permitirá simular estas acciones muy fácilmente, la vamos a configurar con JSON Server y el proyecto estará hecho con React Hooks.

15.- PROYECTO: Autenticación en React con JWT, Auth0 y un Servidor Express (NodeJS)

En este capítulo veremos como crear un servidor en Express (NodeJS) que nos permitirá mostrar una serie de Productos que vamos a consumir en nuestro Cliente (Aplicación de React) utilizando un servicio de Autenticación llamado Auth0, además, veremos como validar un JWT y autenticar usuarios con JSON Web Tokens

16.- PROYECTO: Portal Bitcoin con Noticias, Cotización y Próximos Eventos en NextJS

SSR o Server Side Rendering, permitirá mostrar el contenido utilizando el servidor y no el cliente (como hacen todas las aplicaciones en react)

Esto ayudará al Performance, también a mejorar el SEO, y el mejor proyecto es NEXTJS, veamos como utilizarlo!

17.- Introducción a REDUX

En este capítulo veremos una introducción a Redux, que es el store, actions y reducers, y todos los términos que son necesarios para comenzar a dominar Redux.

18.- PROYECTO: Administrador de Citas para Veterinaria con REDUX y LocalStorage

En este capítulo tomaremos un proyecto de los ya existentes y veremos como transformarlo en una aplicación con Redux, así podrás ver las diferencias entre un proyecto con State y Props y uno con Redux para el state, así como Hooks, ya que este proyecto se realiza con Classes, Hooks y Redux en el curso.

19.- PROYECTO: CRUD con React, Redux, REST API y Axios

Crearemos un proyecto con una REST API y React y Redux desde cero, utilizaremos AXIOS porque será un CRUD (Crear, Leer, Actualizar y Eliminar Registros con estas 4 tecnologías)

20: PROYECTO: Creando una App con Firestore / Firebase, React y Redux

En este capítulo veremos como crear una Aplicación con Firestore / Firebase, tendrá la Base de datos en tiempo real, autenticación de usuarios y veremos como unir 2 colecciones para hacerla más dinamica e interactiva.

¿Para quién es este curso?
  • Si ya has tomado un curso en React pero te dejo más dudas que otra cosa, este curso es para ti, iremos paso a paso introduciendo temas nuevos y cada vez más complejos
  • Desarrolladores y Programadores Web que desean incorporar React a sus habilidades
  • Desarrolladores que deseen aprender la Librería más popular para Aplicaciones Modernas con JavaScript
  • Si eres de las personas que aprenden más desarrollando proyectos reales, este curso es para ti, incluimos más de 10 Proyectos!
  • Si eres de las personas que aprenden con cursos paso a paso, escribiendo código sin prisas y sabiendo que sucede, este curso es para ti,
  • React es una de las librerías mejor pagadas, cualquier persona que desee obtener un ingreso mayor debe tomar este curso

 

Alojado en MEGA descomprimido

Si requiere actualización o sucede algo con el link avisarme y lo arreglaré lo antes posible

Cualquier voto positivo es bien recibido :)

 

 

Hidden Content

  • Give reaction to this post to see the hidden content.

 

Gracias por el aporte

Share this post


Link to post
Share on other sites

Woow muchas gracias por compartir :)

On 29/6/2019 at 18:35, Juandavid990 dijo:

React.png

 

Requisitos
  • Si has escrito HTML, CSS y JavaScript y deseas aprender React, estas en el curso Adecuado
  • Incluso si no has escrito Código JavaScript Moderno ( ES6+ ) el curso tiene una sección de JavaScript antes de comenzar con React
  • No es necesario conocimientos previos en React asumo que nunca has escrito una sola línea de React!
 
Descripción

El único curso que enseña REACT SIN CONOCIMIENTO PREVIO HASTA LOS TEMAS MÁS AVANZADOS! COMPLETAMENTE REGRABADO PARA APRENDER HOOKS, CONTEXT Y REDUX! Creando más de 15 proyectos

React es una librería JavaScript desarrollada por Facebook para crear Interfaces Web y Aplicaciones Interactivas y con flujo de datos más complejo que  jQuery o JavaScript.

Aprender React sin duda te hará mejor desarrollador Web y JavaScript, es una libreria que nos permite escribir código de JavaScript Moderno hoy en dia.

En este curso aprenderás esta librería creando múltiples proyectos del Mundo Real.

Los Proyectos que desarrollaremos son:

  • Administrador de Biblioteca con Redux y Cloud Firestore

  • Buscador de Eventos con EventBrite API y Fetch API

  • Buscador de Imágenes con Pixabay API

  • Aplicación CRUD con React Router, JSON Server y Axios

  • Cotizador de Criptomonedas

  • Portal de Noticias con News API

  • Administrador de Citas de Veterinaria con React y Local Storage

  • Gasto y Presupuesto Semanal

  • Aplicación de Clima con Fetch API 

  • Cotizador de Seguro de Autos con múltiples Modelos, Marcas y Tipo de Seguro.

  • Portal de Bitcoin con Noticias, Cotización y Próximos Eventos con NextJS

  • Autenticación de Usuarios con JWT y Auth0

  • Frases de Breaking Bad

  • Buscador de Letras e Información de Bandas músicales.

     

Si nunca has escrito  código React pero tienes deseos de aprenderlo, estas en el curso adecuado, asumo que nunca has escrito una sola linea de React.

¿No has escrito código JavaScript o escribiste JavaScript en las versiones anteriores y no lo recuerdas? El curso también incluye una Introducción / Recordatorio a JavaScript!

 

¿Que Aprenderé en el Curso?

1.- Introducción al Curso y Proyectos que construiremos

Veremos todo lo que aprenderás en el curso de React JS

2.- JavaScript - Introducción / Recordatorio, ¿Cuanto JavaScript debo saber para aprender React?

Al ser React una  librería JavaScript, lo ideal es tener algo de conocimiento en este lenguaje, ya sea que nunca hayas escrito una línea de JavaScript o lo hayas hecho hace tiempo, este capítulo contiene todo lo que debes saber antes de comenzar con ReactJS

3.- Instalando NodeJS, NPM y create-react-app

Muchos cursos te enseñarán a crear un workflow con Webpack y extender así la duración del curso,  create-react-app ya tiene todo lo que necesitas, por lo tanto crearemos los proyectos con esta herramienta.

4.- Introducción Básicos de React

Comenzaremos a Escribir el código básico de React, veremos que es JSX, Componentes, distintos tipos de Componentes, Props, State, términos que son nuevos y existen en React, una base sólida antes de comenzar a crear proyectos más avanzados.

5.- PROYECTO: Administrador de Pacientes de Veterinaria - Class Components

El 95% del código de React esta hecho con Class Components, si Hooks hacen todo más sencillo, pero como desarrollador React es importante que conozcas también los Class Components,

Este será nuestro primer proyecto en React, crearemos un proyecto con un formulario de contacto donde daremos de alta pacientes de veterinaria e información extra, todo se va a almacenar en Local Storage para que los datos se guarden incluso refrescando la ventana, un proyecto más complejo para aprender React

6.- PROYECTO:  Sitio Web de Noticias desde una REST API  - Class Components

Será nuestro primer Proyecto con una API Externa, una de tus actividades que tendrás como desarrollador de React será consumir una API con un backend como PHP, Java, C#, Python o Node, y en este curso comenzarás a consumir una API.

7.- PROYECTO: Buscador de Eventos con EventBrite API y React - Context API

Un proyecto más desde una aplicación externa, donde mostraremos los resultados desde una REST API externa como es la de EventBrite, veremos las ventajas de utilizar Context API que esta disponible desde React 16.3

8.- PROYECTO: Aplicación de Clima con REST API - React Hooks

Veamos como utilizar Hooks y también que son para crear nuestras aplicaciones, consumiremos una API donde leeremos los datos del formulario y enviar el REQUEST hacia la API y finalmente mostrar el resultado.

9.- PROYECTO: Administrador de Pacientes - React Hooks

La forma de aprender React Hooks es tomando un proyecto que ya tengas como Class Components y lo realices con Hooks, así que veremos como transformar un proyecto ya existente en Hooks!

10.- PROYECTO: Frases de Breaking Bad - React Hooks

Veamos como utilizar React Hooks para llamar la API desde un botón, así como mostrar los resultados de frases de la serie de Breaking Bad.

11.- PROYECTO: Buscador de Letras Musicales e información de Bandas o Grupos de Música - React Hooks

En este capítulo crearemos un buscador, si buscas por un artista y una canción la API nos retornará la letra de ella, además haremos una segunda consulta a otra API para obtener más información sobre una banda en especifico.

12.- PROYECTO: Cotizador de Criptomonedas con React y Axios - React Hooks

Fetch es genial, pero axios hace las consultas a REST API's mucho más fácil en React, veremos como obtener el precio actual de una gran cantidad de criptomonedas con solo presionar un botón y diferentes monedas tradicionales.

13.- PROYECTO: Buscador de Imágenes con Pixabay - React Hooks.

En este proyecto utilizaremos la API de Pixabay para realizar una búsqueda de imágenes que puedes utilizar en tus proyectos y descargarlas, además veremos como crear un paginador en React.

14.- PROYECTO: Operaciones CRUD con Axios, Sweet Alert 2, React Router y JSON Server - React Hooks

En algunas ocasiones será necesario crear una aplicación CRUD - Crear, Leer, Actualizar y Eliminar registros en React, utilizaremos una REST API que nos permitirá simular estas acciones muy fácilmente, la vamos a configurar con JSON Server y el proyecto estará hecho con React Hooks.

15.- PROYECTO: Autenticación en React con JWT, Auth0 y un Servidor Express (NodeJS)

En este capítulo veremos como crear un servidor en Express (NodeJS) que nos permitirá mostrar una serie de Productos que vamos a consumir en nuestro Cliente (Aplicación de React) utilizando un servicio de Autenticación llamado Auth0, además, veremos como validar un JWT y autenticar usuarios con JSON Web Tokens

16.- PROYECTO: Portal Bitcoin con Noticias, Cotización y Próximos Eventos en NextJS

SSR o Server Side Rendering, permitirá mostrar el contenido utilizando el servidor y no el cliente (como hacen todas las aplicaciones en react)

Esto ayudará al Performance, también a mejorar el SEO, y el mejor proyecto es NEXTJS, veamos como utilizarlo!

17.- Introducción a REDUX

En este capítulo veremos una introducción a Redux, que es el store, actions y reducers, y todos los términos que son necesarios para comenzar a dominar Redux.

18.- PROYECTO: Administrador de Citas para Veterinaria con REDUX y LocalStorage

En este capítulo tomaremos un proyecto de los ya existentes y veremos como transformarlo en una aplicación con Redux, así podrás ver las diferencias entre un proyecto con State y Props y uno con Redux para el state, así como Hooks, ya que este proyecto se realiza con Classes, Hooks y Redux en el curso.

19.- PROYECTO: CRUD con React, Redux, REST API y Axios

Crearemos un proyecto con una REST API y React y Redux desde cero, utilizaremos AXIOS porque será un CRUD (Crear, Leer, Actualizar y Eliminar Registros con estas 4 tecnologías)

20: PROYECTO: Creando una App con Firestore / Firebase, React y Redux

En este capítulo veremos como crear una Aplicación con Firestore / Firebase, tendrá la Base de datos en tiempo real, autenticación de usuarios y veremos como unir 2 colecciones para hacerla más dinamica e interactiva.

¿Para quién es este curso?
  • Si ya has tomado un curso en React pero te dejo más dudas que otra cosa, este curso es para ti, iremos paso a paso introduciendo temas nuevos y cada vez más complejos
  • Desarrolladores y Programadores Web que desean incorporar React a sus habilidades
  • Desarrolladores que deseen aprender la Librería más popular para Aplicaciones Modernas con JavaScript
  • Si eres de las personas que aprenden más desarrollando proyectos reales, este curso es para ti, incluimos más de 10 Proyectos!
  • Si eres de las personas que aprenden con cursos paso a paso, escribiendo código sin prisas y sabiendo que sucede, este curso es para ti,
  • React es una de las librerías mejor pagadas, cualquier persona que desee obtener un ingreso mayor debe tomar este curso

 

Alojado en MEGA descomprimido

Si requiere actualización o sucede algo con el link avisarme y lo arreglaré lo antes posible

Cualquier voto positivo es bien recibido :)

 

 

Hidden Content

  • Give reaction to this post to see the hidden content.

 

:) super

Muchas gracias +1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Contenido en EyBooks

EyBooks no almacena ni reproduce contenido protegido por derechos de autor.

Siguenos

×