Angular Tutorial for Beginners: Learn Angular & TypeScript

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 2,3 тис.

  • @muhammadshahrez2130
    @muhammadshahrez2130 3 роки тому +1388

    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 роки тому +8

      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 Рік тому +49

    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 11 місяців тому +4

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

    • @curiousnerd2253
      @curiousnerd2253 11 місяців тому +14

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

    • @mightytunesng
      @mightytunesng 11 місяців тому +1

      ​@@curiousnerd2253thanks man

    • @k303k
      @k303k 5 місяців тому

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

    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 Рік тому +44

    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 5 місяців тому

      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 4 місяці тому

      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

  • @navalkumarshukla1839
    @navalkumarshukla1839 Рік тому +42

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

    • @AyeBro_NotCool.
      @AyeBro_NotCool. 9 місяців тому +3

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

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

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

    • @gollumei
      @gollumei 5 місяців тому

      Or just `ng -v`

    • @gollumei
      @gollumei 5 місяців тому

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

    • @Paresses-fz5pr
      @Paresses-fz5pr 27 днів тому

      Thanku

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

  • @flaviojorge5652
    @flaviojorge5652 Рік тому +67

    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 Рік тому +5

      super misleading

    • @BagieStyle
      @BagieStyle 7 місяців тому +1

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

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

      Thank you ... 💚💛❤🙏

    • @xXMaDGaMeR
      @xXMaDGaMeR 4 місяці тому

      thanks you for the heads up

  • @AbdulHaseeb-u3d
    @AbdulHaseeb-u3d Рік тому +22

    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 6 місяців тому +1

      is this course still updated for this time?

  • @TheINTERLECT1
    @TheINTERLECT1 2 місяці тому +2

    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!

  • @etis398
    @etis398 3 роки тому +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).

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

  • @angelicadimude4378
    @angelicadimude4378 6 років тому +213

    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
      ua-cam.com/video/g-rBjrVkpZg/v-deo.html

    • @devanwoodruff7289
      @devanwoodruff7289 4 роки тому

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

    • @sirkastic
      @sirkastic 4 роки тому

      @@devanwoodruff7289 how so ?

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

  • @TheWeirdoinchains
    @TheWeirdoinchains Рік тому +2

    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

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

  • @daviddeasy8896
    @daviddeasy8896 6 років тому +70

    Note that there is a very useful Table of Contents under "SHOW MORE" in the description of this UA-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.

  • @БекарысОрынбасаров-п4м

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

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

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

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

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

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

  • @trueredexe
    @trueredexe 5 років тому +63

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

    • @k303k
      @k303k 5 місяців тому

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

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

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

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

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

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

  • @jovitoabio2427
    @jovitoabio2427 5 років тому +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'?

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

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

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

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

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

  • @shreeharifood8688
    @shreeharifood8688 6 років тому +66

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

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

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

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

  • @benjamindillard9852
    @benjamindillard9852 7 місяців тому +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 5 місяців тому

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

  • @exiledvegetable844
    @exiledvegetable844 5 років тому +32

    still watching it and am impressed by how u explain everything

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

  • @moeejtamboli3157
    @moeejtamboli3157 4 роки тому +1

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

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

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

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

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

  • @G-Dubs488
    @G-Dubs488 3 роки тому +3

    Mosh definitely has a talent in explaining technical stuff!

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

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

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

  • @eighties8
    @eighties8 Рік тому +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)

  • @rakshithhr3528
    @rakshithhr3528 5 років тому +35

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

    • @subbumahadasa6890
      @subbumahadasa6890 5 років тому

      Did you enrolled in udemy

    • @kristypolymath1359
      @kristypolymath1359 4 роки тому

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

  • @yogeshcs2003
    @yogeshcs2003 7 років тому +8

    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 !

  • @stephanieezat-panah7750
    @stephanieezat-panah7750 Рік тому +2

    Mosh, this is such a wonderful tutorial, but could you please update it? I am following along and performing all the tasks, but it is different in 2023, from 2017. But thank you, you have done a fabulous job, and are an asset to our development community.

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

    just a note. if you are on mac when you type % ng --version, now it is just % ng version

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

      can you link me modern tutorials brother?

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

      @@Ouba1 ua-cam.com/video/WaT_yGzm47I/v-deo.html

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

      @@tyrantula767 thank you sir

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

  • @Putin___Huilo
    @Putin___Huilo 6 років тому +24

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

  • @kerc
    @kerc 3 роки тому

    So far this has been way better than the Angular course in Pluralsight!

  • @acreativevisuals
    @acreativevisuals 8 місяців тому

    You are the best out there. I watched lots of your courses and one thing I love about them is that you explain what the course is all about and why it's useful. I think that's really important to understand what the thing being taught actually is. So keep on doing great work! Love your content, amazing videos!

  • @antonyrichard369
    @antonyrichard369 3 роки тому +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
      ua-cam.com/video/-IzpsC-0eBk/v-deo.html

  • @hedgehuug1603
    @hedgehuug1603 5 років тому +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.

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

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

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

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

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

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

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

  • @halojames7778
    @halojames7778 4 роки тому

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

  • @EntnimraS
    @EntnimraS 3 роки тому

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

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

  • @StylishBros
    @StylishBros 2 роки тому +24

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

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

  • @tesk0001
    @tesk0001 4 роки тому

    Company I work for filed Bankruptcy and will be finding new work. Using this time to learn React, Angular and Node. Have watched my fair share of Pluralsight and Udemy courses. Mosh does an amazing job and hope he keeps cranking out the videos.

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

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

  • @aveesp1
    @aveesp1 7 років тому +225

    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

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

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

      HvzbdjhamjnajnnjkVZ

    • @gapijani6028
      @gapijani6028 4 роки тому

      Hb

    • @liliyagoldman4580
      @liliyagoldman4580 4 роки тому

      what command to use to open project?

    • @RahulSaini-qu8er
      @RahulSaini-qu8er 4 роки тому +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

  • @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 6 років тому

      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.

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

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

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

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

  • @irfanyas1873
    @irfanyas1873 5 років тому +5

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

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

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

    For me I am a Backend programmer, I think this it's very helpfull for the beginner like me in frontend, many thanks.

  • @dsz14
    @dsz14 4 роки тому

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

  • @amhalas
    @amhalas 3 роки тому +6

    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.

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

  • @sergeymaslow9403
    @sergeymaslow9403 5 років тому +19

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

    • @saurabhjainwal4604
      @saurabhjainwal4604 5 років тому +3

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

    • @gabrielcajigas3799
      @gabrielcajigas3799 5 років тому +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! 😄

  • @sohaiby
    @sohaiby 4 роки тому +2

    If anyone is using the latest typescript, they might come across the error "Property '..' has no initializer and is not definitely assigned in the constructor" at 59:56. You can get rid of the error by a) either assigning a value b) or by using a not null assertion:
    x!: number;
    y!: number;

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

  • @kamalesharumugam8736
    @kamalesharumugam8736 2 місяці тому +30

    Anybody from 2024?

  • @programmingwithmosh
    @programmingwithmosh  7 місяців тому +3

    🚀 Ready for a deep dive?
    - Check out my full course: mosh.link/angular-course
    - Subscribe for more awesome content: goo.gl/6PYaGF

    • @k303k
      @k303k 6 місяців тому +1

      is your full course still updated?

    • @TiOnGY
      @TiOnGY 4 місяці тому

      Do you have course on angular 16?

  • @jyotisachdeva2697
    @jyotisachdeva2697 5 років тому +4

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

  • @marthamedhin5300
    @marthamedhin5300 4 роки тому

    i dont know how to thank you Mosh....you are the best programming teacher out there. i have been trying to study programming during quarantine and you have helped me a lot in every aspect of my coding journey! i would recommend his courses to anyone who is beginning to code. :)

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

    This is one of the best tutorial I have found on UA-cam. Thanks a ton! you made it so easy.

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

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

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

  • @bamsgian9759
    @bamsgian9759 4 роки тому

    when I posting this comments I am not completed this video but this is the best angular tutorial even I skipped typescript explanation segment, lol. typescript is basically javascript but it's evolution to become common programming language (and of course on high level language)

  • @bijinkurien8986
    @bijinkurien8986 3 роки тому

    One of the Best Instructor I have found . Thank you Mosh. I have learnt many many essential courses which were required for my role from you and all of them have been really easy to understand and helpful.

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

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

  • @Mark73
    @Mark73 3 роки тому +3

    Why call it Cohesion? It's Encapsulation.

  • @josefudoreyvu1711
    @josefudoreyvu1711 5 місяців тому +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 5 місяців тому

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

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

  • @jeremyd9997
    @jeremyd9997 5 років тому +5

    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 5 років тому

      Dezmond Huston Can jg