The Modern Angular Crash Course - 2022

Поділитися
Вставка
  • Опубліковано 22 лип 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

КОМЕНТАРІ • 155

  • @stefanopavone6657
    @stefanopavone6657 2 роки тому +11

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

  • @kubkubeba
    @kubkubeba 2 роки тому +51

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

  • @farnoushbabaie7823
    @farnoushbabaie7823 2 роки тому

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

  • @Viva-07
    @Viva-07 2 роки тому +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 2 роки тому +3

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

  • @sergioernestotostadosanche5700
    @sergioernestotostadosanche5700 2 роки тому

    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

  • @kittubee
    @kittubee 2 роки тому +1

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

  • @adodragicevic3786
    @adodragicevic3786 2 роки тому +7

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

  • @healmasud
    @healmasud 2 роки тому +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.

  • @digital-artefakt
    @digital-artefakt 2 роки тому +1

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

  • @bo4695
    @bo4695 2 роки тому +2

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

  • @markolitovchenko5452
    @markolitovchenko5452 2 роки тому

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

  • @johnnash6078
    @johnnash6078 2 роки тому

    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!

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

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

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

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

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

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

  • @KingQAT
    @KingQAT 2 роки тому +1

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

  • @rogerthao588
    @rogerthao588 2 роки тому

    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.

  • @user-tj6jt3xg2f
    @user-tj6jt3xg2f Рік тому

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

  • @stifla23
    @stifla23 2 роки тому +1

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

  • @koam69
    @koam69 2 роки тому

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

  • @coding7430
    @coding7430 2 роки тому

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

  • @calebmbugua745
    @calebmbugua745 2 роки тому

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

  • @besika941
    @besika941 2 роки тому

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

  • @themecatronicaproject1670
    @themecatronicaproject1670 11 місяців тому

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

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

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

  • @florianvanbondoc3539
    @florianvanbondoc3539 11 місяців тому

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

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

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

  • @raghuguru8661
    @raghuguru8661 2 роки тому +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

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

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

  • @hostingraja4654
    @hostingraja4654 2 роки тому

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

  • @user-zn5ky3fw5h
    @user-zn5ky3fw5h 2 роки тому

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

  • @nicklevson9608
    @nicklevson9608 2 роки тому

    Amazing course dude. Very well explained. Thank you!

  • @abdallahquapeel5995
    @abdallahquapeel5995 2 роки тому

    the best angular tutors that I`ve ever seen on UA-cam

  • @rafaelsequeira5922
    @rafaelsequeira5922 2 роки тому +1

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

  • @jmarcetaa
    @jmarcetaa 2 роки тому +1

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

  • @enacheadrian4662
    @enacheadrian4662 2 роки тому

    One of the best teaching way ! Keep going ! 👍

  • @chakirfri
    @chakirfri 10 місяців тому

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

  • @anilgajiev8257
    @anilgajiev8257 2 роки тому

    Great introductory tutorial. Thanks!

  • @1987RX7TII
    @1987RX7TII Рік тому +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.

  • @FelipeSilva-yg3bc
    @FelipeSilva-yg3bc 2 роки тому

    you is really the best. Congrats from Brazil!

  • @aminramazanifar9743
    @aminramazanifar9743 2 роки тому

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

  • @lokesamedeu471
    @lokesamedeu471 2 роки тому +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 !"

  • @user-ls4kz1ss2s
    @user-ls4kz1ss2s 2 роки тому

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

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

    keep angular content up pls. GJ 👊

  • @gopinathkrm58
    @gopinathkrm58 2 роки тому +14

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

  • @kerenhadar73
    @kerenhadar73 2 роки тому +2

    A great video to start with, thanks a lot!

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

    Thanks for a breif overview, this helped!

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

    Awesome tutorial. Thank you!

  • @shakil-the-coding-monster
    @shakil-the-coding-monster 2 роки тому +9

    Eagerly waiting for part-2 and part-3

  • @jobmadi2801
    @jobmadi2801 2 роки тому

    Amazing video! It was really helpful.

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

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

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

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

  • @Edwinherrera555
    @Edwinherrera555 2 роки тому

    Master! amazing , keep up the great content

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

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

  • @Misc_useful
    @Misc_useful 2 роки тому +1

    Wow best angular tutorial in youtube...

  • @julioenriquej
    @julioenriquej 2 роки тому

    Great vid, you're good at teaching!

  • @okonkwo.ify18
    @okonkwo.ify18 Рік тому

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

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

    Thanks for the premium content.

  • @balakrishnankrishnamoorthy4699

    Really, good one.. part 2 video please

  • @changgiljeong9820
    @changgiljeong9820 2 роки тому

    This video is amazing, Thank you so much🙏🏻

  • @Arabian_Epileptic
    @Arabian_Epileptic 2 роки тому +3

    Nice bro! Looking forward to more Vue tutorials too 😊

  • @OG-SA
    @OG-SA Рік тому

    Love it. Thank you so much.

  • @yamdude2570
    @yamdude2570 2 роки тому

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

  • @ricardo8500
    @ricardo8500 2 роки тому

    Thank you so much. It was really helpful.

  • @isharaperera0629
    @isharaperera0629 2 роки тому

    A great effort! Thank you...

  • @hennessy7418
    @hennessy7418 2 роки тому

    Thank you for this useful video!

  • @joygeorgiev4131
    @joygeorgiev4131 2 роки тому

    Awesome course! :)

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

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

  • @smymisr3419
    @smymisr3419 2 роки тому

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

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

    Awesome tutorial!

  • @shakil-the-coding-monster
    @shakil-the-coding-monster 2 роки тому

    Awesome staff!

  • @AnilaRajashekar
    @AnilaRajashekar 2 роки тому

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

  • @sisentaynueve
    @sisentaynueve 2 роки тому +3

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

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

    it worked. Thankss sooooo much.

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

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

  • @sharathchandratheegulla
    @sharathchandratheegulla 2 роки тому +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.

  • @balaeinstein8710
    @balaeinstein8710 2 роки тому +1

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

  • @jhamatcricket615
    @jhamatcricket615 2 роки тому

    amazing tutorial laith! lots of love from Pakistan

  • @johnyepthomi892
    @johnyepthomi892 2 роки тому

    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.

  • @eduardobaia1
    @eduardobaia1 2 роки тому

    Veryy good! thank you very much!

  • @the_realalexander817
    @the_realalexander817 2 роки тому +1

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

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

    thanks for the tutorial

  • @seekhelp
    @seekhelp 2 роки тому

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

  • @jobyktom
    @jobyktom 2 роки тому

    Great tutorial

  • @justinnoor4915
    @justinnoor4915 2 роки тому

    Thank you for your work

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

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

  • @Let_Me_Dream
    @Let_Me_Dream 2 роки тому

    which version of angular are you using here??

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

    Very good

  • @rolmertelisdeoliveira5766
    @rolmertelisdeoliveira5766 2 роки тому

    PERFECT!

  • @kamaboko1
    @kamaboko1 2 роки тому

    Parts 2 and 3 on the back burner?

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

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

  • @jordiverbeek4917
    @jordiverbeek4917 9 місяців тому

    can i make this with AngularJS

  • @deanclancy6448
    @deanclancy6448 2 роки тому

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

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

    The attribute directive section is a bit wrong. You are actually binding to the Dom property and not the html attributes. There is a difference and they are not the same always

  • @marcomuller5198
    @marcomuller5198 2 роки тому +1

    Why didn't you use [(ngModel)] in inputs? Its eayser
    Awesome tutorial

  • @jitujazz123
    @jitujazz123 2 роки тому +26

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

  • @anthonyramos9247
    @anthonyramos9247 2 роки тому

    where the other 2/3 projects to build,

  • @pauloromero2459
    @pauloromero2459 2 роки тому +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 2 роки тому +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😅

  • @enrico8730
    @enrico8730 6 місяців тому

    Do you have part 2 or 3 yet?

  • @shloimystern9095
    @shloimystern9095 2 роки тому

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