Angular Tutorial for Beginners - Web Framework with Typescript Course

[@CodewithSloba]

Thank you for posting my tutorial. I hope you guys can learn a thing or two. Happy coding 😉👏🏻

[@hardeeponline]

Started coding in 2001.. And quit after a month , regret that till date. Starting to learn again.

[@dilshantilakaratne]

Wow

[@CodewithSloba]

@@hardeeponline Amazing

[@glumboy4229]

My fav KZbin video right now no lie kzbin.info/www/bejne/mafWaqRjh6aabJY __

[@aer0449]

@@hardeeponline I can closely relate to you bro ❤️

[@fieryscorpion]

I love concise and to the point videos like this. Who even has time for 10 hr videos? lol

[@LittleBoxXx]

I understood some of this stuff because I work with Angular but I don't think the language used is so user-friendly for a beginner: "Use this, do that". At least to me, when I am learning, I like to know why it's this or that.

[@CodewithSloba]

Thank you for feedback, I tried to explain as much as I can, but I guess it can be better.

[@LittleBoxXx]

@@CodewithSloba It's ok, some things are really hard to explain, especially in coding. When I started 4 years ago I had a really bad time because people never explained to me the "why's". "Put this here." - "Why?" - "Doesnt matter.".....lol

[@justsuppa8333]

i agree, there are a lot of things that i coulnd't understand

[@atti80]

Correct. I had to watch another tutorial (by Fireship) how to get started with an angular project. If something is for beginners, it should explain everything from the basics.

[@kelkiiii]

@@atti80 the fireship tutorial is really good. I'm an angular beginner and it was very straight to the point

[@err_0-5rZ]

This is a very good tutorial for making references. Not for beginners that would start Angular from scratch. You should have at least tried making an Angular app on your own then you can get back to this tutorial for refresher and references.

[@BlackGuy-zv9md]

The pre-requ just pissed my right off. 😂 this is a beginner course but you can't be bothered to go through the setup. Sometimes I believe the guys giving the tutorials are less concerned about beginners learning and more concerned about impressing people that already or Developers

[@dhiopalem]

OMG you guys just made it at the right time, I am really trying to learn this for my current project!

[@CodewithSloba]

I hope it helps you 🙏

[@RM-xr8lq]

right with ya brother

[@matkomilic8382]

same. was a react jun dev and now i got a job as an ang jun dev.

[@ariffhaikal6461]

@@matkomilic8382 cool man im just started my internship and my project use angular framework

[@sonjiaasana]

Wow that was an amazing tutorial! I've been in training on Angular for the past two-weeks with an extremely lousy teacher, and I have learned more with this video than I have with my other teacher. Thank you for making it all so clear 🙏

[@zeldascarlet]

Someone heard my voice. I have an angular lesson and dont understand a thing. This will help me so much thank you

[@CodewithSloba]

I hope you like it. Feel free to check more on my channel

[@kevinoliveros4817]

I'm so happy, i've been waiting for angular tutorials on fcc

[@CodewithSloba]

I hope you like the tutorial. Feel free to check more tutorials on my channel

[@sneigee]

Nice one and Please check this Real E-Commerce App using Net 5 and Angular 13 Thanks kzbin.info/www/bejne/Y3rdoaZ5YpWYeM0

[@PrashanthG]

After a long time watched every second of a video with coding! Great video.

[@bentibble6655]

Thank you Sloba so much! This tutorial so great for quick fast forward of documentation! Documentation very slow to read through, this very nice because it take documentation and go through it very fast without much explain. Documentation explain too much. Thank you Sloba for saving the day!

[@luigi012]

Finally a latest Angular course from FCC! 😍

[@CodewithSloba]

I hope you like it 😉

[@balajeebala7810]

Finally angular tutorial in this channel 🙂

[@CodewithSloba]

I hope you like it 🙏

[@tanzaverse]

kzbin.info/www/bejne/b2WXkIOJZtqar80

[@pragyan394]

Time to learn Ben Awad's favourite front end framework

[@CodewithSloba]

Haha 😂

[@MaryamMaqdisi]

ROFL

[@MrTubber44]

Great series Slobodan! In an land of coffee tutorials, this was an espresso! Appreciate cha!

[@CodewithSloba]

Haha I love it! Thank you! Feel free to checkout more on my channel

[@yathirajraghavendra1674]

Man are you a demi God ? How could you predict what I need the most 💚

[@CodewithSloba]

Haha, I hope you like it

[@thiyageshkanna]

Really needed this for my upcoming project. Thank you Slobodan gajic💫💫🙌

[@CodewithSloba]

I’m glad you like it 🙏 Feel free to check more tutorials on my channel

[@thiyageshkanna]

@@CodewithSloba yess subscribed

[@CodewithSloba]

@@thiyageshkanna Thank you

[@AlejandroOrtega-tx3dz]

Great tutorial, it is covering all the basics!!! Sometimes I need to see the angular workflow in more detail and I use documentation but it still a great tutorial. Duro hermano!!!

[@Suriya-fy3et]

Waited for an update for long time, finally got it.

[@CodewithSloba]

I hope you like it

[@AhmedAymanM]

Great video for quick rewind / learning angular super quick, that actually focuses on Angular itself, although I feel some parts were eaten like Input/Output decoratives, httpclient, etc.. Do you have a recommendation for a good tutorial beside the new one which is 17 hours?

[@dilshantilakaratne]

Wow superb tutorial

[@CodewithSloba]

I’m glad you like it

[@MrReese]

I have made Angular projects before and even I feel like this tutorial is very rushed. I recently watched the WordPress tutorial on this channel and that had a lot better pacing than this one :X.

[@CodewithSloba]

Thank you for your feedback

[@patrickprakash8]

Perfect timing as always. Thanks FCC❤️

[@CodewithSloba]

I hope you enjoy it

[@patrickprakash8]

@@CodewithSloba Thanks sloba!

[@mahendranath2504]

Thank you so much 👍🏼🎉🙏 , I have been following so long on KZbin and other social media

[@CodewithSloba]

Awesome! I hope you enjoy the tutorial!

[@sneigee]

Nice one and Please check this Real E-Commerce App using Net 5 and Angular 13 Thanks kzbin.info/www/bejne/Y3rdoaZ5YpWYeM0

[@m.shahrim1933]

easy to understand and follow, but still Angular is very tough

[@navaneethakrishnan1532]

Wonderful Tutorial.Well Composed.Happy Coding

[@firaskedidi9868]

great tutorial but i wanted you to cover rxjs and observables also so it be the perfect tutorial for busy developers

[@amitmondal7427]

The perfect Angular tutorial.

[@CodewithSloba]

I’m glad you like it, feel free to check my channel for more tutorials.

[@amitmondal7427]

@@CodewithSloba already did it. I'm your old subscriber.

[@CodewithSloba]

@@amitmondal7427 Thank you for support 🙏 I appreciate it man

[@juanfv21]

Great tutorial!, thank you

[@aer0449]

You guys are awesome ❤️

[@CodewithSloba]

I hope you enjoy it! Feel free to check more tutorials

[@yourbadapple]

you so perfect explained, thanks!

[@Spartan-v1i]

Sir make full course video about cloud computing

[@emmanuelsahrsewah]

Awesome tutorial for angular newbies. Great Job.

[@CodewithSloba]

I'm glad you like it

[@Thunder-tv2sm]

I heard angular is good for APP development in 2022 which will make me very happy to create a chat app or social media app

[@avishekojha6422]

Isn't it too fast ? I don't think that this video would be beginners friendly. No beginners can get the concept in this way. But yes for revision it's beneficial

[@brandaoerick]

Great teacher, great teaching.

[@CodewithSloba]

Thank you so much!

[@qureshiqureshi4489]

Would you please make a wordpress website on Salon booking *All beautician names *Their work profile *Appointment /pre booking etc *Mobile app *Verify msg /appointment verify msg on number *Discount offer etc *Admin commisions from salons to published their names in site And want to know how admin will earn or manage their site etc

[@Omerko]

Got surprised, never thought that I would see Angular video on your channel, thanks and nice tutorial.. 😁

[@CodewithSloba]

I hope you enjoy the tutorial 🙏

[@Omerko]

@@CodewithSloba I really did

[@richnimbu]

Thanks!

[@CodewithSloba]

Wow thanks! I'm glad you liked it. Feel free to check my channel

[@unemployedcse3514]

Simply awesome 💞

[@CodewithSloba]

I'm glad you like it!

[@lifeisbeautifu1]

Thank you

[@EntnimraS]

BUENISIMO! Exacto, conciso y al grano!

[@CodewithSloba]

Thank you I'm glad you like it!

[@_plastikman]

Thank you so much

[@CodewithSloba]

You're welcome! Feel free to check more tutorials on my channel

[@micahnahumyoung8353]

For anyone getting "Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.", hit ctrl+c, then run ng serve again.

[@thedevnoteyt]

Thanks for this ❤️

[@CodewithSloba]

You are welcome 🙏 I hope you like it

[@davidmora5249]

Finally Angular has arrived to FCC!!

[@CodewithSloba]

I hope you like it 😉 Feel free to check my channel for more.

[@mohamedredalegzali8405]

I got some Fireship vibes watching this course

[@southfitness7567]

Thnks for uploading.....

[@CodewithSloba]

I hope it helps you

[@creitosfl]

Thanks for explaining, I do really appreciate it. However I think you should be moving slower through this process, it's going to fast and you do not really explain what exactly you are doing. Thanks

[@francescos7361]

Great code Angular .

[@StorylinesAndEdits]

This video is not really for beginners

[@depshallburn]

needs to be PINNED to the top honestly

[@fatenhelmi]

@@depshallburn Definitely, I was so lost even with my knowledge.

[@therealgoat3367]

Bruh. I saw this comment and went ahead to download it anyway 😂. I'm back here to see if I'm the only one who thinks it's horrible tutorial

[@Curpop]

FYI at 15:01 there needs to be a ! following the childMessage input. Here is that line @Input() childMessage!: string; Hope this helps!

[@CTimmerman]

@JustValyk The definite assignment assertion is a feature that allows a ! to be placed after instance property and variable declarations to relay to TypeScript that a variable is indeed assigned for all intents and purposes, even if TypeScript’s analyses cannot detect so. Basically it tells TypeScript that the variable will be assigned before use so it doesn't complain about that.

[@ybomb1]

Routing: when adding children be aware about the :id wildcard as second parameter. If is not added in URL, children will not work propely

[@CodewithSloba]

Great tip

[@ВікторЗеленін-д1ч]

cool video)

[@SantiagoMH77]

Thank u so much!

[@elthagichannel3947]

Amazing...👍🏾👍🏾

[@CodewithSloba]

Thank you 🙏 Feel free to check more on my channel

[@sneigee]

Nice one and Please check this Real E-Commerce App using Net 5 and Angular 13 Thanks kzbin.info/www/bejne/Y3rdoaZ5YpWYeM0

[@Husnainniazi]

Your one click can change my whole life😭😭😭

[@CodewithSloba]

Haha nice

[@Afianf]

I ❤ Angular

[@CodewithSloba]

I hope you enjoy the tutorial

[@alexvitchinov5562]

Thanks for your course, btw, how about Angular popularity? I have heard that it is "dying"? Do not think so, nevertheless it is interested to hear about it

[@CodewithSloba]

It’s less popular then react for sure but it’s far from being dead

[@alexvitchinov5562]

@@CodewithSloba thank you :-)

[@CodewithSloba]

@@alexvitchinov5562 you’re welcome

[@ek6065]

10:50 Can anyone explain to me why does typescript does not force static typing on intervalSub?

[@depshallburn]

Still nothing? try this intervalSub: any;

[@rfsnjn]

just about to learn it, and some people say it hard , hope i survived

[@CodewithSloba]

Don’t give up. I hope this tutorial helps you

[@rfsnjn]

thank you bro 👍

[@CodewithSloba]

@@rfsnjn You are welcome

[@papajohnsuk5965]

free code camp is going down a dark path😂

[@CodewithSloba]

Oh no, please gives it a second chance 😉

[@papajohnsuk5965]

@@CodewithSloba Ok, you know what I will give angular a chance😄. Thanks for making the tutorial

[@CodewithSloba]

@@papajohnsuk5965 Awesome 👏🏻 I hope you like it. You’re welcome

[@shuvo0201]

Super like 👍

[@CodewithSloba]

Thank you!

[@sarkari-mahiti]

Please make one video react js

[@CodewithSloba]

Actually I just started with that series. You can check my channel

[@nocopyrightgameplaystockvi231]

The first animation is 🤣😂😂😂😂😂! Nice tutorial bdw!

[@CodewithSloba]

Haha you don’t like it?

[@nocopyrightgameplaystockvi231]

@@CodewithSloba yes, I do. Infact, I laughed out hard 😂!

[@CodewithSloba]

@@nocopyrightgameplaystockvi231 Haha I don’t know why 😂 But at least it brings joy

[@CodewithSloba]

I hope it’s not ridiculous bad 😁

[@CodewithSloba]

I hope it’s not ridiculous bad 😁

[@ghury1]

what style are you using for your cmd?

[@CodewithSloba]

That's default from VS code

[@BrigitaHit]

Does anyone have issues with alert boxes not appearing?

[@rebekasuveges1928]

yes

[@jayprakashpatidar5641]

Hi, Any plan to make tutorial on packer and ansible ??

[@izenhow4775]

Can you create advertisement system for advertiser in some environment or system? I just curious about what tools or saas can do it effectively

[@sleeksilk497]

18:35 I'm getting an error "Member 'child' implicitly has an 'any' type" Please help, how do I resolve this

[@rupeshghimire6740]

Use this: @ViewChild(ChildComponent) child!: { message: any; }; Also, don't forget to include parent component tag in app html template and child component tag in parent html template.

[@sleeksilk497]

@@rupeshghimire6740 thank you. I'd try it out

[@rathan235]

too good to be free

[@CodewithSloba]

Thank you! Checkout more on my channel

[@CEO_Eng]

Maybe, this is a good video, but this video without explanation... Looks like a video for a video. For example: 12:54, getMin(a, b), I got an error ( Parameter 'a' implicitly has an 'any' type ). Great! What should I do? Explanation === 0

[@horusofoz]

At the end of the Lifecycle Hooks section, I get a compile error due to no type being set for intervalSub. This can be resolved by setting type to any but my understanding is any should always be avoided. Can you advise what type should be set here?

[@bear.5739]

Same problem here man. The problem with many of these tutorials is that if you don't understand what's going on -- i.e. it isn't explained -- you'll have a tough time if it doesn't work.

[@horusofoz]

@@bear.5739 Agreed. I ended up using the Angular.io tour of heroes tutorial. Some of the stuff I learned in this course helped but I think I would have been better jumping straight to that. If you check it out, I suggest skip the Try It tutorial and jump to the Tutorials section in the index.

[@bear.5739]

@@horusofoz Nice one, I was actually just looking at it and planned on starting with that instead. I think my main problem is that I know some Python and Java but no JS, TS, HTML and CSS; this makes these 'beginner' Angular tutorials quite challenging :)

[@horusofoz]

@@bear.5739 In that case I highly recommend the Mozilla tutorials first. Check out the MDN (not MSN) and you'll find comprehensive tutorials for HTML, CSS and JS. Their front end developer course I'd the best of its kind that I've found.

[@bear.5739]

@@horusofoz I will do that, thank you.

[@TrqHsn]

15:02 I need to add this.childMessage inside the constructor.

[@GauravSrivastava2609]

Hello sir, While generating component Through ng g c compname Showing nothing to be done.....any suggestions

[@CodewithSloba]

check the spelling

[@pavankumar4909]

Where is part two

[@CodewithSloba]

Part two is yet to be created

[@abdullahkhaled6162]

45:15 Template variable This was missing from the chapters

[@CodewithSloba]

Thank you!

[@soumadip_banerjee]

❤️

[@CodewithSloba]

Thank you

[@FilipCodes]

If Ben Awad taught me anything...

[@CodewithSloba]

That's not to code Angular :D Give it a chance! Or you have React tutorials on my channel as well

[@Ali-lm7uw]

Why would someone choose to learn Angular with React, Vue and Svelte around.

[@CodewithSloba]

Give a chance, I have React tutorials as well btw

[@Ali-lm7uw]

@@CodewithSloba ok, thank you. Subscribed. I will watch your react videos

[@CodewithSloba]

@@Ali-lm7uw I appreciate

[@PumpUpTrack]

Because on large projects, angular scales better

[@musa4747]

Not very beginner friendly. Appreciate the effort taken to create the course but I need to understand why I'm doing something.

[@bodybody5609]

I came looking for gold and found diamond

[@CodewithSloba]

Wow thank you 🙏

[@therealgoat3367]

If you've not done anything in Angular don't watch this first. Not beginner friendly. Sounds like you're trying to impress other devs who probably won't watch it. Thank you tho.

[@mdirfanansari2360]

The topics covered in this video do not worth 1:36:12. Half an hour would be enough.

[@skyzane2735]

54:03 Isn’t ElementRef tagged as Security Risk? When is it safe to use?

[@sneigee]

Nice one and Please check this Real E-Commerce App using Net 5 and Angular 13 Thanks kzbin.info/www/bejne/Y3rdoaZ5YpWYeM0

[@ShinAkuma]

I guess I'll just go to some Indian guy's tutorial as they explain stuff to me like I'm a 5 year old and that's what I need lol.

[@khalilzouhir5862]

this course is so complicated i dont like iit

[@lbpcf4404]

Toooooooo quick explanations!!!! Not clear at all just showing you skills not at all giving any training, don't like it !

[@Husnainniazi]

Your one click can change my whole career😇😇😇

[@CodewithSloba]

I hope it will

[@nataliavrs]

[@CodewithSloba]

I hope you like it 😉

[@LCGuitarEDM]

YOUROCK! >D

[@CodewithSloba]

thank you

[@gettinjcob4206]

you mean carrot farmer tutorial?

[@hassaanshariqmirza6213]

Man are you preparing an exam

[@valentinmozes7809]

Great tutorial but this tutorial is outdated now.

[@rccc974]

Hm, the first minute, "typescript by google", really?

[@convolutionalnn2582]

What is the best Front End framework?? Comment👇👇

[@CodewithSloba]

Angular of course

[@maelstrom57]

VanillaJS

[@jillvalentine9592]

I read an article yesterday that said AngularJS and AngularTS (basically called Angular) are two very different things. This guy said that the version of Angular before Angular 2 was called AngularJS. I'm confused. How does one understand which one to study?

[@heisenbergsk21]

Angularjs (Angular 1) is basically deprecated now. Only people who have projects in Angular js are using angular js(version 1) if you have to start new go for angular (2+) currently Angular 12 . Angular 12 is basically Angular 2 with additional/modified features. Core concepts are same. But AngularJS(angular 1) is totally different . So go for Angular 12(Angualr 2+)

[@CodewithSloba]

Well those are the same statements. There was AngularJs which is first version. Then they released Angular 2 and every other version is referred as Angular

[@reader_me]

Angular was added to the list "Killed by Google"((

[@CodewithSloba]

Hahha, and built by a Google

[@sekyerejacob9200]

Hi

[@CodewithSloba]

Hi, I hope you like it

[@NikolajLepka]

TypeScript is by Microsoft, not Google.... Way to start off with something objectively wrong