How to create login page in Angular 16?

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

Комментарии • 29

  • @AyyazTech
    @AyyazTech  4 месяца назад

    🔍 Want to dive deeper into Angular and full-stack development?
    Check out my comprehensive course: "Create Full-Stack Blog & CMS with Angular 18, Node.js, MySQL"
    bit.ly/angular-18-course
    In this course, you'll:
    - Build a complete, production-ready blog and CMS
    - Master Angular 18, Node.js, and MySQL
    - Deploy your app to Google Cloud Run
    Perfect for both beginners and experienced devs looking to level up their skills.
    🎓 Enroll now: bit.ly/angular-18-course

  • @vooty7481
    @vooty7481 Год назад +2

    This video has helped me so much! I was struggling with a project and this was exactly what i needed. Thank you!

    • @AyyazTech
      @AyyazTech  Год назад

      I'm so glad to hear that the video was helpful for you! If you have any more questions or need further clarification on any topic, feel free to ask. Wishing you all the best with your project! 😊 Please don't forget to subscribe to my youtube channel and also click on bell icon to get notified for my upcoming videos. Also please like and share this video to help others.

  • @DS18pYA
    @DS18pYA Год назад +2

    What a great tutorial! Exactly what i was searching for! Now I understand way better how to separate two sections of my app instead of *ngif out the navbar, if not logged in :) Thanks very much!

    • @AyyazTech
      @AyyazTech  Год назад +1

      Thank you so much for your kind words! I'm thrilled to hear that you found the tutorial helpful and it cleared up some concepts for you. Always aim for clean and efficient solutions. If you have any more questions or need further clarification on any topic, feel free to ask. If you found the content valuable, please consider giving it a thumbs up, sharing with others, and subscribing to the channel. Don't forget to hit the bell icon to get notified about our latest updates. Happy coding and thanks for the support! 😊👩‍💻👨‍💻🔔

  • @thebiggman0007
    @thebiggman0007 Год назад +1

    Thank you so much for the video. This is what exactly I am trying since past few days. Please make such more videos.😊🎉

    • @AyyazTech
      @AyyazTech  Год назад +1

      You're very welcome! I'm thrilled to hear the video was exactly what you needed. Your encouragement means a lot and motivates me to keep creating content that can be of help. I'll definitely continue to make more videos, so stay tuned! If you have any specific topics or challenges you'd like me to address in future videos, don't hesitate to let me know. Happy coding, and enjoy the celebrations! 😊🎉

  • @Amauriking
    @Amauriking 6 месяцев назад +1

    NIce video bu you should avoid music in the background.

    • @AyyazTech
      @AyyazTech  6 месяцев назад

      Thanks. Noted. I am not using music anymore in my recent videos :)

  • @wellking9953
    @wellking9953 Год назад

    you are doing great work but why you play music in bg of the video i cant hear you well

    • @AyyazTech
      @AyyazTech  Год назад +1

      Thank you for appreciation. That helps to motivate myself. And about the music, I also felt that problem so I stopped using music. Now if you watch my latest videos, you will find that I am not using music anymore.

  • @adrianstaskiewicz9460
    @adrianstaskiewicz9460 Год назад +1

    Hi! Could you paste link to the github repo with whole code of this tutorial, please? Thanks in advance!

    • @AyyazTech
      @AyyazTech  Год назад

      Hey there!
      First off, thank you so much for taking the time to watch my video and leave a comment. I genuinely appreciate your interest! Regarding the GitHub repo for the code from this tutorial, I'm really sorry, but I no longer maintain or code for that particular project. I understand it would've been helpful and I sincerely apologize for any inconvenience.
      If you found the video helpful, I'd love it if you could give it a thumbs up, subscribe to the channel, and don't forget to turn on notifications so you won't miss any future content! 🛎️
      Stay tuned, as I'm always working on new content and would love to have you along for the journey. Dive into some of my other videos; you might find something else that piques your interest!
      Keep engaging, and thanks again for being a part of this community! 🌟

  • @dewaldt8104
    @dewaldt8104 Год назад

    Hi I keep getting the error "Can't bind to 'formGroup' since it isn't a known property of 'div'.ngtsc(-998002)". Any solutions on how to fix it?

    • @AyyazTech
      @AyyazTech  Год назад

      Hi there,
      It seems like you're encountering an issue with the "Can't bind to 'formGroup' since it isn't a known property of 'div'.ngtsc(-998002)" error. This error usually occurs when Angular is not recognizing the 'formGroup' directive because the necessary Angular Forms module hasn't been imported into your project.
      To fix this issue, follow these steps:
      1. Open your Angular module file (usually `app.module.ts`).
      2. Make sure you have imported the `ReactiveFormsModule` from `@angular/forms` and added it to the `imports` array in your module, like this:
      ```typescript
      import { ReactiveFormsModule } from '@angular/forms';
      @NgModule({
      imports: [
      // Other imports...
      ReactiveFormsModule,
      ],
      declarations: [
      // Your components...
      ],
      providers: [
      // Your services...
      ],
      bootstrap: [AppComponent],
      })
      export class AppModule {}
      ```
      3. Save your changes and make sure the `ReactiveFormsModule` is properly imported and added to the `imports` array.
      After making these changes, the error should be resolved, and you should be able to use the `formGroup` directive without any issues. If you continue to face problems or have any other questions, please feel free to ask for further assistance.

    • @dewaldt8104
      @dewaldt8104 Год назад

      @@AyyazTech thank you very much.

    • @rahulgururani7064
      @rahulgururani7064 Год назад

      @@AyyazTech I am still getting problem .

  • @aaa4363
    @aaa4363 Год назад +2

    some slick coding 😅

    • @AyyazTech
      @AyyazTech  Год назад

      Glad you're enjoying the content! If you're diving into coding, keep experimenting and building-it's the best way to learn. If you need tutorials or tips on specific coding challenges, just let me know. Don't forget to subscribe for more 'slick coding' videos. Happy coding! 😄👨‍💻🚀

  • @castanzes
    @castanzes Год назад +1

    Sorry, I don't understand the purpose of this video. If the password is in clear in the frontend source code anyone could discover it so this authentication is totally unsafe. Or am I missing something?

    • @AyyazTech
      @AyyazTech  Год назад +1

      You've raised an important concern. The purpose of the video was to demonstrate the basic mechanics of a login system using Angular, focusing on beginners who are just learning how to handle forms, routing, and services. The hard-coded credentials and simplistic approach are meant for educational purposes only and not for a production environment. In real-world applications, authentication details should never be stored or visible on the front end. They should be securely managed on the server, with the front end only sending credentials over HTTPS to the server, which then validates them against a database or authentication service. I hope this clarifies the intent of the tutorial. If you have any more questions, feel free to ask!

    • @castanzes
      @castanzes Год назад

      @@AyyazTech Thanks for your reply.

  • @RiyaAditya-v2l
    @RiyaAditya-v2l Год назад

    can i get the github repo for this code?

    • @AyyazTech
      @AyyazTech  Год назад

      Thanks for reaching out! Unfortunately, I didn't take a backup of the code for this particular project, so I don't have the GitHub repository available. I apologize for the inconvenience. However, if you have any specific questions or need guidance on similar code, feel free to ask, and I'll do my best to assist you.
      Don't forget to subscribe to the AyyazTech channel for more updates and tutorials. Your support and engagement with our content are greatly appreciated! 🔔💻🌟

  • @kacperolszewski5077
    @kacperolszewski5077 15 дней назад +1

    ily

    • @AyyazTech
      @AyyazTech  14 дней назад

      Thanks. Please subscribe my channel and hit bell icon to get notified for upcoming videos :)

  • @mohamedfouadmarzouk
    @mohamedfouadmarzouk 9 месяцев назад +1

    Thank you, just please remove this background music, it is so annoying.

    • @AyyazTech
      @AyyazTech  8 месяцев назад

      Thank you for your feedback! I'll make sure to remove the background music in future videos to ensure a better viewing experience. Your input helps me improve. If you have any further suggestions or topics you'd like me to cover, feel free to let me know. Don't forget to like, share, and subscribe for more helpful content. Also, click the bell icon for updates and visit ayyaztech.com for additional tutorials. Thanks for watching! 😊

  • @tywex
    @tywex 6 месяцев назад

    videoya koyacağın müziğe sokayım abi