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!