The Modern Angular Crash Course - 2022

Sdílet
Vložit
  • čas přidán 26. 07. 2024
  • This is part 1 of a 3 part series where we are going to learn angular in great detail
    Second Channel:
    / @laiture123
    GitHub Repo:
    github.com/harblaith7/Angular...
    Timeline:
    0:00 - Intro
    5:04 - Creating an Angular App
    12:28 - HTML Template
    18:51 - Scoped & Global Styling
    31:15 - State
    37:53 - Event Handling
    51:05 - Structural Directives
    56:27 - Attribute Directives
    1:10:21 - Adding Complex Logic
    1:48:29 - Components
    1:58:28 - Pipes

Komentáře • 155

  • @kubkubeba
    @kubkubeba Před 2 lety +51

    Best angular tutorial on CZcams, perfect pace. There's a huge lack of such informative angular videos, please make more. And thank you so much!

  • @stefanopavone6657
    @stefanopavone6657 Před 2 lety +11

    This is a great angular tutorial!
    You explained concepts in a very effective way!
    Can't wait to see part 2 and 3 :)

  • @Viva-07
    @Viva-07 Před 2 lety +10

    How did this not yet reach a million views..
    One of the best tutorials out there.. I checked 5 to 6 other big channels but this had the best explanation.
    Thank you and please keep adding more videos.

  • @bornajambrosic51
    @bornajambrosic51 Před 2 lety +3

    best beginner Angular tutorial I've seen so far, can't wait for part 2 & 3!

  • @healmasud
    @healmasud Před 2 lety +7

    What a video. This is the first useful video i found after coming from the React background. Keep up the good work. waiting for the part 2 and 3.

  • @sergioernestotostadosanche5700

    You rock, Laith! When I met Angular was into the earliest versions and I was very frustrated and terrified about how different is from the code I have learned while I was studying my career, but now with your crash tutorial it seems Angular had changed a LOT, so, let's learn it again. Regards and keep the good work :D

  • @adodragicevic3786
    @adodragicevic3786 Před 2 lety +7

    Great tutorial! Great way of explaining and perfect pace. I am looking forward to part 2 & 3.

  • @kittubee
    @kittubee Před 2 lety +1

    The logic you used to explain each thing is great! Congratulations! You make angular look easy!

  • @farnoushbabaie7823
    @farnoushbabaie7823 Před 2 lety

    Enjoyed your tutorial a lot. This was the first time I watched a tutorial completely without pausing. Looking forward to part 2 and 3.

  • @bo4695
    @bo4695 Před 2 lety +2

    Thanks for the tutorial mate! Would love to see the next part of the series!

  • @digital-artefakt
    @digital-artefakt Před 2 lety +1

    Just logged in to say how good teacher you are. Great logic and very pragmatic!

  • @johnnash6078
    @johnnash6078 Před 2 lety

    Excellent tutorial! Thank you very much! In one day, I learned a lot about Angular! I was just looking for such a super introduction to Angular!

  • @koam69
    @koam69 Před 2 lety

    Loving the information added, practice and theory 🤜🏼🤛🏼 deffo subscribing!

  • @markolitovchenko5452
    @markolitovchenko5452 Před 2 lety

    I rarely leave comments, but this tutorial was amazing for learning Angular. Great job! Looking forward for next series.

  • @code_south
    @code_south Před rokem +1

    This was BRILLIANT. New Sub and will be checking all your other videos. Thanks a lot!

  • @KingQAT
    @KingQAT Před 2 lety +1

    Most helpful tutorial I found , I am coming from a React background and this is just perfect to get me started in Angular!

  • @stifla23
    @stifla23 Před 2 lety +1

    I've watched a lot of tutorials on YT and this is a really good tutorial! Go go part 2 and 3!

  • @rogerthao588
    @rogerthao588 Před 2 lety

    Very helpful tutorial. I'm a React Developer who was reluctant at first to learn Angular but this tutorial made the decision a lot easier. This is a great primer for getting started with Angular.

  • @calebmbugua745
    @calebmbugua745 Před 2 lety

    woow....this is excellent!One of the best discoveries i have made is this channel

  • @dungngo2894
    @dungngo2894 Před rokem

    Best tutorial!!! very detailed explanation, still waiting for your next parts ^^

  • @user-tj6jt3xg2f
    @user-tj6jt3xg2f Před rokem

    The best angular crash course i found, can't wait for the next episode of this 3 series...

  • @universalworthy2169
    @universalworthy2169 Před rokem +1

    Please continue the 2nd and the third videos. Your explanation is very clear and beginner friendly. Thank you very much.

  • @silwanaleryani5728
    @silwanaleryani5728 Před rokem

    this is my first time learning angular. i was so lucky to choose your vid. I watched the vid once then was able to do it myself, copied the css files only. what a great way to explain 👏👏👏👏👏👏👏

  • @besika941
    @besika941 Před 2 lety

    The Best Angular tutorial n CZcams For Sure !! thank you and Good luck, Hope to see part 2 and 3

  • @user-zn5ky3fw5h
    @user-zn5ky3fw5h Před 2 lety

    Thank you, bro for the course, and wish your channel get more subscribers)

  • @themecatronicaproject1670
    @themecatronicaproject1670 Před 11 měsíci

    Talk about an excellent tutorial! Great job on going through all the explanation and actually making a quite interesting project by the start.

  • @nicklevson9608
    @nicklevson9608 Před 2 lety

    Amazing course dude. Very well explained. Thank you!

  • @shakil-the-coding-monster

    Eagerly waiting for part-2 and part-3

  • @raghuguru8661
    @raghuguru8661 Před 2 lety +1

    This is really good and great.. I followed similar steps and can build my Team Generator .. Waiting for more videos from you on Angular

  • @coding7430
    @coding7430 Před 2 lety

    just wanted to say that your way of teaching is very rare, keep up the good work

  • @anilgajiev8257
    @anilgajiev8257 Před 2 lety

    Great introductory tutorial. Thanks!

  • @lokesamedeu471
    @lokesamedeu471 Před 2 lety +1

    Thank you very much for the tutorial, for the people who want to solve the team generation problem (5 members, 3 teams - 1 gonna be alone) try this : check if the result of all members array length divided by number of teams is not a floating number, if it is then stop execution of the method and show message error like "Insufficient amount of members to generate the desired number of teams !"

  • @kerenhadar73
    @kerenhadar73 Před 2 lety +2

    A great video to start with, thanks a lot!

  • @jobmadi2801
    @jobmadi2801 Před 2 lety

    Amazing video! It was really helpful.

  • @florianvanbondoc3539
    @florianvanbondoc3539 Před 11 měsíci

    A quite good project for learning angular as a begginer, thanks mate!

  • @enacheadrian4662
    @enacheadrian4662 Před 2 lety

    One of the best teaching way ! Keep going ! 👍

  • @wolfOfBlackMountain
    @wolfOfBlackMountain Před rokem

    The first tutorial where I can actually follow! you are a hero.

  • @chakirfri
    @chakirfri Před 10 měsíci

    this was one of the best tutorials , thank you for the share

  • @Edwinherrera555
    @Edwinherrera555 Před 2 lety

    Master! amazing , keep up the great content

  • @azitamousavi3728
    @azitamousavi3728 Před rokem

    Awesome tutorial. Thank you!

  • @1987RX7TII
    @1987RX7TII Před rokem +6

    I hope part 2 and 3 are still planned. I was doing the Traversy Media Angular crash course, and it was pretty in depth. I just prefer your pace and breakdown of information more. This was loads of fun to do and I feel like I grasped the framework fundamentals pretty well.

  • @rafaelsequeira5922
    @rafaelsequeira5922 Před 2 lety +1

    Nice explanation! we are waiting for the next parts...

  • @aminramazanifar9743
    @aminramazanifar9743 Před 2 lety

    Isn't that terrific! YES
    This is a fantastic course. Thanks a lot.

  • @FelipeSilva-yg3bc
    @FelipeSilva-yg3bc Před 2 lety

    you is really the best. Congrats from Brazil!

  • @julioenriquej
    @julioenriquej Před 2 lety

    Great vid, you're good at teaching!

  • @rshishiya
    @rshishiya Před rokem

    Great and excellent Tutorial for Angular Start up Learners and my special congratulations to the Mentor. Smart Move :)

  • @changgiljeong9820
    @changgiljeong9820 Před 2 lety

    This video is amazing, Thank you so much🙏🏻

  • @jmarcetaa
    @jmarcetaa Před 2 lety +1

    Please make more videos for Angular, you are amazing and so good at explaining. Best tutorial

  • @gopinathkrm58
    @gopinathkrm58 Před 2 lety +14

    very nice and please make more Angular related content - finished this one and waiting for part 2

  • @ricardo8500
    @ricardo8500 Před 2 lety

    Thank you so much. It was really helpful.

  • @OG-SA
    @OG-SA Před rokem

    Love it. Thank you so much.

  • @hostingraja4654
    @hostingraja4654 Před 2 lety

    Thanks Man i have improved my english i have practice this 50 times as its so interesting now have become a Angular Master

  • @theoldmonkwaygaming7399

    Thanks for a breif overview, this helped!

  • @abdallahquapeel5995
    @abdallahquapeel5995 Před 2 lety

    the best angular tutors that I`ve ever seen on CZcams

  • @joygeorgiev4131
    @joygeorgiev4131 Před 2 lety

    Awesome course! :)

  • @hennessy7418
    @hennessy7418 Před 2 lety

    Thank you for this useful video!

  • @lashagiorgadze1480
    @lashagiorgadze1480 Před rokem

    keep angular content up pls. GJ 👊

  • @salamoureux
    @salamoureux Před rokem +1

    I really hope you create more Angular videos, I love the way you teach 🙌

    • @melchizedek79
      @melchizedek79 Před rokem

      The guy is really good! He made it a lot easier for me to grasp angular. Its been a nightmare before now.

  • @Arabian_Epileptic
    @Arabian_Epileptic Před 2 lety +3

    Nice bro! Looking forward to more Vue tutorials too 😊

  • @isharaperera0629
    @isharaperera0629 Před 2 lety

    A great effort! Thank you...

  • @okonkwo.ify18
    @okonkwo.ify18 Před rokem

    Am a great react and node dev , now am learning Angular. I will keep learning technologies till I get a remote job

  • @juscilan
    @juscilan Před rokem

    Awesome tutorial!

  • @shakil-the-coding-monster

    Awesome staff!

  • @hiteshsuthar1097
    @hiteshsuthar1097 Před rokem +1

    Thanks for the premium content.

  • @user-ls4kz1ss2s
    @user-ls4kz1ss2s Před 2 lety

    Thanks, really helpful guide for beginners or people like me, who interested in this framework.

  • @ravivarma8988
    @ravivarma8988 Před rokem

    it worked. Thankss sooooo much.

  • @Misc_useful
    @Misc_useful Před 2 lety +1

    Wow best angular tutorial in youtube...

  • @justinnoor4915
    @justinnoor4915 Před 2 lety

    Thank you for your work

  • @veljkomilic479
    @veljkomilic479 Před rokem

    This project is very good and simple for beginners to learn Angular. Than you.

  • @eduardobaia1
    @eduardobaia1 Před 2 lety

    Veryy good! thank you very much!

  • @balakrishnankrishnamoorthy4699

    Really, good one.. part 2 video please

  • @jobyktom
    @jobyktom Před 2 lety

    Great tutorial

  • @sharathchandratheegulla
    @sharathchandratheegulla Před 2 lety +17

    will there be a part 2 and part 3 for this series? I have seen this got updated 7 months ago. Also the stuff you explained is very clear concise and good for beginners to understand the angular concepts. thanks for this tutorial.

  • @alexandr8151
    @alexandr8151 Před rokem

    thanks for the tutorial

  • @rolmertelisdeoliveira5766

    PERFECT!

  • @yamdude2570
    @yamdude2570 Před 2 lety

    Thank you for this amazing tutorial! Could you please share the links to other two projects?

  • @borismilosavljevic7120

    Best angular course , well part of the course so far for me.Any news on part 2 ?

  • @djokasvinjar1015
    @djokasvinjar1015 Před rokem

    Very good

  • @pepepriest5973
    @pepepriest5973 Před 2 lety

    Thanks a lot buddy

  • @smymisr3419
    @smymisr3419 Před 2 lety

    thnks. any luck on getting next parts done . I need to get angular / typescript expertise on a live project in a month and get a fulltime job hopefully...

  • @jhamatcricket615
    @jhamatcricket615 Před 2 lety

    amazing tutorial laith! lots of love from Pakistan

  • @jitujazz123
    @jitujazz123 Před 2 lety +26

    That was an awesome course! When can we expect the 2nd and the 3rd part?

  • @blankvoid4137
    @blankvoid4137 Před rokem

    great tutorial. thanks :).
    when's part 2 and 3 comming?

  • @AnilaRajashekar
    @AnilaRajashekar Před 2 lety

    Clear explaination & perfect for beginners.
    Can you pls let me know the name of font used in vscode?

  • @shloimystern9095
    @shloimystern9095 Před 2 lety

    {{really good! thank you! | titleCase}}

  • @johnyepthomi892
    @johnyepthomi892 Před 2 lety

    Bro you’re great for teaching beginners to Angular.. You should change the title to include “Angular beginner” because beginners don’t know which videos to pick. Many videos that say beginner actually requires more prerequisites. Hopefully, beginners to Angular watches this.
    Problem with the other beginner tutorials , JARGON BEFORE explanation and the very little explanation provided is also vague. BUT what I like about you’re presentation style is you make it a point to FOCUS on the Jargon and ease the viewer into understanding and accepting its use case before getting into the implementation part of it. Hope you continue demystifying the web for more beginners out there.

  • @sisentaynueve
    @sisentaynueve Před 2 lety +3

    When are you going to release the other 2 parts of these series?

  • @chhengpanhchakly
    @chhengpanhchakly Před 2 lety

    nice bro

  • @hoanphamngoc2650
    @hoanphamngoc2650 Před 2 lety

    Thanks you so much from VietNam

  • @balaeinstein8710
    @balaeinstein8710 Před 2 lety +1

    thanks a lot laith . i took your graphql course from udemy . i will start to learn . any plans for angular in udemy?

  • @xaverrrrrr
    @xaverrrrrr Před rokem

    I love the way he pronounces "button". Great tutorial nevertheless

  • @seekhelp
    @seekhelp Před 2 lety

    Hi, is Part 2 and Part 3 coming out any time soon? Thanks!

  • @deanclancy6448
    @deanclancy6448 Před 2 lety

    This tutorial was great. Where is part 2 and 3? :)

  • @xavicon64
    @xavicon64 Před rokem

    27:17 "Bootstrap.. Bulma.." Could've sneaked "Ligma" in there too

  • @pauloromero2459
    @pauloromero2459 Před 2 lety +2

    Se le olvido poner en pantalla la asignación de this.newMemberName = "" en la función addMember() para limpiar el input 56:05, no basta con solo enlazar el input a la variable

    • @mehr8248
      @mehr8248 Před 2 lety +1

      OMG, thank you! 🙏Was stuck on this for so long. I knew if I translate your message, it would be my answer, as you were pointing to the same time in the video😅

  • @universalworthy2169
    @universalworthy2169 Před rokem

    I really wish to see next video about @Output and EventEmitter which is confusing

  • @ThinAirElon
    @ThinAirElon Před 9 měsíci +1

    please upload ...part-2 and part-3

  • @kamaboko1
    @kamaboko1 Před 2 lety

    Parts 2 and 3 on the back burner?

  • @the_realalexander817
    @the_realalexander817 Před 2 lety +1

    Hi,can we not use ngModel instead of using the input as shown here with the id.value and all

  • @BladesGamings
    @BladesGamings Před 2 lety

    great explanation!