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 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
Course content
- Preview08:29
- Preview10:29
- Preview02:17
- Preview01:04
- Preview01:58
- Preview04:15
- 02:42Sobre los Repositorios de Código en Github
- 01:49Cómo Obtener Ayuda cuando el código no funciona
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 (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 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 (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!
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
![Juan Pablo De la torre Valdez](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 62,281 Reviews
- 223,403 Students
- 25 Courses
Soy diseñador y programador web desde hace más de 15 años.
No te aburriré ni te contaré la tipica 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.
Pero muchos cursos hablaban términos confusos, extraños y no creaban un proyecto real, es por eso que enseño Creando Proyectos Reales
Todos los días trabajé con WordPress, Drupal, PHP, JavaScript, Laravel, Node.js, Express, React, Angular, Vue, Ruby on Rails, Django, React Native, Flutter en una empresa y para mis clientes Freelancer Pero cuando descubrí 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 con Udemy.