Angular Tutorial for Beginners: Learn Angular & TypeScript

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

ความคิดเห็น • 2.3K

  • @muhammadshahrez2130
    @muhammadshahrez2130 3 ปีที่แล้ว +1348

    Hi Mosh,
    I took your angular course in 2020. I have just landed on my first angular developer job as a Junior Developer. I would like to thank you from all my heart. God bless you!

    • @cjeeckazad2995
      @cjeeckazad2995 3 ปีที่แล้ว +9

      plz can you tell me how did you study?

    • @IndialovesyouBJP2024
      @IndialovesyouBJP2024 3 ปีที่แล้ว +10

      @@muhammadshahrez2130 congrats buddy! wheres the party at!

    • @IndialovesyouBJP2024
      @IndialovesyouBJP2024 3 ปีที่แล้ว +7

      hope you get lots of success and hope everyone gets the same!

    • @GabrielTobing
      @GabrielTobing 3 ปีที่แล้ว +2

      Congrats dude!

    • @GaryParkin
      @GaryParkin 3 ปีที่แล้ว +4

      Congrats! I hope the job is still everything you thought it would be!

  • @ImValorant
    @ImValorant 10 หลายเดือนก่อน +41

    Hey guys quick heads-up, to follow along with this course now you need to make sure to specify --no-standalone when creating the project through the angular cli as it by default does not include to module file.

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

      Is the tutorial still relevant today?...I want to know before i watch

    • @curiousnerd2253
      @curiousnerd2253 9 หลายเดือนก่อน +13

      @@developedbymighty yes tutorial is relevant. just specify the above command and you are good to go.

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

      ​@@curiousnerd2253thanks man

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

      @@curiousnerd2253 currently his paid course is Angular 4 . do you think it is still updated to get a job after the course ( I mean his course version)?

  • @gronavet
    @gronavet 4 ปีที่แล้ว +50

    Thank you Mosh. As a novice programmer and an experienced teacher/instructor I can only appreciate what a great job you are doing and recommend you to everyone I know who might need courses.

  • @MatthewColescott
    @MatthewColescott 10 หลายเดือนก่อน +38

    If anyone is getting stuck around 1:39:50 because you don't see the "update" line, this is why:
    Current version of angular doesn't seem to do this by default.
    You have to first create your project like this:
    ng new hello-world --routing true --no-standalone
    The --no-standalone is what fixes it. Then when you run:
    ng g c course
    You will get the "update src/app/app.module.ts" line

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

      currently his paid course is Angular 4 . do you think it is still updated to get a job after the course ( I mean his course version)?

    • @zeko-power
      @zeko-power 2 หลายเดือนก่อน

      thanks a lot but I did not find out the ''assets' and 'environments' folder of 'src' @ 20:50 plus not get it out 'e2e' folder

  • @flaviojorge5652
    @flaviojorge5652 ปีที่แล้ว +58

    Warning to angular students, this video uses an ancient version of Angular and a lot of what he says has changed. Also, the nice project he describes in the beginning is not part of the course, which I found misleading. But the instructor is good and the explanations are clear.

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

      super misleading

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

      Any link for new version tutorials? Thanks in advance!:)

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

      Thank you ... 💚💛❤🙏

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

      thanks you for the heads up

  • @angelicadimude4378
    @angelicadimude4378 6 ปีที่แล้ว +212

    I love how you're explaining not just how it works but also the concepts behind the tools. Well done. Thanks

    • @sirkastic
      @sirkastic 4 ปีที่แล้ว +2

      Disagree. And your stutpid

    • @Nightflash28
      @Nightflash28 4 ปีที่แล้ว +17

      @@sirkastic the irony is so strong I can taste it

    • @sagarsagi510
      @sagarsagi510 4 ปีที่แล้ว

      Context implementation in React
      th-cam.com/video/g-rBjrVkpZg/w-d-xo.html

    • @devanwoodruff7289
      @devanwoodruff7289 3 ปีที่แล้ว

      @@sirkastic we got an obvious troll over here! 🤣

    • @sirkastic
      @sirkastic 3 ปีที่แล้ว

      @@devanwoodruff7289 how so ?

  • @fazlizekiqi2324
    @fazlizekiqi2324 4 ปีที่แล้ว +12

    if anyone having problems when trying ng serve you can just type : ng serve --port 4200 --host 127.0.0.1
    it worked for me.

    • @faresgeek-dz5692
      @faresgeek-dz5692 4 ปีที่แล้ว +1

      is there any problems , specially those related with the versions gap( difference )?

  • @AkhilKumar
    @AkhilKumar 5 ปีที่แล้ว +13

    What an intro! First 3 mins of project intro was enough to sell this tutorial like hot cake and yet you've decided to place it for free. Thank you so much!

  • @AbdulHaseeb-u3d
    @AbdulHaseeb-u3d ปีที่แล้ว +21

    Of all the angular tutorials I myself have seen as well as recommended this tutorial for sure shows how much effort have you put in this 2 hours tutorial. Huge respects to you. For anyone who's new to any stack your videos are the best ones. I genuinely want to appreciate what you are doing here and wish you the very best.

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

      is this course still updated for this time?

  • @navalkumarshukla1839
    @navalkumarshukla1839 ปีที่แล้ว +36

    Update (25 July 2023)
    Use "ng version" instead of "ng --version" (use "ng --help" command to see all the options)

    • @AyeBro_NotCool.
      @AyeBro_NotCool. 6 หลายเดือนก่อน +3

      saw your comment too late and this gave me a headache for like an hour lol

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

      @@AyeBro_NotCool. Lol, still might help you in the future maybe debugging this kinda errors

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

      Or just `ng -v`

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

      Or just don't watch this tutorial at all, as it's extremely outdated unless you want to use Ancient Angular.

  • @trueredexe
    @trueredexe 5 ปีที่แล้ว +63

    I learned all I need to know! You're a great teacher. Thanks

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

      currently his paid course is Angular 4 . do you think it is still updated to get a job after the course ( I mean his course version)?

  • @xWavess
    @xWavess 3 ปีที่แล้ว +28

    This is an extremely good video for anybody trying to get into software development. I have 5 years of experience and I'm currently searching for a new job, I have barely any JavaScript or Angular experience but this video is super helpful. Having a background in XAML and C#, the same concepts apply and transfer almost seamlessly. Thank you for putting this together!

  • @goddardpk
    @goddardpk 3 ปีที่แล้ว +18

    You struck a perfect balance between providing context and not getting mired in too many details for first time users of this amazing tech stack. Thanks so much!

  • @etis398
    @etis398 2 ปีที่แล้ว +7

    I really liked the way you presented TypeScript, by taking a plain JS example and progressively enhancing it.
    Also you were always showing the immediate results of what you just typed, answering potential questions that a viewer could ask after a code change.
    The pace is not too fast and makes it a good experience to learn about these concepts (especially as a non native english speaker).

  • @awesomeplay8076
    @awesomeplay8076 4 ปีที่แล้ว +42

    This course helped me to keep up with my new project, because previously I didn`t have any production experience with Angular)
    TY very much!

    • @gaslly62
      @gaslly62 4 ปีที่แล้ว

      Hey em jobless nd uneducated.. I want to learn any language. So em enable to earn.. Please tell which language I have to learn first java c++ html python.. Plz help me with

    • @iZomb
      @iZomb 3 ปีที่แล้ว +2

      @@gaslly62Really it depends what you are trying to do. I personally would recommend learning C# as your primary language as it is useful in many types of projects. Simultaneously I would learn HTML/CSS/JavaScript. This will give you a solid foundation for front end development. Once you have worked with this for a while you can look into other options like Typescript and Angular. You can also look into node.js to utilize javascript outside of the browser which enables you to create web API’s with it. But again, I personally would start with C#, HTML, CSS, and JavaScript (with jquery).

  • @БекарысОрынбасаров-п4м
    @БекарысОрынбасаров-п4м 5 ปีที่แล้ว +15

    I love the way u speak and ur voice. It makes me optimistic regarding the hard way of programmers

  • @doncollins6795
    @doncollins6795 5 ปีที่แล้ว +31

    Holy Crap!.... you are a real Software Engineer.... Teaching how to right CLEAN CODE as i am learning

    • @TheAthanik
      @TheAthanik 4 ปีที่แล้ว

      If you want to write clean code. Just get the book Clean Code by Robert C Martin.
      There is some good stuff in this vid. But don't confuse clean code with less lines of code.
      Read the clean code book if you're serious about clean code.

    • @thinguyeninh581
      @thinguyeninh581 4 ปีที่แล้ว +1

      @@TheAthanik thank you

    • @MrFeupinha
      @MrFeupinha 3 ปีที่แล้ว

      @@thinguyeninh581 That's basically the bible of clean code, reading it is a must in my opinion.

  • @friize
    @friize 3 ปีที่แล้ว +18

    It's nice to see you also learn everything around angular/typescript. Like getting around every aspect of the code and not only the typescript specific part, really enjoyable even for people like me who already know things.

  • @karolinaszulczyk4921
    @karolinaszulczyk4921 3 ปีที่แล้ว +2

    You sir are a life saver, I have lost count how many times you have saved me from a horrible nightmare during school, you are my hero!. Please Keep doing what your doing, you are helping so many people.

    • @THEkarankaira
      @THEkarankaira 3 ปีที่แล้ว +1

      hey , this is a old video and you recently commented I wanted to know if this course still relevant?
      Thanks

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

    Such a great instructor. Makes following the tut feel like you're watching a soulful movie. Clear explanations, no long-winded answers, great orator, relevant examples.. great job Mosh!

  • @shreeharifood8688
    @shreeharifood8688 6 ปีที่แล้ว +66

    Great!! First time in life I have seen tutorial with this type of clear cut explanation..Many thanks :)

    • @TheBrahmadath
      @TheBrahmadath 5 ปีที่แล้ว

      Welcome to the Mosh world!

  • @anitsingh9373
    @anitsingh9373 4 ปีที่แล้ว +10

    I seriously wish my teachers tought me this way🙏🏼
    You're just amazing 🙌🏼

    • @spoodmanire
      @spoodmanire 4 ปีที่แล้ว +2

      Went through 4 years of university, learnt nothing. Watch this guy for 2 days = 1 semester of university.

    • @taha5871
      @taha5871 4 ปีที่แล้ว +1

      @@spoodmanire Totally, I agree with you 😂🤣

    • @taha5871
      @taha5871 4 ปีที่แล้ว +1

      ​@@spoodmanire Mosh always brilliant, you fell in love immediately while teaching you something, I take many courses from him, he takes you totally from beginner to high quite level.
      I recommend anyone want to learn new something, first search about mosh if you found what you want, go ahead and never regret of your time.

  • @isdinaghmir2570
    @isdinaghmir2570 4 ปีที่แล้ว +13

    This is the best Angular lesson I ever had, better than my College ! how much like to provide full content haha

  • @jimfilbertvano678
    @jimfilbertvano678 3 ปีที่แล้ว +2

    Great tutorial. No background with Angular but able to understand everything by just watching this. Thank you so much.

  • @veebxl
    @veebxl ปีที่แล้ว +4

    Mosh, this is just what I needed, even if it's 5 years old, but you are such a great tutor! Learned a bunch of things that were a bit blurry before , and you make it so clear !Thank you!!

  • @jovitoabio2427
    @jovitoabio2427 4 ปีที่แล้ว +34

    This course needs to be updated since there are some breaking changes on using Angular and Firebase's latest versions. Following the course with the latest version of Angular and Firebase is troublesome at the moment!

    • @THEkarankaira
      @THEkarankaira 3 ปีที่แล้ว

      Thanks

    • @nugzila4170
      @nugzila4170 3 ปีที่แล้ว

      And then how many updates after? Infinite? This is knowledge for the time it was created. Great teaching.

    • @glnn444
      @glnn444 3 ปีที่แล้ว +3

      @@nugzila4170 Jovito didn't say anything about how this course is bad. He's just saying that it should have an update for the current time. Is there really an issue with having knowledge for now? Rather than 'the time it was created'?

  • @laurabartel7240
    @laurabartel7240 3 ปีที่แล้ว +4

    You are an A+ instructor. I really appreciate that you showed the long way which I could understand from programming in other languages before you shortened the code example. Seriously loved this tutorial!

  • @Putin___Huilo
    @Putin___Huilo 6 ปีที่แล้ว +24

    Absolutely amazing video tutorial!
    Mosh Hamedani, your explanations of every single thing - are awesome !

  • @StylishBros
    @StylishBros 2 ปีที่แล้ว +24

    When checking if you installed angular cli, type "ng version" instead of "ng --version".

    • @ruster5517
      @ruster5517 2 ปีที่แล้ว +3

      Thank you so much

  • @myhandymanscott
    @myhandymanscott ปีที่แล้ว +5

    11:20 For those using versions of Angular > 14, the command to confirm Angular/CLI installed and the version is "ng v" (no longer --version)

  • @exiledvegetable844
    @exiledvegetable844 5 ปีที่แล้ว +32

    still watching it and am impressed by how u explain everything

  • @daviddeasy8896
    @daviddeasy8896 6 ปีที่แล้ว +70

    Note that there is a very useful Table of Contents under "SHOW MORE" in the description of this TH-cam video. The TOC includes the time offset of each section and a link to jump the video to that course section. There is also a Course Structure section that gives an overview and suggested order for viewing if you are in a hurry.

  • @marc-andrepouliot737
    @marc-andrepouliot737 4 ปีที่แล้ว +5

    So here I am a complete newb to any form of programmation.
    I wanted to make a website for my wife's business. Friend highly recommend angular. Why not search TH-cam for tutorials. Spend a few minutes searching for one with a decent accent. Hey this guy looks interesting.
    About 1 hour into the tutorial . Boy I'm digging thru it.seems pretty complex I've spent at least 2 hours following and repeating every step to get accustomed to the program and general concept. In that time I've got everything setup. A web page with my desired name, heading and managed to load 1 component with a template "contact" (if that makes any sense )
    I keep watching and now I'm at ~ 1h55. Everything I watched since my previous progress was is basically " you see what we did before. Don't do that. It's not the right way to do it. you can do this instead " then this goes on for ~ 35 minutes. He changes 2 words. Another 15 mins of gibberish explanations.
    Then completely confused about what I did with the last 5 hours of my life (yeah cause I kept scrolling back and back to check wtf was going on)
    I realized I spend 30 mins listening to him talk about "draw points", constructors, etc only to never use them again (or give any useful information about them. No clue what they are or what they do)
    I fast forward to the end of the video. Now in 20 minutes he added 3 lines. "Authors, author 1-2-3"
    Now if I had to resume my whole experience with this video.
    I spent at least 3-4 hours trying to understand complex informations that had absolutely no further use in the video,i realized that after all this time spent listening and trying to mimic what he did:I made a blank page, with a title and 1 line/word or text. I still don't have a single clue what angular is or How it works. I have no clue about the very basics of it. I have no knowledge of what difference is there between ' '. " ". () {}. {{}} [ ] ` ` :;., or any of the basic commands and bases of angular.
    This is absolutely not a tutorial for beginners and you do not "learn from scratch"

    • @nijatmursali9943
      @nijatmursali9943 4 ปีที่แล้ว +1

      I was going to start this tutorial and thanks to your comment. I will choose something else.

    • @omarrb76
      @omarrb76 4 ปีที่แล้ว

      It´s a tutorial for beginners of people that actually know computer science, i recommend you to use other services like Wix, GoDaddy or Wordpress for your page.

  • @tamilstudent1
    @tamilstudent1 4 ปีที่แล้ว +16

    When it comes to how to begin Angular, Experts say "Watch Mosh's Angular Tutorial for Beginners" video and you're good to start :)

  • @ThiagoSouza-zf3rr
    @ThiagoSouza-zf3rr 4 ปีที่แล้ว +2

    I am not used to write on these comments but I had to after watching your video. Your explanation is simply amazing.... never seen anything like it in my programing life (15y). You can compile so many informtion in such a short way and explain why something is used in a certain way. This is just brilliant. Thank you! Thank you again (you deserve 2 thanks )

  • @rakshithhr3528
    @rakshithhr3528 5 ปีที่แล้ว +34

    I'm definitely enrolling to your course. Your teaching is awesome. My one month college = your one hour video.

    • @subbumahadasa6890
      @subbumahadasa6890 4 ปีที่แล้ว

      Did you enrolled in udemy

    • @kristypolymath1359
      @kristypolymath1359 4 ปีที่แล้ว

      @@subbumahadasa6890 No he probably decided to take up knitting and crocheting.

  • @kenkioqqo
    @kenkioqqo 2 ปีที่แล้ว +7

    Hi Mosh, am one of your biggest fans. I discovered your tutorials a few months ago when I decided to learn frontend development, and your tutorials have really helped me understand the essentials, especially of Node JS. Now, am working on my own FinTech project and I couldn't be where I am without the confidence I gained from watching your tutorials.

    • @michaelakinwunmi6608
      @michaelakinwunmi6608 2 ปีที่แล้ว +1

      Hi there, happy to hear of your progress as I am also a huge Mosh' fan. I just finished his javascript and Jquery tutorials about to start Angular. I need your advice according to your intuition on which will get me a steady freelance job. Should I learn Angular or React, and after Angular or React, should I learn Node or something else, I will learn all, I just need the best combo to at least make some money. Looking forward to hearing your advice.

    • @kenkioqqo
      @kenkioqqo 2 ปีที่แล้ว +1

      Nice to hear form you, @@michaelakinwunmi6608. IMO, I think in order for you to make a better decision about which framework to study next, you first need to have a crystal clear vision/goal of what you want to do with the skills...like a specific project you've always wanted to do e.g an app you really want to build. Having a goal like "the best combo to at least make some money" is a bit too broad and any framework will enable you to get there (with lots of effort). That being said, I personally chose to first learn Node JS before learning any framework because they are all based on Node JS, and a fairly good understanding of Node will help you understand the frameworks much faster. I chose Angular because it is a more complete JS framework with almost everything you need built-in. React and Vue have for a long time been considered JS libraries and not fdameworks, and that basically means there are several features they don't have built-in, which means you might want to add those features as third-party imports when using those libraries. With Angular, almost all the features you need are provided from the word GO. That being said, React and Vue are very powerful and robust JS frameworks/libraries and can allow you to build literally any kind of app you can imagine. So they're not that limited. A lot of people like and use them a lot. Furthermore, the underlying concepts behind all these frameworks are very similar and understanding how to properly work with any of them makes it very easy for you to learn any of the others when you need to. My final biased verdict is that Angular is a more complete out-of-the-box solution. I would advise you to learn Angular, and once you've really gained a working experience in it, you will find it very easy to use that knowledge to work with React and Vue. It will be like learning CorelDraw after having had a lot of experience in Illustrator. You will find lots of similarities. You will be miles ahead of someone who is just starting to learn React or Vue as their first JS framework. I hope this helps you see it from a fresh perspective.

    • @michaelakinwunmi6608
      @michaelakinwunmi6608 2 ปีที่แล้ว +1

      @@kenkioqqo yes it does so much. Thank you alot ❤️

    • @kenkioqqo
      @kenkioqqo 2 ปีที่แล้ว +1

      My pleasure, @@michaelakinwunmi6608. Glad I could help.

  • @gauravsuvarna7563
    @gauravsuvarna7563 2 ปีที่แล้ว +7

    Can you please update your tutorial, Angular has updated a lot since you made the video. It would be very helpful

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

    I love the way you structured this course . I first watched the tutorial on TH-cam then I couldn't help buying the full course. Thanks Mosh for the quality you have offered in this valuable tutorial.

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

    Im glad this gives both Angular and Typescript, but it’s not updated, but did enjoy the teaching style.
    First time studying Angular and this only helped me understand typescript

  • @rishabhagarwal2209
    @rishabhagarwal2209 4 ปีที่แล้ว +18

    Loved this video, love the way you teach. The most important thing is that it's not boring, it's engaging, and worth watching every second of it. 10 Stars **********

    • @pikacoder5782
      @pikacoder5782 3 ปีที่แล้ว +2

      Do you need handwritten notes of the above lecture?

    • @keeppcsafe6293
      @keeppcsafe6293 3 ปีที่แล้ว

      @@pikacoder5782 yes please

    • @midhafathima980
      @midhafathima980 3 ปีที่แล้ว

      @@pikacoder5782 can you please forward it to me if possible?

    • @srivemuri5065
      @srivemuri5065 2 ปีที่แล้ว

      @@pikacoder5782 Can you please forward the written noted for me too

  • @hedgehuug1603
    @hedgehuug1603 4 ปีที่แล้ว +6

    Wonderful, Wonderful course, thank you so much, pacing, explanation, speed, difficulty, all of them 10/10. Presentation was top notch, everything was given an explanation, and I love the shirt.

  • @kaoru_umeda
    @kaoru_umeda 2 ปีที่แล้ว

    I am a software engineer from China and working in Tokyo, Japan.
    I recently started learning about Angular, and since I'm usually too busy, I can only use your tutorials to learn it on weekends.

  • @sonicmouse3083
    @sonicmouse3083 2 ปีที่แล้ว +1

    Been in the backend using OOP for 20 years -- decided it's time to take a look at the frontend stuff people have been taking about. Enrolled in your course. I stayed away from the frontend because of JS. The idea of having a solid OOP-like language in the frontend is what brought me around.

  • @thelearicist
    @thelearicist ปีที่แล้ว +4

    I know I'm years late to this, and will be supplementing with more modern tutorials, but this video kicks ass. Only thing I'd say is that as someone who takes handwritten notes to learn best, I have SO MANY things crossed out because of the method of introducing a topic only to then say "however, this isn't actually how we're going to want to use this" 🤣
    Thank you so much for all the work you put into this.

    • @Ouba1
      @Ouba1 ปีที่แล้ว

      can you link me modern tutorials brother?

    • @tyrantula767
      @tyrantula767 ปีที่แล้ว

      @@Ouba1 th-cam.com/video/WaT_yGzm47I/w-d-xo.html

    • @Ouba1
      @Ouba1 ปีที่แล้ว +1

      @@tyrantula767 thank you sir

  • @G-Dubs488
    @G-Dubs488 3 ปีที่แล้ว +3

    Mosh definitely has a talent in explaining technical stuff!

  • @antonyrichard369
    @antonyrichard369 2 ปีที่แล้ว +19

    This tutorial is unbelievable !! Parallelly trying the concepts as you go. You gave me time and the sequence was so good, I am clear and the concepts are unforgettable

    • @sneigee
      @sneigee 2 ปีที่แล้ว

      Nice one and also check this Real E-Commerce App using .Net 5 and Angular 13
      Thanks
      th-cam.com/video/-IzpsC-0eBk/w-d-xo.html

  • @SteelStelios
    @SteelStelios 3 ปีที่แล้ว +1

    *mindblown* by TypeScript today . This presentation may grant me my first internship and possibly a job, thank you mr Hamedani for your content.

  • @moeejtamboli3157
    @moeejtamboli3157 4 ปีที่แล้ว +1

    you have in depth knowledge of what you teach. I searched various tutorials for angular but yours is best.

  • @aveesp1
    @aveesp1 7 ปีที่แล้ว +224

    This video contains only the essential things required to build this project but not complete project,
    beware if you are too excited :P
    anyways thanks Mosh!

    • @playnlearn8143
      @playnlearn8143 6 ปีที่แล้ว +19

      I just fucking hate it

    • @careercode
      @careercode 6 ปีที่แล้ว +5

      Owais p haha I was suspicious about it as it is highly unlikely that such a great would be available for free

    • @yangchun7458
      @yangchun7458 6 ปีที่แล้ว +35

      Nothing can be completely free. It would be much easier for you to read documentation after you figure out basics. So just read documentations and google the specific questions you have. That's the way how a programmer learn new things.

    • @melanycordova9601
      @melanycordova9601 6 ปีที่แล้ว +2

      hi there have you got the code of this course?

    • @sathishrao7926
      @sathishrao7926 6 ปีที่แล้ว +12

      Agree.. Everything about this Tutorial is good except that it sets a very high expectation on what can be learnt in these 2 hours ! I too was excited, but cautiously optimistic at the beginning..

  • @MarkHeydari
    @MarkHeydari 5 ปีที่แล้ว +18

    Great job Mosh, keep up doing great job, First time in life I have seen tutorial with this type of clear cut explanation..Many many thanks :)

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

    I stumbled upon this course and know it is very old but still very useful even today. Excellent tutorial but as a long time full stack developer in many languages: Java, C++, Python, PHP, JavaScript Angular etc. the only thing that I take away from TypeScript is it's usage of access modifiers. By access modifiers ability to create the actual fields itself can confuse inexperienced developers of seeing a clearer implementation of the script unless they know of this feature. I would rather define the fields manually even if it is more code just for clarity and let access modifiers behave like they do in Java.

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

      currently his paid course is Angular 4 . do you think it is still updated to get a job after the course ( I mean his course version)?

  • @bryanjesediaz873
    @bryanjesediaz873 ปีที่แล้ว

    I have been using Angular for about two years and here I learned things I never thought about
    Great Tutorial

  • @OneShotWolf
    @OneShotWolf 3 ปีที่แล้ว +7

    Hey Mosh, I feel mislead... almost. I loved the tutorial! and learned a lot! I thought we were making an e-commerce site? because in the start you said, "you will build and deploy a real e-commerce application using angular firebase"

  • @yogeshcs2003
    @yogeshcs2003 7 ปีที่แล้ว +7

    I was confused what the difference is between 2 and 4 and you cleared it. The answer angular 2 is not much different than angular 4. Thanks You Mosh !

  • @shital6611
    @shital6611 5 ปีที่แล้ว +13

    Initially I was excited that such a nice website I can learn is 2 hours.
    But sad 😔
    Anyways... I am going to buy this course.
    Very well explained.
    Helpful for beginners like me.

  • @danielcamara9632
    @danielcamara9632 4 ปีที่แล้ว +1

    Why didn't I know about this great tutorial 2 years back? I would have been a master in Angular by now. But it's never too late to learn new things. Thank you!

    • @InfraUpdates-
      @InfraUpdates- ปีที่แล้ว

      Did you master angular or not

  • @dsz14
    @dsz14 4 ปีที่แล้ว

    Amazing. Just bought the complete course.
    The price completely worth the time i would spend jumping from video to video in TH-cam. Well done, man.

  • @AbdurRahmanAbdulMajid
    @AbdurRahmanAbdulMajid 3 ปีที่แล้ว +6

    If you try to compile the code at 51:10 it'll give the error: Property 'endsWith' does not exist on type 'string'.
    This is because 'endsWith' is an ES6 function and we need to target ES6 while compiling it. The compile command will look like _"tsc --target ES6 main.ts"_

  • @prajwaltirpude8582
    @prajwaltirpude8582 5 ปีที่แล้ว +9

    Really good lesson. Impressed by typing speed and the talk going so smoothly and perfectly. Other lessons waste a lot of time typing the code
    Well done

  • @sergeymaslow9403
    @sergeymaslow9403 5 ปีที่แล้ว +19

    I don't even know English, but understood about 90% of that
    Thanks :D

    • @saurabhjainwal4604
      @saurabhjainwal4604 4 ปีที่แล้ว +3

      If you dont know English then in which language do you think you posted this message pls think about that.

    • @gabrielcajigas3799
      @gabrielcajigas3799 4 ปีที่แล้ว +1

      @@saurabhjainwal4604 he probably meant that he doesn't know proper pronunciation.

    • @chiefnarx
      @chiefnarx 4 ปีที่แล้ว +1

      Dude you just typed in English

    • @JOJO_THE_PROGRAMMER
      @JOJO_THE_PROGRAMMER 4 ปีที่แล้ว

      @@saurabhjainwal4604 Lol

    • @indonesianhoney
      @indonesianhoney 4 ปีที่แล้ว

      you're one of the world's wonders! 😄

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

    Hi, great explanation skills! One thing I'd like to point out:
    I only realized that the fancy app you've showcased briefly in the beginning wasn't going to be what we achieve in this video and that this video was just a demo for the full-course due to:
    1) Remaining time of the video getting shorter and shorter and us not really starting off with the actual project : )
    2) Thanks to your disclaimer around 1:23:00, which is already 60% into the video : )
    As of now (June 2024), the course is 15$ instead of the full price 150$ (possibly partly because it's somewhat outdated?), and that is affordable for me so I'll go ahead and buy the course. However, I'd appreciate it if that disclaimer was made clear at the start of the video and not almost one and half hours into it...
    Thanks a bunch and have a great day!
    Kind regards

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

      currently his paid course is Angular 4 . do you think it is still updated to get a job after the course ( I mean his course version)?

  • @kilianmedina1256
    @kilianmedina1256 4 ปีที่แล้ว +2

    I come from your 1 hour long video in javascript and i personally love how you teach keep the good job you are making a favour to the world

  • @amhalas
    @amhalas 3 ปีที่แล้ว +5

    Hey Mosh, Thanks for this amazing tutorial. You have very well explined the concepts so this is a highly recomended course for developers gettting started with Angular.

  • @waewtaartpongsa
    @waewtaartpongsa 6 ปีที่แล้ว +20

    I develop program base on Windows form It's very so hard for me to do web app after I watched this tutorial it made me have hope again :D So I already get the complete course.

    • @omaewamoushindeiru1108
      @omaewamoushindeiru1108 5 ปีที่แล้ว

      same

    • @ebaadansari6728
      @ebaadansari6728 5 ปีที่แล้ว +3

      I replaced windows with ubuntu. If you are a developer or are planning to be one in the future, switch to linux.

    • @arianitonline8748
      @arianitonline8748 5 ปีที่แล้ว +3

      @@ebaadansari6728 no need to. windows does the same, and in some scenarios even better.

    • @SelfReflective
      @SelfReflective 5 ปีที่แล้ว

      Same here! I've been trying to get into Web programming for years, I've been frustrated each time by how difficult it is.

  • @scabrof
    @scabrof 6 ปีที่แล้ว +17

    Thank you Mosh! I'm learning Angular + Node.js and this tutorial is very useful!

    • @Devstackr
      @Devstackr 5 ปีที่แล้ว +3

      Hey Rocco - I too am learning Angular and NodeJS :)

    • @hermionegranger5437
      @hermionegranger5437 3 ปีที่แล้ว +1

      I'm too learning angular + nodejs

  • @richardbianco3193
    @richardbianco3193 2 ปีที่แล้ว

    52:31 Boom, the light went on about what Lambdas are. The way you described it, with the parenthesis is what made it clear. TypeScript is beautiful

  • @yyl6474
    @yyl6474 ปีที่แล้ว +1

    love it
    now i got a clear understanding of why i need a cunstructer

  • @johnbalboa8120
    @johnbalboa8120 5 ปีที่แล้ว +24

    At the time of this video recording, he used the terminal outside of vscode, luckily now it's integrated so no more hopping windows :)

    • @gapijani6028
      @gapijani6028 3 ปีที่แล้ว

      HvzbdjhamjnajnnjkVZ

    • @gapijani6028
      @gapijani6028 3 ปีที่แล้ว

      Hb

    • @liliyagoldman4580
      @liliyagoldman4580 3 ปีที่แล้ว

      what command to use to open project?

    • @RahulSaini-qu8er
      @RahulSaini-qu8er 3 ปีที่แล้ว +1

      @@liliyagoldman4580 for windows, its ctrl + `

    • @zutru
      @zutru 3 ปีที่แล้ว +1

      Uhm... he does use the integrated terminal in this video at around 1:39:05

  • @irfanyas1873
    @irfanyas1873 5 ปีที่แล้ว +5

    I'm trying to find another tutorial videos to get a better understanding; Never have I been so wrong...

  • @philgardocki5294
    @philgardocki5294 4 ปีที่แล้ว +10

    Love the tee shirt. Drew me in for gearing up for a 2 hour tutorial. With allowances for coffee and bio breaks :)

    • @neilthebigartist4728
      @neilthebigartist4728 3 ปีที่แล้ว

      That shirt fucking trash. Sorry but is true. Cringe AF.

  • @ztoza7158
    @ztoza7158 ปีที่แล้ว +1

    Love the introduction. Some Java background for this tutorial was helpful. But great start! thank you

  • @chuantay6153
    @chuantay6153 4 ปีที่แล้ว

    i just started but already like how Mosh delivers the content. Voice, tone and speed really makes a lot of difference to the experience!

  • @jyotisachdeva2697
    @jyotisachdeva2697 5 ปีที่แล้ว +4

    Really nice!! For someone who has to start from basics, this is going to be a great help!!

  • @cannyclass
    @cannyclass 4 ปีที่แล้ว +4

    great course but I find it funny that the ads are trying to get me to learn how to code (that's exactly what I was going before you interrupted me lol)

  • @anthonyasije6118
    @anthonyasije6118 4 ปีที่แล้ว +9

    After watching this video, I took a live project, got paid, and paid for the full course.

  • @sharansrivatsa210
    @sharansrivatsa210 4 ปีที่แล้ว +1

    Great video!
    For those looking for just Angular and not typescript it starts at 1:23:00

    • @Zen-lz1hc
      @Zen-lz1hc 2 ปีที่แล้ว

      Sharan Srivatsa
      Yeah I was pretty disappointed when I realised that he was actually not teaching Angular until the end.
      And that he was beating it around the bush with basic JavaScript stuff...
      And at the end he didn't even finish the Agular app that he promised in the first couple of seconds :(

  • @LuisMartinez-zp7cd
    @LuisMartinez-zp7cd 2 ปีที่แล้ว +1

    Man, thanks for making these tutorials.
    I watched your Python videos because I wanted to learn it while I was at the university, and now I had problems with angular for my first job that I got recently. I'd never understood Angular until I watched this video.
    Now I'm sure that If I have doubts or if I want to learn about some programming tool, I only need to check your channel.
    Thanks a lot, really a lot for all your help

    • @gladio2376
      @gladio2376 2 ปีที่แล้ว

      hi, how are you? I just wanna know if this video really helped you out, I'm actually in the same situation as you

    • @janinaiya3062
      @janinaiya3062 2 ปีที่แล้ว

      Did it helped you ?

    • @LuisMartinez-zp7cd
      @LuisMartinez-zp7cd 2 ปีที่แล้ว

      @@janinaiya3062 Yes. It saved me. I'm not an expert of Angular, but after this video I understood how the structure of Angular works and how to play around the components. If you don't understand Angular o you have never used it, I highly recommend to watch this video

  • @marian_tsx
    @marian_tsx 3 ปีที่แล้ว +5

    For "enums" in Javascript i just use Object.freeze(), works really great.

    • @__nitinkumar__
      @__nitinkumar__ 3 ปีที่แล้ว

      is that a workaround ?

    • @marian_tsx
      @marian_tsx 3 ปีที่แล้ว +1

      @@__nitinkumar__ It's just another way to create an enum.

  • @arianitonline8748
    @arianitonline8748 5 ปีที่แล้ว +8

    will you do any new courses on angular (7+) with some back-end too?

  • @Dfeneck
    @Dfeneck 2 ปีที่แล้ว

    Needed to start a new project with 'modern' technology for work. So I picked Angular. Thankyou very much for this introduction its helped greatly!

  • @EntnimraS
    @EntnimraS 2 ปีที่แล้ว

    Duuuuuude you teach with the LOVE of a MOTHER! THANK YOU!

  • @animasinghdhabal5052
    @animasinghdhabal5052 3 ปีที่แล้ว +4

    Wherez the code for that project which you showed in the beginning??

  • @JorgeGomez-cl2bw
    @JorgeGomez-cl2bw 5 ปีที่แล้ว +6

    For those who just startet watching, it is just the basics of typescript and angular, you won't see the whole tutoria herel.

  • @i.paradox
    @i.paradox 7 ปีที่แล้ว +14

    Here comes the master of tuts...

    • @avtaras
      @avtaras 7 ปีที่แล้ว +2

      Agreed. But why is everyone here Indian or Persian? Lol, the absolute death of Israeli programmers like me xD

    • @illinoya
      @illinoya 7 ปีที่แล้ว

      lol israel has nothing to do with india except pakistan. But pakistan is not india. So chill XD

  • @emansamy3376
    @emansamy3376 ปีที่แล้ว +1

    This course is fantastic and the way it has been delivered with is impressive!! The course is so informative and has been explained in a super easy way!! Every single piece of information was explained even briefly (in case it's outside the scope of the course)!! Would recommend this course to anyone who wants to learn Angular and Typescript in an easy, joyful, and interesting way!! Thank you, Mosh!! This is really appreciated!! I'm really impressed!! 🤩

  • @halojames7778
    @halojames7778 4 ปีที่แล้ว

    You are my first React teacher and my first Angular teacher. Your explanation skill is A+ class.

  • @jeremyd9997
    @jeremyd9997 5 ปีที่แล้ว +4

    Your video starts with a slick web interface, but then you never explained how to build it. Do you have another video that demonstrates building a site like that?

    • @dezh6345
      @dezh6345 5 ปีที่แล้ว

      This video is mostly useless. Go to the W3 Schools tutorial after this video. You'll learn more there about building it.

    • @rolandomoise7143
      @rolandomoise7143 4 ปีที่แล้ว

      Dezmond Huston Can jg

  • @Mark73
    @Mark73 3 ปีที่แล้ว +3

    Why call it Cohesion? It's Encapsulation.

  • @benjaminrina3249
    @benjaminrina3249 5 ปีที่แล้ว +4

    Mosh i liked your video for one reason : just because you tried to teach us something new for free and i wanna thank you for that .
    But in the video are a lot of terms and a lot of not good explained things that makes me not follow your tutorials anymore . You should explain the lesson better and not just pass away with that

    • @sakthivel-oy4cg
      @sakthivel-oy4cg 5 ปีที่แล้ว

      exactly...i was irritated with his shallow tutorials....god I payed in UDEMY!...i wanna abuse him so badly but because of his polite manners i dont wanna.

  • @robertamatera3517
    @robertamatera3517 2 ปีที่แล้ว

    you're the best teacher around here! I've just started to learn angular and despite your video is quite old, you give the best clearer explanations! you're a guarantee! thanks for sharing your knowledge with us. :)

  • @xtrait2470
    @xtrait2470 2 ปีที่แล้ว

    Your teaching technics are amazing. I am glad that I found your channel. You are a legend. God bless you

  • @ottojauw3603
    @ottojauw3603 ปีที่แล้ว +9

    Great tutorial!
    I too am late by 5 years...
    I'm trying this now and finding some difference from what's instructed. I'm going to add my findings for others that are coming after me 🙂. Feel free to reply and add what you saw.
    * ng --version ==> use this instead: ng version
    * Error "/dev/fd/12:18: command not found: compdef" ==> I'm on Mac, remove this from your .zshrc: "source

  • @sureshmanne7245
    @sureshmanne7245 3 ปีที่แล้ว +3

    Update 1: Step1 (create a angular project): Install angular & create project 'hello-world' using command 'ng new hello-world'
    Step2 (install code command in path): Open visual studio code, press ctrl+shift+p and type code, now from the list of options select 'install code command in path command' which then opens the code of hello-world application which is created in step 1.
    Change: As per latest angular version 11.2.6, step 2 is not required. One can directly type 'code .' from command prompt and it will open the code in visual studio code

  • @sureshmanne7245
    @sureshmanne7245 3 ปีที่แล้ว +3

    Update 2:
    The typescript version in the tutorial is 2.3.4 and the version I installed is 4.2.3

  • @OtakuBuzz-N
    @OtakuBuzz-N 4 ปีที่แล้ว +7

    Hey mosh I want to clarify something I have done the app with components so when I click on albums there will be the list of songs after that when I click on one of the lists I want an output of it how can I do that

  • @priyamganguly
    @priyamganguly ปีที่แล้ว

    Though there's nothing much to learn about Angular here, the Typescript part was really helpful. That was quite good.

  • @raedhosny8828
    @raedhosny8828 2 ปีที่แล้ว

    The best ever Angular mini course in the planet, made every angular aspect simple like this 👍

  • @khizarbutt1657
    @khizarbutt1657 6 ปีที่แล้ว +5

    I am unable find shell command: install "code" command in PATH

    • @Mismag288
      @Mismag288 4 ปีที่แล้ว +2

      Sorry, I notice your comment is a year old but thought I'd comment to help anybody else out there experiencing the same issue. It didn't appear for me either so I assumed it was already there, to check I went into powershell (you can use cmd too, it doesn't matter which you use) and typed "code --version" if you see a version number etc then you're fine.

    • @softygupta8530
      @softygupta8530 3 ปีที่แล้ว

      @@Mismag288 Hey I'm stuck in the same.Please help me out.

  • @Zen-lz1hc
    @Zen-lz1hc 2 ปีที่แล้ว +4

    Dislike :(
    !!!!ATTENTION!!!!!
    This is NOT a 2 hours Angular tutorial.
    This is a 30min Angular tutorial.

    • @Chillihero
      @Chillihero 2 ปีที่แล้ว

      whats the rest?