React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado]

Aprende React JS y Next 14 (app router) este 2024, Creando SPA, SSG, SSR con Login, React Hooks, Context API & Firebase.

4.70 (2563 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado]
9,363
students
49 hours
content
Dec 2023
last update
$64.99
regular price

What you will 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

Why take this course?

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 2024 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 14 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!

Screenshots

React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Screenshot_01React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Screenshot_02React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Screenshot_03React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Screenshot_04

Reviews

Juan
September 26, 2023
El curso está excelente! Llegué con conocimientos sobre los temas pero queriendo profundizar mejor en las conceptos. Si queres aprender de cero te va a servir un monton ya que constantemente el profe te está repitiendo y explicando cada cosa como si fuera la primera vez (probablemente por ser un remix de las clases de twitch) pero al mismo tiempo te ayuda a constantemente estar reforzando cada concepto. ------ 10 de 10 recomiendo.
Robertro
September 19, 2023
me encanto todo el recorrido con react, aprendí bastante y reforcé muchos conocimientos, pero la sección de NEXT fue la que me saco un poco de sintonía pero fuera de eso el profe le da bastante empeño a lo que hace.
Paola
August 13, 2023
Hasta ahora todo va muy bien y explica a detalle. La parte del repaso de JS fue larga pero muy necesaria para principiantes, se agradece.
Santiago
August 1, 2023
El profesor hace demasiado uso de "muletillas" y pronunciaciones graciosas en un intento de hacer el curso ameno, al final, la verdad termina siendo bastante molesto porque lo hace a cada minuto. Yo no pude terminarlo por este motivo, por otra parte hay contenido repetido (p.e. la parte de los todo) que no le veo el sentido que depues de hacer un ejemplo de TODO, venga un capítulo de 3 horas practicamente igual.
Jesús
July 30, 2023
Como siempre los cursos de Bluuweb son de lo mejor, tanto por el contenido, como por la forma de explicar. Altamente recomendable.
David
July 27, 2023
Creo que es el divulgador que mejor explica y se expresa! Aún queda mucho por ver, pero de momento si, por otros videos que vi de él.
Zahit
June 12, 2023
Explicaciones super claras, respuestas a a las preguntas que dejamos los alumnos, un repaso rápido pero super completo de javascript y de typescript, también aprendimos a utilizar tailwind css, frameworks para aplicaciones rápidas como vite, pero más importante, nextjs 13 con server components!. Utilizamos herramientas externas que sirven como un vistazo de lo que después podemos hacer, como firebase para backend as a service, Formik y yup para controlar formularios, contentlayer y strapi para poder generar headless.
Carlos
June 2, 2023
El profesor sabe mucho del tema y la verdad es que las clases son muy amenas. Volvería tomar una clase con el sin duda.
Cícero
May 30, 2023
Todos los cursos de Ignacio son excelentes, lo recomiendo a todos los que están comenzando, explicación sencilla y clara. Gracias por compartir conocimientos?
Inma
May 25, 2023
Es muy buen curso. No es el primero que compro de este profesor. No solo explica de manera sencilla y clara, sino que también genera su propia documentación para que sigas el curso a la perfección y lo repases cuando quieras. También se preocupa en contestar a tus preguntas en la plataforma de Udemy además de ir actualizando el curso cuando van sacando novedades. Muy recomendado
Manuel
May 21, 2023
El profesor explica bien apesar de que son recortes de una transmision de twich, lo no me gusta mucho es que la teoria la omite se basa mucho de un blog que creo el para esa teoria pero del resto se la come o no la explica.
José
April 29, 2023
Gran Profesor, con explicaciones claras de los temas del cursos y reforzando conocimientos que no son del curso como tal pero son necesarios para seguir avanzando en el desarrollo de los temas. Excelente Bluuweb 100% recomendado.
David
April 21, 2023
Excelente profesor, contenido dinámico, explica de una manera increíblemente didáctica, aprender con él es un lujo.
Josue
March 23, 2023
Muchas Gracias Ignacio por explicarnos con claridad y a un ritmo que todos podemos entender bien los puntos.
Isaac
February 15, 2023
El profe tiene una habilidad nata para explicar los temas, ademas de que en cada clase cada que puede o que se presenta la oportunidad aprovecha para dar un repaso de lo que se ha visto previamente

Charts

Price

React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Price chart

Rating

React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Ratings chart

Enrollment distribution

React JS + Next JS 14 ¡Curso Desde 0! [curso actualizado] - Distribution chart
2889734
udemy ID
3/20/2020
course created date
4/2/2020
course indexed date
Bot
course submited by