[ad_1]
https://i.ytimg.com/vi/rwIOw7f0RHk/hqdefault.jpg
Login Angular 9, Firebase y Bootstrap 4 – Email & Contraseña
En este tutorial hacemos un login con Angular 9, Firebase y Bootstrap 4.
Aprende a crear login angular firebase.
Curso de Angular 8:
Facebook: https://www.facebook.com/dominicodee/
Twitter: https://twitter.com/domini_code
Suscríbete al canal: https://www.youtube.com/c/DominiCode
Código del proyecto:
https://github.com/bezael/Login_Angular_9_Firebase_Bootstrap_4
Firebase Cookbook (Inglés)
https://amzn.to/2JnM3II
Build Mobile Apps with Ionic 4 and Firebase: Hybrid Mobile App Development
https://amzn.to/2Rjipa5
Pro Angular 6 (Inglés) Tapa blanda
https://amzn.to/2Sk9q9U
Angular 6 by Example (Inglés) Tapa blanda
https://amzn.to/2O9ym0D
PHP 7. Desarrollar Un Sitio Web Dinámico E Interactivo
https://amzn.to/2Q054TX
Pro PHP Refactoring (Inglés) Tapa blanda
https://amzn.to/2RlidY6
Original source
43 responses to “#Angular #Firebase #Bootstrap Login Angular 9, Firebase y Bootstrap 4 – Email & Contraseña”
Hola, muy buen video,son muy bien explicados e intuitivos, estoy aprendiendo angular desde la versión 9 y no encuentro mucha información actulizada, éste video me ha sacado de varias dudas, voy verme la lista de angular 8, porque no tines de 9 cierto? y tengo una duda, podrias decirme el nombre de la extencipon que colorea las tabulaciones de diferente color 😅, graicias.
hola muy buen video, como podría hacer validaciones en el formulario por si los datos son incorrectos me muestre un mensaje de error??
En el minuto 57:12 no me hace las importaciones de import { auth } from 'firebase/app';
import { User } from 'firebase'; Ayuda 🙁
Funciona para la ultima version en angular?
Hola, paso a dejar un comentario cosa que nunca hago, pero la verdad que vale la pena hacerte saber que es muy bueno el video.
* Intuitivo
* Claro
* Pausado
Y FUNCIONA !!
Soy nuevo con Angular, si bien no tiene grandes dificultades, como todo lo nuevo cuesta. Este video quita toda dificultad que aparece en un inicio y deja claro el funcionamiento.
Mil gracias.
Saludos
hola quien me peude ayudar al momento de import { auth } from 'firebase/app'; me sale error como podria solucionarlo ?
buen video amigo gracias
Amigo, muchas gracias.. me has salvado la vida en el trabajo!!.. explicas muy bien, no dejes de hacer videos así 🙂
que tal amigo , tengo un detalle con el comando completo de ng g m home -m=app –route home
del minuto 14:40
Couldn't find a route declaration in /src/app/app-routing.module.ts.
Exclente video Bezahel, saludos mano, sigue creciendo broth, estás lejos de tocar techo en tu crecimiento profesional, se tu camino es largo y muy prometedor!
Hola, tengo un problema al crear el auth.service.ts, y es que al importar auth y User me da el siguiente error:
Module '"../../../../node_modules/firebase"' has no exported member 'User'. Did you mean to use 'import User from "../../../../node_modules/firebase"' instead?
Uso angular 10 y firebase 8
amigo tengo dos errores en importaciones
import {auth} from 'firebase/app';
import {User} from 'firebase';
Esos dos, quizás actualmente se llaman de otra forma
ayuda!!!
como haces la flecha del minuto 45:59 ? gracias
Excelente contenido ,sigue asi!
Alguien sabe cual es el comando rapido que utiliza en el min.20.36 para organizar el contenido de routes?
como haces en el minuto 8:41 para que todo lo que pegaste te quede ordenado? gracias
Este login que realizas es responsive? gracias
hola, que pasa si el usuario ingresa su contraseña de forma incorrecta, como puedo validar eso?
necesito hacer un login pero utilizando angular + php + mysql tienes algun video de ellos porque mi proyecto lo estoy trabajando con esas herramientas.
No entendi vi este tutorial, hice git clone de tu proyecto y no funciona ni el registro, ni el login
muchas gracias por compartir este conocimiento, tus vídeos siempre son garantía de aprendizaje, me gustaría un vídeo donde se haga el login pero usando un directorio activo
Hola que tal? si por favor haz recuperar contraseña y enviar el email
Hola Domini COde, gracias por tus videos, tengo una duda, cuando y por que crear modulos y cuando y por que crear componentes????????? Gracias. PD: si alguien mas sabe tambien son bienvenidas sus respuestas
Dominiii broth! saludos excelente, el trabajo que hiciste, sabes que tengo una duda, toda la app me funciona normal, pero me da este error al pasar retornar el html del navbar {{ user.email }}, me da un error de
main.js:1290 ERROR TypeError: Cannot read property 'email' of undefined
at Object.updateRenderer (main.js:1293)
at Object.d
main.js:1290 ERROR CONTEXT DebugContext
main.js:1290 ERROR TypeError: Cannot read property 'email' of null
at Object.updateRenderer (main.js:1293)
at Object.d
las dos funcionalidades porfavooooooor
Domini Code excelente video, no se si tu o alguien de esta comunidad me podría dar una idea de como implementar en el Register un campo mas por ejemplo "nombre"? agradecería su ayuda.
Excelente video ! me a ayudado bastante con este contenido
Eres Muy pro, Excelentes videos y sobre todo muy claro. Tengo una pregunta en mi app.module.ts cuando agrego en los imports: [AngularFireModule.initializeApp(environment.firebaseConfig),] me marca error sobre "firebaseConfig" y me dice que la propiedad 'firebaseConfig' no existe en el tipo '{production: boolean; }' ts (2339) [47,49] : minuto 55:40 – te agradezco si sabes en donde puedo revisar o a que se debe el error. Un saludo desde Colombia👍
En el registro tambien se podria colocar el nombre , apellido, direccion y telefono?
Disculpa, podrias decir todas las extensiones que usas para que tu Visual Studio Code luzca de esa forma? Tengo tambien Visual Studio Code en Mac y no luce para nada asi
Podrías hacer para que el usuario recupere su cuenta en caso de olvidar su contraseña? & de ser posible enviar correo de verificación después de registrarse? Buen día, saludos.. Me sirvió de mucho tu vídeo 🙂
alguien sabe xq da este error ERROR Error: NodeInjector: NOT_FOUND [ControlContainer]
Excelente gracias!
Hola Bezael, una pregunta master, seria recomendado usar authState guardarlo en guard y verificar en cada modulo si el usuario tiene una session activa o algo asi?
Hola bezael, tus vídeos son muy buenos aunque yo instale la ultima versión de angular y trate de instalar bootstrap jquery y popper dentro con el npm, todo se instalo bien sin problemas, pero cuando los importo den el angular.json, que locura que no me funciona, baje el ng serve lo volví a levantar y nada, al final me aburrí y agregue las cdn, eso es una mala practica?
tenes algun curso de estos pagos ?
Tendrias algo de manejo de errores?
Te hago una consulta, si accedes directamente a localhost:4200/home (sin estar loggeado) se puede acceder???
Alguien sabe porq en mi proyecto en mi caso, aunq aplique la librería del ruteo para mandar al usuario a otra página, desde el .ts y así cargar sus datos, No me lo hace, siempre tengo q recargar la página manualmente para q me lo muestre.
Ya están también definidas los paths de las rutas.
Hola, bro una pregunta y si en ves de cambiar todo como lo hiciste en el minuto 30, solo llamo el componente en diferentes modulos (navbar), me marca error pero debe ser posible, como lo hago?, mil gracias
Muy buen viseo me ayudo de mucho, sigue adelante!!!
register 1:27
Parabéns muito bom!
una consulta, me sale error a la hora de instalar (ng add @angular/fire) como puedo solucionarlo?