React JS + Next JS 13 ¡Curso Desde 0! [Actualización 2023]
What you'll learn
- React: Fundamentos paso a paso y desde cero
- Hooks: Trabajar con Hooks en React [nuevas características de React]
- Firebase: Integrar Firebase como Backend
- Firestore: Utilizar bases de datos con Firestore
- Auth: Crear Autenticación y Registro de usuarios en nuestra aplicación web
- Router: Configurar Rutas protegidas dando acceso solo a usuarios registrados en nuestro sitio web
- Bases de Datos: Aprender reglas para proteger nuestra base de datos
- SPA: Crear aplicaciones SPA
- Redux: Aprende los fundamentos de Redux en React
- Ducks: Utiliza la metodología de "Pato" en Redux
- Storage: Manejo de imágenes con Firebase
- Custom Claims: Aprende a utilizar roles con rutas protegidas
- Functions: Ejecuta funciones con node en Firebase
- Context API: Datos globales sin utilizar props
- Reglas de seguridad avanzada con Roles de usuarios
- Desplegar aplicaciones en Firebase hosting gratis
Requirements
- Conocimientos de Javascript básicos
- Conocimientos de HTML y CSS básicos
- Conocimientos de Bootstrap 4 básicos
Description
React js librería creada por Facebook!: Bienvenidos al curso de React.js y NEXT.js utilizando Hooks, Redux, Context API y Firebase. El objetivo de este curso es que aprendamos a desarrollar web SPA utilizando rutas protegidas, bases de datos, subirlas a un servidor web y más. En este 2023 actualizamos el curso para también aprender NEXT.js 13.
El curso está orientado para ir paso a paso sin necesidad de tener conocimientos previos, por lo tanto puedes revisar cada una de las secciones que conforman el curso aquí:
Contenido del curso:
Fundamentos de React JS desde cero para principiantes [para aquellos que nunca han tocado una librería de Javascript]
Características principales de los Hooks en React.js
Configuración de rutas y rutas protegidas.
Configuración de Firebase en nuestro proyecto React.
Trabajar con Bases de Datos en tiempo real con Firestore [un servicio de Firebase].
Configurar Auth [autenticación] con Login y registro de nuevos usuarios con Email y Contraseña.
Relacionar usuarios registrados con colecciones [bases de datos]
Subir proyecto a Hosting de Firebase.
Trabajar con Reglas de seguridad de Firebase.
Actualización 2023 (Mayo):
NEXT: versión 13 app router
NEXT: Fundamentos
NEXT: app router
NEXT: SSG + Markdown
NEXT: SSR + Strapi IO
Actualización 2023 (Abril):
React + Typescript
Actualización 2023 (Marzo):
React Router v6.4
Firebase Auth (email y contraseña) + Router v6.4
Formik (Login & Register)
Yup validaciones de formularios con Formik
Actualización 2022 (Marzo):
Fundamentos con Vite
Formularios controlados y no controlados
Todo App con Tailwind CSS + Vite
Firebase 9 + Vite + Tailwind CSS
Actualización 2020 (Abril):
Redux: Fundamentos y primeros pasos con Ducks
Redux: Creación de proyecto Pokemon API + LocalStorage
Login con cuentas de Google
Rutas protegidas con LocalStorage & Firebase Auth
Imágenes en Firebase utilizando Storage
Material UI (en construcción)
Actualización 2020 (Mayo):
Context API utilizando Hooks
Chat con Firestore y Context API
Actualización 2020 (Junio):
Roles con Firebase Functions ( Custom claim )
Nos vemos en clases!
Who this course is for:
- React : Desarrolladores web que quieran crear aplicaciones geniales con React Hooks
- Firebase : Desarrolladores web que deseen aprender a integrar Firebase a sus desarrollos de React js
- Redux : Desarrolladores web que desean utilizar Redux en React
Instructor
Hola, soy bluuweb! (Ignacio Gutiérrez) un canal en Youtube que trata de proporcionar la mejor energía para enseñar a programar, si estás listo para aprender no dudes en darme una oportunidad :)
Mi principal objetivo es que puedas aprender sin quedarte dormido en el proceso, desarrollo muchas prácticas para aterrizar lo aprendido y estar siempre mostrando la documentación oficial para entusiasmar el hambre de seguir aprendiendo juntos.
Nos vemos en el siguiente video tutorial!