React - La Guía Completa: Hooks Context Redux MERN +15 Apps

0
Join & Subscribe
Udemy
Paid Course
Spanish
Certificate Available
58 hours worth of material
selfpaced

Overview

Incluye React Hooks Gatsby GraphQL Firestore Redux Context MERN Next.js Styled Components Testing Cypress +15 PROYECTOS!

What you'll learn:
  • El curso incluye SSR, Gatsby, Nextjs, MERN, Styled Components, Context
  • Crear proyectos con Reduxy React Redux v7 (con Hooks)
  • Crear Más de 15 Proyectos con React
  • Conocer React a fondo
  • Conocer que es son los Hooks y crear tus propios Hooks
  • Utilizar Fetch API y Axios con React para consumir API's
  • Integrar React con otras tecnologías JavaScript como Local Storage
  • Crear aplicaciones y request CRUD con React
  • Conocer Server Side Rendering con React con Nextjs y Gatsby
  • Deployment de Aplicaciones en React en Netlify, Heroku, Zeit y mucho más
  • Crear Proyectos en React y escribir código React que siga las buenas prácticas
  • Crear Proyectos con Nextjs y Gatsby
  • Integrar Mongo Express y Node con React
  • Aprender los Hooks useReducer y useContext

El único curso que enseña REACT SIN CONOCIMIENTO PREVIO HASTA LOS TEMAS MÁS AVANZADOS! COMPLETAMENTE REGRABADO (2020)PARA APRENDER HOOKS, CONTEXT Y REDUX, MERN, Gatsby, GraphQL, Testing 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 desarrolladorWeb 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 (Nada de Autenticaciones desde archivos TXT como en otros archivos, solo código del mundo real que te dará un trabajo)

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, 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

En este proyecto aprenderás a leer datos de formularios y su validación, mostrar componentes de forma condicional y conocer más sobre el flujo del state, también veremos como integrar LocalStorage con React

6.-PROYECTO: Control de Presupuesto

Estaremos creando un proyecto donde profundizaremos más en React y algunas funciones muy útiles para operaciones, así como aprender más sobre leer formularios y state.

7.- Cotizador de Seguros de Autos

Veremos como integrar funciones "helper" además de animaciones en React junto a lo que ya sabemos como State, formularios y Componentes.

8.- PROYECTO: Frases de Breaking Bad desde una API

Será el primer Proyecto que obtenga datos de la web al momento desde un servidor, veremos como consultar una API con Fetch y async/await e integrarlo a React

9.- PROYECTO: Obtener el Clima desde una API

Veremos como tomar los datos de un formulario y pasarlos como parametros a una API, de ahí haremos la consulta para obtener el clima de una ciudad.

10.- PROYECTO: Cotizador de Criptomonedas

Veremos como tomar 10 criptomonedas y cotizarlas en TIEMPO REAL para obtener su precio al momento, ya sea Bitcoin a USD o Ethereum a Peso Mexicano los datos vienen desde una API y aprenderemos más sobre Styled Components.

11.- PROYECTO: Buscador de Noticias con una API

Será de los últimos proyectos con API's gratis, veremos como crear Custom Hooks y otros temás como CSS Modules

12.- PROYECTO: Buscador de Imágenes con Pixabay API

Además de lo que aprendemos en cada proyecto (state, formularios, validación, props)este proyecto incluye un paginador personalizado y otras caracteristicas.

13.- PROYECTO: Buscador letras e información de artistas

Este proyecto realiza una consulta hacia 2 API's al mismo Tiempo

14.- PROYECTO: Buscador de Bebidas con Context

Comenzaremos a trabajar con Context API y el nuevo Hook de useContext() uno de los proyectos de nivel intermedio que te van a preparar para los temas siguientes.

15.- PROYECTO MERN: Administrador de Proyectos y Tareas

Aprende a Crear tu propio Basecamp, Asana o Trello con esta App, permite a los usuarios crear su cuenta, iniciar sesión y comenzar a crear proyectos y asignarles tareas, los usuarios podrán marcar y desmarcar tareas finalizadas y tendrá todas las opciones del CRUD (Crear Leer Actualizar y Borrar)
El Proyecto utiliza MERN(MongoDB Node.js Express y React) estaremos creando una REST API desde cero que conectaremos a React.

16.- Next.js y Firebase: Creando un Clon del Sitio Product Hunt

Aprende Next.js el framework React para crear sitios y aplicaciones SSR, lo integraremos con Firebase ( incluyendo Autenticación, Storage, Database y Hosting)para crear un clon del sitio web product hunt, los usuarios podrán darse de alta, dar de alta productos, recibir votos y comentarios!

17.- Gatsby, GraphQL y DatoCMS

Si hay una tecnología que debes aprender este 2020 es Gatsby, la velocidad y performance son increibles, además esta hecho en React, utiliza SSR y soporta GraphQL, sin duda el presente y futuro de React!

Taught by

Juan Pablo De la torre Valdez