⚡Angular 17 Routing For Beginners | Routing in Angular 17| Angular 17 Routing| Angular 17 Tutorial

Поділитися
Вставка
  • Опубліковано 8 січ 2025

КОМЕНТАРІ • 121

  • @phpnodetuts
    @phpnodetuts  Рік тому +3

    👉Check my Blog :
    phpnodetuts.in
    🌟 Support my work:
    1. On BuyMeACoffee: www.buymeacoffee.com/phpnodetuts
    👉 Buy Affordable Hosting : bitli.in/5s35wr2

  • @valentinvalenciavalencia7299
    @valentinvalenciavalencia7299 9 місяців тому +6

    THANK YOU GOOD MAN. Not even Gemini and chatGPT could help me with this, Angular 17 changed a lot of things, you are amazing!

  • @nightsurvivor
    @nightsurvivor 5 місяців тому +3

    i'm confused about the routing and this video saved my time 👍

  • @becareful-2030
    @becareful-2030 Рік тому +7

    افضل شرح تعليمي عن انجولار في الاصدار 17
    best tutorial in ang17

  • @AlalUddin24
    @AlalUddin24 Рік тому +2

    Thank you so much for the update. I have been working as angular developer since 6 months. SSR update in angular 17 it's truly big big update

  • @ЕвгенияОдесса-у8и
    @ЕвгенияОдесса-у8и 3 місяці тому +1

    The best explanation of routing! Thank you!

  • @RakzinRoman
    @RakzinRoman Рік тому +4

    Angular has been truly useful in my experience, thanx for the video

  • @obafemiopeyemi3203
    @obafemiopeyemi3203 6 місяців тому +1

    You saved my life man. Thanks!

    • @phpnodetuts
      @phpnodetuts  6 місяців тому +1

      Glad I could help! 😇

  • @theExtractionGaming
    @theExtractionGaming 9 місяців тому +1

    One of the most well detailed tutorial ever i have seen. im a beginner and your tutorial is rally helpful, want a project based tutorial from you on angular

  • @tamilselvantn38
    @tamilselvantn38 6 місяців тому +1

    Thank you so much for clear explanation, Sound is crystal clear.

  • @mucizelerden
    @mucizelerden 9 місяців тому +1

    Hello, I couldn't find a good Turkish source on the subject, I don't know English, but I started looking at English sources thinking I would try the codes. It's your success that I understood even though I didn't know English. Thanks. (I used translation)

    • @phpnodetuts
      @phpnodetuts  9 місяців тому +1

      Bu harika bir duygu! Videomun size dil engeli olmasına rağmen faydalı olduğunu duymak beni mutlu ediyor. İzlediğiniz için teşekkür ederim😇

  • @ChakrapaniNandi
    @ChakrapaniNandi 4 місяці тому +1

    A good instruction. Bro, could you kindly attach the git/github repo for each module so that every individual has access to the code if we become stuck in the middle of it as a reference?

  • @Jacu_Su
    @Jacu_Su 7 місяців тому +1

    Very useful, thank you so much.

    • @phpnodetuts
      @phpnodetuts  7 місяців тому +1

      Glad to hear that!😇

  • @Wadih-bc
    @Wadih-bc 9 місяців тому +1

    Very much appreciated, thanks!

  • @mohammedali-mj3th
    @mohammedali-mj3th 5 місяців тому +1

    This is clear video simple to understand great job..please make some more videos on angular calling api services and write unitest. Etc ..

  • @catalyysst
    @catalyysst Рік тому +2

    Best example, thanks! 💯

  • @sikendongol4208
    @sikendongol4208 Рік тому +2

    23:20 Routes with Page title
    26:30 Page Not Found Route

  • @josuetut8132
    @josuetut8132 Рік тому +2

    No hablo ingles, pero tu video me ayudo, Gracias.

    • @phpnodetuts
      @phpnodetuts  Рік тому +2

      ¡De nada! Estoy feliz de que el video te haya ayudado.

  • @meghanaartgallery2716
    @meghanaartgallery2716 9 місяців тому +1

    Thanks for the video. Keep doing great work!

  • @CentPercentPatriotism
    @CentPercentPatriotism 10 місяців тому +1

    Superb explanation. Appreciate if you could make a video on Sidenav using Angular 17 including header, footer.

    • @phpnodetuts
      @phpnodetuts  10 місяців тому +1

      Thanks! will consider it.😀

  • @evaniofz2503
    @evaniofz2503 Рік тому +2

    thanks for video, i am from brazil.

  • @93vaz
    @93vaz 11 місяців тому +1

    bro you are the best, I almost gone crazy cause I was getting an error msg when using routes and it was because i did not remove the components selector from app.component.html, thank you so much

  • @varnanthirugnanasambandan559
    @varnanthirugnanasambandan559 11 місяців тому +2

    great teaching

  • @thesanju0077
    @thesanju0077 11 місяців тому +1

    great job from India

  • @Valoo24
    @Valoo24 11 місяців тому +1

    Nice tutorial, really clear, thank you !

  • @maneshipocrates
    @maneshipocrates 3 місяці тому +1

    Many thanks.

  • @chetanpal1002
    @chetanpal1002 Рік тому +1

    this tutorial is just amazing . it's request pls make a course on angular 🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @jithmawickramarachchi6397
    @jithmawickramarachchi6397 11 місяців тому +2

    Thank you very much ♥

  • @alissonmontanez266
    @alissonmontanez266 11 місяців тому +1

    thanks for the video, it was very useful :D

  • @selvachandru6275
    @selvachandru6275 Рік тому +2

    This video is very useful👍🏻👍🏻👍🏻 and do some more videos related to angular 17

    • @phpnodetuts
      @phpnodetuts  Рік тому +2

      Thanks for your comment, I will try😀

  • @kotorichan4539
    @kotorichan4539 29 днів тому +1

    Thank you!

  • @JustinK0
    @JustinK0 9 місяців тому +1

    Great video!

  • @AviMan-j2z
    @AviMan-j2z 5 місяців тому +1

    my navbar component is not showing 14:00
    what should i do

    • @phpnodetuts
      @phpnodetuts  5 місяців тому +1

      "Do you mean to say that when you try to import the Navbar component inside the app.component.ts file, it is not showing?"

  • @mountain__oak
    @mountain__oak Рік тому +1

    Great video for Beginners

  • @marypaul9627
    @marypaul9627 9 місяців тому +1

    Excellent!subscribed

  • @marypaul9627
    @marypaul9627 9 місяців тому +1

    Having understood cleraly from this video , I have a question on a routing use case where I want all links pages to be on home page one after the other such that when I click the link it scrolls down to where the page start, I have tried to put the components on home page but the links lead to individual pages, what am I missing could you help pls?am very new to angular but so far liking it

  • @NIKITPULEKAR
    @NIKITPULEKAR 11 місяців тому +1

    Thanks for tha walk through ❤

  • @Coder_0101
    @Coder_0101 Рік тому +1

    Great Explanation 👍

  • @GiorgiChikovani_FromGeorgia
    @GiorgiChikovani_FromGeorgia Рік тому +1

    Very useful video, well done!

  • @avlfor
    @avlfor Рік тому +1

    thank you, appreciate :)

  • @NazarIt-c2n
    @NazarIt-c2n Рік тому +1

    thank you man!!!

  • @thesanju0077
    @thesanju0077 11 місяців тому +1

    good job bro

  • @No-One8166
    @No-One8166 11 місяців тому +1

    Bro which vs code theme you are using ?

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

    great video!

  • @mohammedali-mj3th
    @mohammedali-mj3th 5 місяців тому +1

    Need some concepts lifecycle with exmapl and bindings

  • @bassiroudiallo4777
    @bassiroudiallo4777 10 місяців тому +1

    thanks u Bro

  • @SiwarAmara-z1x
    @SiwarAmara-z1x 9 місяців тому +1

    Please i need help i did everything you mentioned but only the url that changed not the page i don’t know what to do.

    • @phpnodetuts
      @phpnodetuts  9 місяців тому +1

      Do you mean Routing is not working?🤔

    • @SiwarAmara-z1x
      @SiwarAmara-z1x 9 місяців тому +1

      @@phpnodetuts yes

    • @phpnodetuts
      @phpnodetuts  9 місяців тому +1

      @@SiwarAmara-z1x Check the app.component.html file; you might have forgotten to add
      The code in app.component.html file should look like this :

  • @lucasgabrielfranciscogarci9792
    @lucasgabrielfranciscogarci9792 9 місяців тому +1

    Hello, i´m trying to copy the not found svg, but at the video it's incomplete, can you send me that? Thanks!

    • @phpnodetuts
      @phpnodetuts  9 місяців тому +1

      👇Below is the code for svg, with tailwind bounce animation

  • @khushbujais6190
    @khushbujais6190 10 місяців тому +1

    Thankyou

  • @lanceigot1999
    @lanceigot1999 Рік тому +1

    Hi can you make a tutorial on how to deploy Angular 17 project? because when I try to build the project it has a Browser folder and a Server folder I dont really get it.

    • @phpnodetuts
      @phpnodetuts  Рік тому +1

      Hello, I think you have typed 'Y' to enable SSR (Server-Side Rendering) while installing the Angular 17 App. That's why, while building the app for deployment, it created two folders: 'browser' and 'server'.
      If your app is SSR-enabled, you need to deploy both the 'browser' and 'server' folders; otherwise, just deploy the 'browser' folder.
      I have tried deploying demo Angular apps with and without SSR on Netlify, and both are working fine.
      Hope this helps.😇

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

      how do I deploy both Browser and Server? is it different project or just one?@@phpnodetuts

  • @GabrielMacielTeixeira
    @GabrielMacielTeixeira Рік тому +1

    Hello, can i create a lazy loading modules ? how?

    • @phpnodetuts
      @phpnodetuts  Рік тому +2

      You have to use Deferrable Views in Angular 17.
      Watch this video for more information.
      ua-cam.com/video/yE-YUr_a4fU/v-deo.html&ab_channel=Angular

  • @felix22112211
    @felix22112211 11 місяців тому +1

    Hello, I wanted to know if you can upload the HTML code of the 404 error code because it is not complete, please.

    • @phpnodetuts
      @phpnodetuts  11 місяців тому +2

      Check Example 03 👇
      www.tailwindtap.com/blog/tailwind-css-404-page-samples

    • @felix22112211
      @felix22112211 11 місяців тому +1

      @@phpnodetuts thank you so much

    • @phpnodetuts
      @phpnodetuts  11 місяців тому +1

      @@felix22112211 You're welcome!

  • @___ezya___
    @___ezya___ Рік тому +1

    How can I connect with backend APIs

    • @phpnodetuts
      @phpnodetuts  Рік тому +1

      I will make a video in this, stay tuned

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

      ASAP.. Just CRUD operation... It helps lot

  • @nethajimurthy1229
    @nethajimurthy1229 Рік тому +1

    How to create nested routes.... I would appreciate if it was nested routes instead of time consuming css 😅

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

      Thanks for the feedback. This is a beginner friendly tutorial, so I didn't cover nested routes. However, I will create a separate video for it soon.🙂

  • @tapiwatsopotsa712
    @tapiwatsopotsa712 8 місяців тому

    Who is this guy???/

  • @limit1586
    @limit1586 5 місяців тому +1

    is frustrating that u are not focusing on the video purpuse. STOP STYLING AND STOP MAKEING TEMPLATES

  • @Luis-dg3sk
    @Luis-dg3sk Рік тому +2

    Don't skip tests

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

      Yup, thanks for your comment! 👍

  • @imanerahmaoui04
    @imanerahmaoui04 7 місяців тому +1

    Thank you so much ❤