React - La Guía Completa: Hooks Context Redux MERN +15 Apps
What you'll learn
- El curso incluye SSR, Gatsby, Nextjs, MERN, Styled Components, Context
- Crear proyectos con Redux y React Redux (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, Vercel 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
Requirements
- 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!
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, MERN, Gatsby, GraphQL, Testing Creando más de 15 proyectos REALES
React es una librería JavaScript desarrollada por Meta (Facebook) para crear Interfaces Web y Aplicaciones Interactivas y con flujo de datos más complejo que jQuery o solamente JavaScript.
Aprender React sin duda te hará mejor desarrollador Web y JavaScript, es una libreria que nos permite escribir código de JavaScript moderno y crear increíbles aplicaciones web.
En este curso aprenderás esta librería creando múltiples proyectos del Mundo Real (Nada de Autenticaciones desde archivos TXT como en otros cursos, o pasar 20 horas viendo que es el State, 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, ¿Cuánto JavaScript debo saber antes de 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 React.
3.- Herramientas para Crear Apps en React
Veremos algunas opciones para crear apps de React, entre ellas Vite, Remix Run, Next.js y Gatsby
4.- Instalación de Node y NPM en Windows
Veamos como instalar Node en Windows
5.- Instalación de Node y NPM en Windows
Veamos como instalar Node en Mac
6.- PROYECTO: Administrador de Pacientes en Vite, Tailwind CSS y LocalStorage
Comenzaremos con un proyecto que incluye formularios, validación, state, props, Tailwind CSS para estilos y LocalStorage, desde el primer proyecto ya tendrás una base sólida de React.
7.- PROYECTO: Control de Presupuesto en React con Vite y LocalStorage
Tomaremos lo aprendido en el capítulo anterior y estaremos viendo como crear un control de presupuestos, con validación, gráficas, y mucho más!
8.- PROYECTO: Cotizador de Criptomonedas en Vite, Styled Components, Custom Hooks
Este será nuestro primer proyecto consumiendo una API externa, veremos como enviar una petición hacia un servidor, leer la respuesta e imprimirla en pantalla, este proyecto incluye styled components y custom hooks.
9.- PROYECTO: Administrador de Clientes - React Router DOM, Tailwind y JSON-Server
En este Proyecto veremos como crear aplicaciones en React de múltiples páginas con React Router DOM
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!
Who this course is for:
- 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 15 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
Instructor
Soy diseñador y programador web desde hace más de 15 años.
No te aburriré ni te contaré la típica historia de que soy programador desde los 6 años porque eso sería mentir.
Empecé a los 18 años y la programación cambió mi vida.
Aprendí con tutoriales en video, por eso creo en este formato de enseñanza; el problema es que muchos cursos hablaban con términos confusos, extraños y no creaban un proyecto real, es por eso que enseño Creando Proyectos Reales.
Por años he trabajado con WordPress, Drupal, PHP, JavaScript, Laravel, Node.js, Express, React, Angular, Vue, Ruby on Rails, Django, React Native, Flutter en diferentes empresas de mi Ciudad y para algunos clientes de forma Freelancer, pero cuando conocí a Udemy descubrí que podia realizar los cursos creando proyectos reales que tanta falta hacian, por lo tanto renuncie a mi trabajo y deje mi agencia de diseño Freelancer para comenzar Código Con Juan en Udemy.