Angular Firebase authentication tutorial and auth Guard [in 2020]

Поділитися
Вставка
  • Опубліковано 17 жов 2024

КОМЕНТАРІ • 69

  • @DecodedFrontend
    @DecodedFrontend  3 роки тому +3

    🔥🔥🔥Do you want to master *Angular Material Themes* like a PRO? Check out my new Workshop where you will find a lot of advanced tips & tricks which will help you to make your themes maintainable, lean & consistent! Limited 50%-off discount is about to expire very soon: 🔗 bit.ly/angular-material-theming-workshop 🔥🔥🔥

  • @maxneumann1159
    @maxneumann1159 3 роки тому +3

    Finally someone who does not made an perfect cutted tutorial with no failures bad music and copy paste only. Thanks for that awesome tutorial!

  • @michaelwilliamson6419
    @michaelwilliamson6419 3 роки тому +2

    You are a fantastic educator. Following your video was very helpful and instructional. I learned a lot, and it was comforting to see you work through and solve issues just the same with those of us watching. I definitely plan on watching more of your videos and learning the material from you!! Keep up the good work!!!!

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому

      Thank you very much! Such feedbacks are motivating a lot 😊

  • @pol-dev-v5y
    @pol-dev-v5y 4 роки тому +2

    Really really really good!!!! I love your video format, it's a good way to show all the developing real process and the information of course is really useful. Thank you!!!!

  • @yatenderrawat2703
    @yatenderrawat2703 3 роки тому +3

    How are you creating modules and components without running commands on the angular terminal???
    what extension you are using???

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому +1

      Hi! :) there is an extension for VS Code called Nx Console marketplace.visualstudio.com/items?itemName=nrwl.angular-console

    • @yatenderrawat2703
      @yatenderrawat2703 3 роки тому +1

      @@DecodedFrontend Thanks

  • @yussufclark9390
    @yussufclark9390 4 роки тому +2

    The long videos are helpful. Going step by step is helpful especially for beginners.

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Hi Yussuf! I am happy to hear it! Thank you 🙂

  • @bo3oof
    @bo3oof 4 роки тому +5

    Thank you. About your concern, I’m good with the long videos

  • @nicolasj4462
    @nicolasj4462 4 роки тому +2

    Then after research and research, i found it... Thank you ! This is gold 🤙

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Thank you very much!
      I am happy to know that my video helps 😉

  • @arun_anjali6532
    @arun_anjali6532 4 роки тому +2

    Thank You Sir!!! You saved me..!!!! I was struggling with firebase and then I found this video which helped me a lot.. Thanks you so much..

  • @petermuturi4402
    @petermuturi4402 3 роки тому +1

    pweks mine also worked at the end, Good stuff keep in up man

  • @Codaconda
    @Codaconda 3 роки тому

    Thank you for this video! It was very fast, but I liked the way you thought.

  • @BaNnanaknight
    @BaNnanaknight 4 роки тому +5

    Thank you for showing your mistakes, this was so much help

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      I appreciate your feedback, Benjamin! Thank you very much and I am happy that my video helped you 😉

  • @slimhannya1395
    @slimhannya1395 Рік тому

    Dmytro great work! It would be very nice idea to make another video with such app with latest versions of angular and firestore

  • @gumundurhelgi5426
    @gumundurhelgi5426 3 роки тому +1

    Thanks for a fantastic and informative video! Longer and uncut videos are not a problem for me, btw. Cool to see the debugging process and what plugins you use (Nx looks like a time saver) .. Cheers

  • @angelitotubig1945
    @angelitotubig1945 3 роки тому +1

    nice one! keep making video. just subcribed

  • @leonardional4412
    @leonardional4412 4 роки тому +2

    hi, good tutorial.
    I want to ask, can we create our own backend for JWT authentication without using auth0 or firebase and connecting it to Hasura?
    I'm newbie in jwt, Nodejs and Graphsql so really need an answer. Thankyou very much.

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Hi! Thank you for your feedback! Yes of course you can. This is quite a big topic to answer in one single comment but I can give you some resources where you can find solution. There is a boilerplate which has been done by Hasura team and part of theirs repo where they implemented own nodejs backend. This is exactly what you need. You can take it as an example or just clone and adjust to your needs ;) Link to the repo: github.com/hasura/graphql-engine/tree/master/community/boilerplates/auth-servers/passportjs-jwt-roles

    • @leonardional4412
      @leonardional4412 4 роки тому +1

      ​@@DecodedFrontend thank you so much for the response you gave.
      Very good tutorial and easy to understand.
      I was very impressed with the sample code that was given to me
      I immediately subscribed to this channel

  • @EleanorCasson
    @EleanorCasson 3 роки тому +1

    I skipped though the bits I didn't need, only really needed the auth bit but also used the formbuilder bit as a refresher. Personally I like the longer format. I know what I need so can find that by scrolling through quite easily.

  • @DJPAKK1
    @DJPAKK1 3 роки тому +1

    what's the extension your using for generation? thanks nice video

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому

      Hi Don! This is this ext marketplace.visualstudio.com/items?itemName=nrwl.angular-console

  • @ai6519
    @ai6519 3 роки тому

    Great! Do we need use refresh token to keep persistence?

  • @yuryokhrimenko1551
    @yuryokhrimenko1551 3 роки тому +1

    Мужик, спасибо тебе! Очень полезное видео. Могу понять, почему ты выкладываешь видео именно на английском, но знай, русскоязычный ютуб остро нуждается в подобном контенте, таких качественных обучалок по ангулару на русском сейчас нет

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому

      Спасибо! Понимаю.. Посмотрим, я может не много позже буду делать лайф стримы на русском тоже :)

  • @lightrose01
    @lightrose01 3 роки тому +1

    Amazing video! I just have a little problem :( I got a similar error at 27:05 and I don't know what to do. It says I have a missing dependency in @angular/router ... but the router is installed and already working

    • @lightrose01
      @lightrose01 3 роки тому +1

      Update: I had some issues with all my packages. I have the solution now :)

  • @itsPAN1K
    @itsPAN1K 4 роки тому

    God bless you you helped me so much to understand the auth guard concept. My problem now in my project is that although console doesn't show any error, the constructor of the "main page" (after login) doesn't start and I have to refresh the page to show the data.

  • @saadben9488
    @saadben9488 4 роки тому +2

    hello sir, i have question about authentication Firebase, how long is the session after login?

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Hi! Thanks for comment.
      As far as I know the token lives up to 1 hour and Firebase should care about refreshing it. But please check it additionally in Firebase docs because I have no opportunity to do it accurately right now..

  • @artyrmacgor
    @artyrmacgor 4 роки тому +2

    крутой урок, очень помог в изучении, спасибо!

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Спасибо за отзыв! Рад, что урок оказался полезным 😉

  • @CodeSwag
    @CodeSwag 3 роки тому

    Thank you for this!

  • @inks9458
    @inks9458 3 роки тому

    Hi there. Thank you for the video.
    Could you please create a video to tell us how to setup angular with oauth2 auth grant flow.
    Would be cool if you could show best practices like hosting angular app from node server, saving client credentials etc....

  • @parisafeyzi2348
    @parisafeyzi2348 4 роки тому +1

    Thank you so much..You are the Best..Can you explain the push notification with angularFirebase too?

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Hi Parisa,
      Thank you for the feedback! Thanks for the idea, I will add to my list ;)

  • @SaaryD
    @SaaryD 3 роки тому +1

    1 year later and just FYI the long videos are 👍👍👍👍

  • @saadben9488
    @saadben9488 4 роки тому +2

    a very good tutorial, thank you very much, could you give us a demonstration on the research system

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому

      Hi! Thank you for your feedback!
      Could you please clarify what do exactly mean by “demonstration on the research system“?

    • @saadben9488
      @saadben9488 4 роки тому +1

      ​@@DecodedFrontend CRUD & Search system

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому +1

      if you mean CRUD & Search system of Hasura then yes, it is planned but I can not tell you exactly when I will release it. Somewhere in June I hope.

  • @milahammett
    @milahammett 4 роки тому +1

    Great Tutorial!! Thank you =)

  • @levchegochev2155
    @levchegochev2155 3 роки тому

    ERROR Error: Uncaught (in promise): Error: The password is invalid or the user does not have a password. Anybody getting this on log in?

  • @mdiqbalahmed3866
    @mdiqbalahmed3866 3 роки тому +2

    Nice
    Thank u

  • @juliosaldanha6706
    @juliosaldanha6706 4 роки тому +1

    Nice!!! Thank you

  • @niteshnapit1177
    @niteshnapit1177 4 роки тому +2

    What is docar - compose up 🤔

    • @DecodedFrontend
      @DecodedFrontend  4 роки тому +1

      Hi! Thank you for your question. If say very short - this command allows you to spin up and orchestrate multiple docker containers which you can define in docker-compose.yml file. But for more info you can follow docs.docker.com/compose/

  • @ladanski
    @ladanski 3 роки тому +1

    THANK YOU!!!

  • @sainmorton
    @sainmorton 3 роки тому

    40 minutes about nothing