Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2020-12-09 21:10:49
30-Day Money-Back Guarantee

This course includes:

  • 18.5 hours on-demand video
  • 23 articles
  • 16 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development React

React JS Desde Cero! Hooks, Redux, Context, Firebase y más!

Aprende React JS paso a paso este 2020, Creando proyectos SPA con Login, React Hooks, Redux, Context API & Firebase.
Rating: 4.8 out of 54.8 (654 ratings)
2,058 students
Created by Ignacio bluuweb
Last updated 1/2021
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

20 sections • 196 lectures • 18h 21m total length

  • Preview02:14
  • Introducción
    01:30
  • Preview00:10

  • Introducción a Fundamentos de Javascript
    00:43
  • Var vs Let vs Const
    11:19
  • Funciones de Flecha (Arrow Functions)
    11:36
  • Template String
    04:29
  • Objetos
    05:50
  • Destructuring JavaScript Objects
    02:56
  • Practicando con Objetos
    05:56
  • Fetch API
    08:41
  • Async Await
    04:33
  • Map
    04:38
  • Filter
    04:17

  • Preview04:46
  • Mi primer proyecto
    05:53
  • Extensiones VSC
    02:13
  • Ejecutando proyecto
    03:04
  • Limpiando proyecto
    06:08
  • Mi primer componente
    07:51
  • Introducción a JSX
    04:38
  • Evento Click
    03:54
  • Fragment
    02:46
  • Hook de estado (useState)
    05:34
  • useState ejemplo contador
    05:18
  • Operador ternario
    02:53
  • Listas y key
    06:11
  • Array de objetos
    01:59
  • Operador de propagación
    05:28
  • Formulario con Bootstrap 4
    04:46
  • React Developers Tools
    02:08
  • Evento onChange
    03:42
  • Validar datos del formulario
    07:50
  • Practicando lo aprendido
    06:26
  • Archivos Terminados de esta sección
    00:06

  • Preview01:16
  • Nuevo proyecto y estructura
    08:13
  • Formulario y Generador de IDS (shortid)
    10:30
  • Listar Tareas
    02:28
  • Eliminar Tareas
    05:44
  • Formulario Editar Tareas
    07:29
  • Editar Tareas
    08:36
  • Pintando Errores en Formulario
    05:52
  • Archivos Terminados de esta sección
    00:06
  • Hosting GRATIS y desplegar aplicación web
    02:50

  • PROPS - Componentes dinámicos
    08:39
  • Extracción de componentes
    09:32
  • Alternativa para llamar a los PROPS
    01:49
  • Archivos Terminados de esta sección
    00:06

  • Preview14:56
  • Hook useEffect
    11:43
  • Rutas con Parámetros
    13:51
  • Archivos Terminados de esta sección
    00:06

  • Preview00:53
  • Instalar Firebase / Firestore
    06:10
  • Configurar Firebase en React
    03:27
  • Leer documentos de Firestore (parte 1)
    05:36
  • Leer documentos de Firestore (parte 2)
    08:08
  • Formulario Agregar Tareas
    03:43
  • Agregar documentos a Firestore
    05:25
  • Eliminar documento de Firestore
    04:47
  • Formulario Editar Tareas
    06:06
  • Editar documento Firestore
    06:45
  • Deploy a Hosting Firebase
    06:00
  • Archivos Terminados de esta sección
    00:06

  • Preview01:32
  • Instalar nuevo proyecto con Firebase y Rutas
    05:01
  • Configurar Firebase con Auth y Firestore
    03:20
  • Creando Rutas
    02:43
  • Menú de navegación (Navbar) con Bootstrap 4
    05:12
  • Formulario Login
    05:50
  • Validando Input
    05:17
  • Pintando Errores en Formulario
    03:57
  • Cambiar formulario de Registro a Login
    04:14
  • Registrar nuevo usuario en Firebase
    12:05
  • Problema Firebase versión 7.13.1
    04:54
  • Relacionar Auth con Collection de Firestore
    05:10
  • Login de acceso con Firebase
    07:26
  • Push: Redirigir a rutas (props.history.push)
    04:15
  • Ruta protegida (parte #1)
    06:07
  • Ruta protegida (parte #2)
    06:49
  • Cerrar sesión
    09:02
  • Archivos Terminados de esta sección
    00:06

  • Mezclar Auth con Firestore
    09:00
  • Archivos Terminados de esta sección
    00:06
  • Proyecto a Producción + Hosting + Reglas de seguridad Firebase (npm run build)
    09:18

  • Formatear fechas con Moment.js
    04:15
  • Recuperar contraseña del cliente
    12:07
  • Limitar, ordenar y paginar resultados de Firestore
    17:11
  • Archivos Terminados de esta sección
    00:06

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 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...

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 Abril 2020:

  • 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 Mayo 2020:

  • Context API utilizando Hooks

  • Chat con Firestore y Context API

Actualización Junio 2020:

  • 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

Ignacio bluuweb
Programador y Fundador de bluuweb!
Ignacio bluuweb
  • 4.7 Instructor Rating
  • 7,001 Reviews
  • 89,145 Students
  • 6 Courses

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 :)

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.