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!
