Angular Crash Course | Learn modern Angular in 90 minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 พ.ย. 2024

ความคิดเห็น • 82

  • @CodeWithAhsan
    @CodeWithAhsan  หลายเดือนก่อน +2

    What fun applications are you working on?

    • @abdullahhassan4970
      @abdullahhassan4970 หลายเดือนก่อน +1

      Thank. Just requested you in a ML group a few days ago

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      @@abdullahhassan4970happy to help :) great suggestion by you

  • @davinci713
    @davinci713 11 ชั่วโมงที่ผ่านมา +2

    Such a great crash course, thanks a lot!

    • @CodeWithAhsan
      @CodeWithAhsan  10 ชั่วโมงที่ผ่านมา

      Thanks a bunch :) Do share with others. I appreciate it.

  • @phreakadelle
    @phreakadelle 4 วันที่ผ่านมา +2

    This is awesome. Angular has become so much more easy over the years.

    • @CodeWithAhsan
      @CodeWithAhsan  4 วันที่ผ่านมา

      @@phreakadelle thanks! It has :)

  • @codeconceptghana1544
    @codeconceptghana1544 2 วันที่ผ่านมา +2

    The video is really great. Covers a good number of concepts

    • @CodeWithAhsan
      @CodeWithAhsan  วันที่ผ่านมา

      Awesome 👏🏽! Glad you found this useful

  • @SJY11
    @SJY11 20 วันที่ผ่านมา +5

    Fast and digestible! Thanks so much, Ahsan

    • @CodeWithAhsan
      @CodeWithAhsan  19 วันที่ผ่านมา

      Thank you! I appreciate the feedback ❤️

  • @ryowen85
    @ryowen85 12 วันที่ผ่านมา +1

    Thanks so much for this! I was about to give up on a JavaScript class I'm taking because the final project required us to use Angular without much explanation of the framework, but this is definitely going to help me complete it. I kind of like Angular now, if I can find a job soon I'll definitely get your book because I can see many use cases this framework can provide.

  • @theintjengineer
    @theintjengineer หลายเดือนก่อน +4

    Amazing video, Ahsan.
    Thank you very much.
    Greetings from Germany.

  • @imthedaniels
    @imthedaniels 10 วันที่ผ่านมา +2

    Greetings from Brazil, thanks for the amazing video!

  • @AnthonyDev
    @AnthonyDev หลายเดือนก่อน +2

    Great video! And I like how the next section is a follow up of the before section. That's the approach I like to use in my videos. Congrats, Ahsan.

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน +1

      Glad it was helpful!

  • @vallimayil7584
    @vallimayil7584 หลายเดือนก่อน +2

    Thanks dude you are my angular hero, I learned a lott 🤩

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      Haha. Thanks a bunch! I appreciate it

  • @henimex
    @henimex 21 วันที่ผ่านมา +2

    P E R F E C T !!! Perfect perfect... Awesome thank you for aaallll your effort. Great. Thank you. I hope you will get what you are looking for from the world

    • @CodeWithAhsan
      @CodeWithAhsan  21 วันที่ผ่านมา +1

      @@henimex Amen! 🙏
      I wish all the good things for you as well.
      Do spread the video so more folks can learn easily :)

  • @TamirPhillips-j4e
    @TamirPhillips-j4e 12 วันที่ผ่านมา +1

    Any specific VS Code extensions you used? I noticed while following along that my VS Code was a bit different

    • @CodeWithAhsan
      @CodeWithAhsan  12 วันที่ผ่านมา

      You can find all of my extensions here:
      gist.github.com/AhsanAyaz/aec1096a3850e9a87bd70ae91230496a
      You can download and install by doing:
      xargs -n 1 code --install-extension < FILENAME.txt

  • @MatheusAndrade-z1d
    @MatheusAndrade-z1d 3 วันที่ผ่านมา +1

    To indent the input line in 40:10, what shortcut was used?

    • @CodeWithAhsan
      @CodeWithAhsan  วันที่ผ่านมา

      I use prettier and eslint with their VSCode extensions. And I’ve enabled “format on save” in VSCode for all projects.
      I just saved the file and it formatted :)

  • @advance5189
    @advance5189 หลายเดือนก่อน +1

    Great work! Thank you very much for so much effort, keep it up. By the way, I wonder what you use for switching your cursor from block to line in vs code? Is it some vim extension?

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      @@advance5189 yes it is. I am using Vim extension for VSCode. The one with the most installs

    • @Nytex
      @Nytex 23 วันที่ผ่านมา

      yes its an vscode extension simply called "vim"

  • @BigBrainBrian
    @BigBrainBrian 10 วันที่ผ่านมา

    @CodeWithAhsan I think you have 'back slash' and 'slash' mixed up, check into it please.

  • @81HM
    @81HM 12 วันที่ผ่านมา +1

    Thanks for the tutorial. Any reason you use @if instead of ngif? I thought ngif was preferred in Angular.

    • @CodeWithAhsan
      @CodeWithAhsan  11 วันที่ผ่านมา

      Great question. NgIf and NgFor are directives. And they are part of the CommonModule from Angular. So I either need to import that module, or import the individual directives in the component I’m using these in.
      On the other hand , @if and @for are “blocks” baked into the Angular’s template compiler. So they don’t need external tendencies. And that’s why I prefer them.

  • @imranmohammed-s8n
    @imranmohammed-s8n 11 วันที่ผ่านมา +2

    Request for full advanced angular tutorial

    • @CodeWithAhsan
      @CodeWithAhsan  11 วันที่ผ่านมา

      Haha. As soon as possible.
      What would you like to see in that tutorial?

  • @aloussase
    @aloussase 11 วันที่ผ่านมา

    are signals stable already? i am considering migrating a project from 15 to 18 if signals are stable

  • @KahushG
    @KahushG 18 วันที่ผ่านมา +1

    Thank you, Greetings from Nairobi Kenya

    • @CodeWithAhsan
      @CodeWithAhsan  18 วันที่ผ่านมา

      @@KahushG you’re welcome! Let’s go 🔥

  • @aabhishakemishra
    @aabhishakemishra หลายเดือนก่อน +3

    Great content sir , please include some advance topics

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      Noted :) will do so

  • @ExploreAI-hn2ot
    @ExploreAI-hn2ot 6 วันที่ผ่านมา +1

    I have been skipping this video, only to found that its a one give clear explanation. Thank You

    • @CodeWithAhsan
      @CodeWithAhsan  6 วันที่ผ่านมา

      @@ExploreAI-hn2ot haha. Glad you found it useful. Check the Angular Cookbook maybe :)
      I assume you’re going to have the same experience

    • @ExploreAI-hn2ot
      @ExploreAI-hn2ot 6 วันที่ผ่านมา

      @@CodeWithAhsan :) can you provide me with the link for Angular Cookbook

  • @captainnilmo1500
    @captainnilmo1500 หลายเดือนก่อน +2

    Hey, is it worth going zoneless and switching to signals entirely at the moment? Great video btw, will be super helpful to a lot of people ❤

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      Hey 👋🏼
      Great question. In my opinion, the business requirements come first. There are so many factors in making such a decision but if your team doesn’t have any constraints to put the time and efforts to migrate, i would probably not go for migrating right away :)
      Do notice that the zoneless flag is still in experimental stage. So you need to be extra careful for now until it is stable

    • @captainnilmo1500
      @captainnilmo1500 หลายเดือนก่อน

      @@CodeWithAhsan Thanks for answering! I wonder if it's worth it when starting an entirely new project? Perhaps waiting for the flag to be out of experimental stage is the way.

  • @rojaachan
    @rojaachan 29 วันที่ผ่านมา +1

    May I please know what your VS code theme is? 🙏🏼 great crash course btw

    • @CodeWithAhsan
      @CodeWithAhsan  28 วันที่ผ่านมา +1

      @@rojaachan thanks. It is “winter is coming “ by John papa

  • @gregdawe2786
    @gregdawe2786 19 วันที่ผ่านมา +1

    I always see "Angular is hard to learn". I tried learning react and vue before angular and I found both very confusing, react in particular. I had to learn Angular at work and I found myself getting pretty proficient pretty quickly.

    • @CodeWithAhsan
      @CodeWithAhsan  19 วันที่ผ่านมา

      @@gregdawe2786 awesome insights! Thanks for sharing. I think the consistency of the material on Angular available makes it easy to learn and grow as a skill

  • @imthedaniels
    @imthedaniels 10 วันที่ผ่านมา +1

    Why didn't you use modules in this application?

    • @CodeWithAhsan
      @CodeWithAhsan  10 วันที่ผ่านมา

      @@imthedaniels great question.
      Angular has moved away from modules for a while. The reasons being performance, and bundle size specifically.
      With modules, it is hard to tree-shake components/pipes/directives etc because when the module loads, everything loads within the module, even if you don’t end up using all of it.
      You can ask more about it from the Angular chatbot at ng-cookbook.com
      And consider getting the book to learn what’s new in Angular :)

  • @jagdishprajapati9574
    @jagdishprajapati9574 วันที่ผ่านมา

    This is very fast paced. This would be good for revisioning but it ain't for beginners

    • @CodeWithAhsan
      @CodeWithAhsan  วันที่ผ่านมา

      I appreciate sharing your feedback.
      I don’t agree with it even a bit though.
      The course is designed for beginners, and the video can be paused, played again, and on different speeds.
      You’re the first person with this perspective. If more people shared the same in near future, I’ll see what I can do about it

  • @VthePeople4156
    @VthePeople4156 หลายเดือนก่อน +2

    If i want to expert in angular what is my daily routine....
    I want to practice daily angular by small ( mini ) projects.....
    Give me best suggestions & angular best practices

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      @@VthePeople4156 check out the Angular cookbook. Has more than 90 ( mini ) projects for you to work on daily. Covers a wide range of important Angular topics
      amzn.to/4awwLgH

    • @VthePeople4156
      @VthePeople4156 หลายเดือนก่อน

      @@CodeWithAhsan doing angular job in real-time is it difficult or easy ???
      How to plan practicsing angular in daily life

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      @@VthePeople4156i think it is the same as any other job. You will find it difficult in the beginning. But with consistency, it will become much much easier and you’ll become an expert soon.
      Choose the right content to learn from. You already have this crash course and the link to my book 🙂

    • @VthePeople4156
      @VthePeople4156 หลายเดือนก่อน

      @@CodeWithAhsan in Crash Course u coverd everything about angular & no need to refer anywhere ????
      If I fallow your video & Learn angular by using ur crash course then how many years of experience should I claim while searching angular job

  • @nitsanbh
    @nitsanbh 19 วันที่ผ่านมา +1

    1:04 why injecting an "HttpClient Service", instead of simply calling fetch?

    • @CodeWithAhsan
      @CodeWithAhsan  19 วันที่ผ่านมา

      @@nitsanbh great question!
      I like to use observables instead of promises. And we can make the HttpClient use the native fetch by using provideHttpClient(withFetch()) in our app.config.ts file

  • @vallimayil7584
    @vallimayil7584 หลายเดือนก่อน +1

    Please make a tutorial on angular e-commerce site

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน +1

      Already started thinking about it

  • @1234abcd-qt6uz
    @1234abcd-qt6uz 21 วันที่ผ่านมา +1

    This is goldmine

    • @CodeWithAhsan
      @CodeWithAhsan  21 วันที่ผ่านมา

      @@1234abcd-qt6uz let’s go 🔥

  • @janesheuberger4770
    @janesheuberger4770 4 วันที่ผ่านมา +1

    nice video! i would give you 2 thumbs up if i could :D very good content and very good pace ( no need to ramp up the playback speed as usually ) - love it!

    • @CodeWithAhsan
      @CodeWithAhsan  วันที่ผ่านมา

      Love your feedback :) thanks for sharing and the appreciation. Do share the video with others as well

  • @ghazanfarkhan3068
    @ghazanfarkhan3068 หลายเดือนก่อน +1

    I purchased your book but didn't get time to read. This will be helpful.

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      @@ghazanfarkhan3068 great! 👍🏼 looking forward to seeing your feedback.

    • @ghazanfarkhan3068
      @ghazanfarkhan3068 25 วันที่ผ่านมา

      glad to know about dry run option. Adding features in large codebase will help with this.

  • @LlanzKennethLuy-ch4iz
    @LlanzKennethLuy-ch4iz 29 วันที่ผ่านมา +1

    Hi sir thank you for your dedicated effort to teach beginners like me. Please continue to teach us about Angular. All i can do is to like your video and subscribe sir :)

    • @CodeWithAhsan
      @CodeWithAhsan  29 วันที่ผ่านมา

      @@LlanzKennethLuy-ch4iz thanks a bunch! You can definitely share the video with others :)
      Or share about the Angular cookbook to help out:
      ng-cookbook.com

  • @54nk37.
    @54nk37. 3 วันที่ผ่านมา

    Good content but why so many Ads ?

    • @CodeWithAhsan
      @CodeWithAhsan  3 วันที่ผ่านมา

      @@54nk37. because you’re not paying me for the value I am providing via these tutorials :) TH-cam does to some extent.

  • @DHANUSHM4422
    @DHANUSHM4422 6 วันที่ผ่านมา

    I think this video could actually get you an Idea of how it works .....Not to get complete idea to code i think so...

    • @CodeWithAhsan
      @CodeWithAhsan  5 วันที่ผ่านมา

      @@DHANUSHM4422 have you watched the whole video alongside coding it?
      Please share your github repo.

  • @ahsanrehman6474
    @ahsanrehman6474 หลายเดือนก่อน +1

    E-commerce site

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน +2

      @@ahsanrehman6474 do you want me to create a tutorial for e-commerce site with Angular?

    • @ahsanrehman6474
      @ahsanrehman6474 หลายเดือนก่อน +2

      @@CodeWithAhsan yes

    • @ahsanrehman6474
      @ahsanrehman6474 หลายเดือนก่อน +1

      I am waiting for it. Can you make it in Urdu .?

    • @prakharagrawal633
      @prakharagrawal633 หลายเดือนก่อน +1

      Can you tell about @angular universal

    • @CodeWithAhsan
      @CodeWithAhsan  หลายเดือนก่อน

      @@prakharagrawal633sure. Noted this down as a potential future topic