React - La Guía Completa - Hooks Redux Context +15 Proyectos, Udemy Free Discount, Incluye React Hooks, Cloud Firestore, Redux, React Router, NextJS, Axios, REST API's, Seguridad, Autenticación y CRUDS!
4.6 (1,530 ratings), Created by Juan Pablo De la torre Valdez, Spanish [Auto-generated]
REVIEW THIS COURSE - GET COUPON CODE
Description
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.
100% Off Udemy Coupon . Free Udemy Courses . Online Classes