Angular Crash Course | Learn modern Angular in 90 minutes

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

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

  • @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

  • @kd7944
    @kd7944 День назад +1

    This video deserves a million views! Amazing content, thanks for sharing!

    • @CodeWithAhsan
      @CodeWithAhsan  День назад

      @@kd7944 haha. Thanks 🙏 do help spreading this ;)

  • @SJY11
    @SJY11 23 дня назад +5

    Fast and digestible! Thanks so much, Ahsan

    • @CodeWithAhsan
      @CodeWithAhsan  22 дня назад

      Thank you! I appreciate the feedback ❤️

  • @phreakadelle
    @phreakadelle 7 дней назад +2

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

  • @theintjengineer
    @theintjengineer Месяц назад +4

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

  • @davinci713
    @davinci713 3 дня назад +2

    Such a great crash course, thanks a lot!

    • @CodeWithAhsan
      @CodeWithAhsan  3 дня назад

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

  • @ryowen85
    @ryowen85 15 дней назад +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.

  • @imthedaniels
    @imthedaniels 13 дней назад +2

    Greetings from Brazil, thanks for the amazing video!

  • @codeconceptghana1544
    @codeconceptghana1544 5 дней назад +2

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

    • @CodeWithAhsan
      @CodeWithAhsan  4 дня назад

      Awesome 👏🏽! Glad you found this useful

  • @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.

  • @henimex
    @henimex 24 дня назад +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  24 дня назад +1

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

  • @vallimayil7584
    @vallimayil7584 Месяц назад +2

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

    • @CodeWithAhsan
      @CodeWithAhsan  Месяц назад

      Haha. Thanks a bunch! I appreciate it

  • @gregdawe2786
    @gregdawe2786 22 дня назад +3

    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  22 дня назад +1

      @@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

  • @KahushG
    @KahushG 21 день назад +1

    Thank you, Greetings from Nairobi Kenya

    • @CodeWithAhsan
      @CodeWithAhsan  21 день назад

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

  • @aabhishakemishra
    @aabhishakemishra Месяц назад +3

    Great content sir , please include some advance topics

  • @ExploreAI-hn2ot
    @ExploreAI-hn2ot 9 дней назад +1

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

    • @CodeWithAhsan
      @CodeWithAhsan  9 дней назад

      @@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 9 дней назад

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

  • @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 26 дней назад

      yes its an vscode extension simply called "vim"

  • @imranmohammed-s8n
    @imranmohammed-s8n 14 дней назад +2

    Request for full advanced angular tutorial

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

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

  • @1234abcd-qt6uz
    @1234abcd-qt6uz 24 дня назад +1

    This is goldmine

  • @TamirPhillips-j4e
    @TamirPhillips-j4e 15 дней назад +1

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

    • @CodeWithAhsan
      @CodeWithAhsan  15 дней назад

      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

  • @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.

  • @rajasaad4884
    @rajasaad4884 2 дня назад +1

    I am a react developer and shifting to angular for a project. Is this course enough for me to start working on project? Or do I need to take the proper full angular cource which covers everything?

    • @CodeWithAhsan
      @CodeWithAhsan  2 дня назад

      @@rajasaad4884 it should provide you a strong base to start working with Angular.
      There is no “proper full angular course” that teaches every single thing about Angular. So don’t worry, and learn as you go

  • @81HM
    @81HM 14 дней назад +1

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

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

      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.

  • @janesheuberger4770
    @janesheuberger4770 7 дней назад +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  4 дня назад

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

  • @imthedaniels
    @imthedaniels 13 дней назад +1

    Why didn't you use modules in this application?

    • @CodeWithAhsan
      @CodeWithAhsan  13 дней назад

      @@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 :)

  • @rojaachan
    @rojaachan Месяц назад +1

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

    • @CodeWithAhsan
      @CodeWithAhsan  Месяц назад +1

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

  • @jagdishprajapati9574
    @jagdishprajapati9574 4 дня назад

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

    • @CodeWithAhsan
      @CodeWithAhsan  4 дня назад

      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

  • @BigBrainBrian
    @BigBrainBrian 13 дней назад

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

  • @MatheusAndrade-z1d
    @MatheusAndrade-z1d 6 дней назад +1

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

    • @CodeWithAhsan
      @CodeWithAhsan  4 дня назад

      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 :)

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

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

  • @bhaskarmoger1160
    @bhaskarmoger1160 8 часов назад

    I haven't watched the video yet
    after watching this video can i jump into angular project video(someone who designed) with full confident???

  • @LlanzKennethLuy-ch4iz
    @LlanzKennethLuy-ch4iz Месяц назад +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  Месяц назад

      @@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

  • @vallimayil7584
    @vallimayil7584 Месяц назад +1

    Please make a tutorial on angular e-commerce site

  • @nitsanbh
    @nitsanbh 22 дня назад +1

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

    • @CodeWithAhsan
      @CodeWithAhsan  22 дня назад

      @@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

  • @goneaway-o3z
    @goneaway-o3z 2 дня назад

    make a video on ngmodules

  • @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 28 дней назад

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

  • @54nk37.
    @54nk37. 6 дней назад

    Good content but why so many Ads ?

    • @CodeWithAhsan
      @CodeWithAhsan  6 дней назад

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

  • @DHANUSHM4422
    @DHANUSHM4422 9 дней назад

    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  8 дней назад

      @@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