Angular 12 Crash Course - 2021 - Become Angular Developer in 3 Hours

#Angular #awaismirza #AngularTutorial
Angular is javascript framework for building single page application. In this video we will learn Angular plus we will learn how to follow documentation to learn more about Angular.
Support This Channel: paypal.me/tipawais
⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it! www.kite.com/get-kite/?...
⭐ ⭐ ⭐ ⭐ ⭐ Business Email: [e-mail] ⭐ ⭐ ⭐ ⭐ ⭐
⭐ ⭐ ⭐ ⭐ ⭐ Best Books for JavaScript: ⭐ ⭐ ⭐ ⭐ ⭐
- Best JavaScript Book: amzn.to/3uvj37S
- Best Book For Practise Projects: amzn.to/3uAqqv4
- Best book for JavaScript Design Pattern: amzn.to/3dQZAI6
- Angular Design Patterns: amzn.to/2PLxYMw
- NodeJS Design Patterns: amzn.to/3t45Qmp
⭐ ⭐ ⭐ ⭐ ⭐ ⭐ My Gear ⭐ ⭐ ⭐ ⭐ ⭐ ⭐
Camera: amzn.to/3dR3Kjp
Mic: amzn.to/3mysMaX
Monitor: amzn.to/3d0XaHD
Timestamps :
* 00:00:00 Course Introduction
* 00:06:02 Setup and Tooling
* 00:10:08 Angular CLI Reference
* 00:13:01 Creating New Project
* 00:21:54 Build and Serve Angular Application
* 00:23:41 Project Configuration
* 00:26:16 Routeroutlet
* 00:26:51 Angular Core Concepts
* 00:27:12 Modules
* 00:33:44 Creating Angular Service
* 00:35:17 Importing Service
* 00:36:17 NgModule Documentation
* 00:40:15 Components
* 00:48:44 Event Binding
* 00:52:14 Two Way Binding
* 00:59:12 Angular Pipes
* 01:06:15 Custom Pipe
* 01:11:53 Service and Dependency Injection
* 01:14:29 Http Service
* 01:27:42 Http Errors
* 01:35:45 Component Interaction
* 01:41:20 Input and Output Decorators
* 01:56:38 Directives
* 01:56:51 Attribute Directives
* 02:06:56 Structural Directives
* 02:26:30 Routing and Navigation
* 02:35:09 Lazy Loading Modules
* 03:00:26 Forms
* 03:15:03 Sematics
* 03:16:53 Angular Material

[@richarddoci]

I think this is the best angular tutorial I've seen so far. Believe me, I've looked over a bunch of them.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@shahabgohar3350]

the best video for anyone to start using angular. Love this . and other tech content creators should also follow this

[@AbhishekKumar-fl8bw]

By far the BEST Angular course out there!! I've checked out A LOT of them and yours is definitely the best structured & perfectly paced. ❤❤

[@waterbottlexd1298]

What an underrated video. This is all you need to learn the basics.

[@jsgovind]

Thank you for this amazing video. It is not like other tutorials out there where content creators just show what they can do but nothing is explained clearly and when I try to do the same thing myself without any reference after seeing the video, my thoughts are blank and I do not know where to start and how to proceed. The way in which you have covered the topics and explained it using the official documentation was amazing. I wish more content creators made videos like this. Subscribed!

[@gerwinterpstra8698]

Thanks for this course! Very clear and clean tutorial! Too bad that the bit where you explained about Angular Material wasn't shown properly. Oh well, all the more reason to go and read the docs myself.

[@encanto6783]

Thank you. This tutorial is really helpful, we got to understand almost all the topics of Angular within short time.

[@mehdihoseini9142]

This is best Angular Video ever. even a newbie can totally understand anything because you teach things base on documentation. this Tutorial must be youtube's recommended ones.

[@ziaurrahman8776]

It is really awesome just to recap the angular concepts and best part is you not only did explain the concepts from documentation but also showed their usage practically. I have one comment here that you could also make another video discussing about some advanced topics like tokens, content projection, ng-template etc..

[@vishnunair9933]

This was a great video @Awais!. You have won a new subscriber :)

[@tahiralvi3910]

It is amazing that one could learn Angular and be able to work after watching this video. Amazing!!!!!!.

[@ronaknavadiya]

Thanks a lot , looking forward to watch part 2 .

[@mideff96]

Thank you very much for sharing your proefficient knowledge! I found you video looking to revive my Angular skills as I've once again found a job on Angular and this covers everything! Really good pace on your explanation, making remarks on the edge cases of using all these concepts! Thank you! Keep it up!

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@martinharlenback4031]

A very good tutorial. You explain everything very well!

[@avinashchilke]

Thanks you so much , this is really cool presentation , Good that you give more trace on checking Angular Documentation , this is only way to learn the new things

[@sangeetasahu4134]

Nice Angular course. Really helpful for beginners. Thank you

[@gqntexas]

Great great video.. and i love how you constantly refer to the official Angular documentation site..

[@elhadjbabacarcisse2868]

Bro thank you so much. Your explanation is so clear and showing the documentation at times is like the best way to give feedback to the followers.

[@LewisBDurden]

Thank you not only for the very extensive course, but also for showing where to get more knowledge. This was incredibly helpful!

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@cangozpinar]

This is the best tutorial I've seen so far thanks a lot. I just loved how he explained the concepts and directed us to the official documentation.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@avtarsashia4897]

this guy is giving realtime application development knowledge. I dont need to explore more videos after watching this lecture.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@tristheflash6928]

Hello im come form Viet Nam , this video very accessible with me . I can understand 100% whole video althought my english is normally.Tks u very much

[@francksgenlecroyant]

The guy who taught me data structures is back! Thank you, I wish you uploaded the ReactJS tutorial! Thanks a lot for helping the world!

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@dipuke1]

Awesome detailing. Much appreciated

[@hippiestafarii]

Explain simple and calm with code along is the key 🙂 Congrats and thank you ^^

[@serialkiller504]

Great crash course. Thank you for sharing this for free!

[@ahmedmohamed-jt4mr]

much better than many of the paid courses, short and to the point

[@lizandrotorresrengifo9099]

Thank you, it helped me a lot.

[@shrikitamir1]

Thank you very much. Perfect!

[@taamcyat]

Excellent teaching! I've gained so much here.

[@g.m.saifulalam6268]

Thank you so much!!

[@soromiso]

Thank you Awais, it helps me a lot again

[@prasammehta1546]

Amazing tutorial....Amazing work....Thanks again!!!!

[@JureVrhovnik]

Very nicely explained, great course

[@akramelfadili4722]

You sir , are a living goat . Thank you

[@marcofelt]

Absolutely spot on

[@dhanashekaranm4725]

Thank you for the video

[@MohamedsamiKhiari]

thanks very good step by step tutorials

[@mahendranath2504]

Thank you so so so much 👍🏼🙏🎉

[@giovannyquevedo6772]

In my case, I see the video with an entire screen purple from 3:18:57 to 3:27:32... In general it was a very very nice overview of Angular, Thanks a loads !!!

[@rafaelcoll]

So sad. I coulnd't practice the material part also =/ Amazing vidfeo course anyway. So glad to watch it all.

[@calioppp]

This tutorial is easy to follow, deteailed at the right point and also fun ahah the way you told "subscribe" at 1:20:13 was subliminal an in fact I subscribed to the channel. Thanks Awalis!!

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@Isha_Sethi]

Some of my concepts were cleared after watching this (and I watched a lot of other vids). Thank you from a beginner 🙏

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@Isha_Sethi]

@@AwaisMirza1 okay 🙌

[@bashirsalisusidi3971]

Very helpful course!

[@DimaProsto]

What VS code themes do u use ? I see it really helps for Angular especially for strings. Also maybe any extensions for Angular? for example my VS does not suggest me many of things compare to so maybe u use some good of

[@namphanhoang8212]

Yes, best angular course I have studied. Thank you for this wonderful course. You cleared a lot of concept for me. Subbed.

[@gerwinterpstra8698]

Looking forward to the upcoming Angular tutorial!

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@MrMmajeed]

Good Job!!

[@baole2691]

oh my great teacher ^^

[@anu5967]

Thankyou so much for the course. Its really helpful

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@lifeisbeautifu1]

Thank you

[@tbhyahya131]

Great and beautiful work

[@bonesNskins]

When I create the UserComponent the CLI does not generate the ngOnInit() function. When I type it to match your code I get a squiggly underneath UserComponent. Error is "Class is using Angular features but is not decorated". How to fix this?

[@vellyzhou1153]

Appreciate for you vedio. This help me read the document and focus on keypoints more quickly.

[@vellyzhou1153]

VScode dispear when you introducing Angular Material.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555 And sorry for stuffy noose i was sick during the recording

[@beingsuhaibkhan]

One of the best videos available on Angular 💯 Really helpful for developers. Thanks for sharing this across.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@calebmbugua745]

@@AwaisMirza1 woow..thanks

[@ghury1]

hi, what theme and font are you using in your vs code? :D

[@dhilipkumar4006]

Hi, It's Very Use Full To Learn Angular for Beginners. Good Sir Please do Any Project and Upload the Video.

[@paultherrien4004]

What happened to the display at Angular Materials? The image behind you is just a solid purplish color. Makes it difficult to figure out what you are doing.

[@senthilmuruganr234]

Excellent

[@Rajukumar-df6rs]

Great tutorial ,loved it

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@satheshkumar5906]

Thanks for the video, it was useful

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@Mayrah84]

Thanks for this great tutorial! I got lost because part of the VSC screen share is missing in the Angular Material part which got me lost!

[@vinuphilip924]

any idea why the last portion (Angular Material) of the video is not visible?

[@Tournesol143]

Am I the only one who (tried) to watch the whole course? From 3:18:58 to 3:27:32 (basically most of the Angular Material section) there is a blank crimson background - no code or anything else. By the time the screen is visible again it's too late. You've missed everything created up to then - such as navigation. Otherwise, a great course.

[@siacheezhen9963]

Here is another video that is similar to it: kzbin.info/www/bejne/Z5KZc6OKe71opqc A problem encountered for me when watching the similar video is "How do i Get the material.module.ts?" Solution: github.com/awaismirza/angular-dashboard-template/tree/master/apps/material/src/app/material (code for it is here).

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@Tournesol143]

@@siacheezhen9963 - Thanks so much for this!

[@Tournesol143]

@@AwaisMirza1 It appears the link didn't get added.

[@yishuvohra3778]

Thanks for such good content. Can you please also cover Angular Universal, Its hard to implement after Angular9

[@edwinombati9697]

nice tutorial

[@dboulos7]

...I was skeptical when you initially stated how clear and easy to understand your tutorial was going to be (every instructor says this). But, how wrong I was! This was exceptionally clear, systematic, step-by-step, comprehensive, and inducing one to be both self-sufficient, and up-and-running right after completion of the video. You are a master teacher! Thank you very much!

[@shafi2344]

Great!!!

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@bsarun7266]

your tutorial is clearly explained what is the angular from basics. but in that last section "angular material" section we cant able to see the code you did. I think you forgot to add that screen record sir. shall you check it. such a good tutorial. you did a good job sir. thank you...............

[@ishitasinghal67]

Is this a good course in 2022? for a beginner with no background of angular?

[@jamshediqbal7936]

I'm a React developer but will watch this video later to analyze why should I switch to Angular, if I would need to...

[@nikhilkumar4403]

Hey Awais, an awesome course teaches properly how to be a dev, just wanted to know that which VS Code extensions you are using for Angular, thanks for the course again.

[@brankobalunovic]

Hi Awais! Thank you for sharing your knowledge. In the video, you use the Safari browser. Do you prefer Safari to Chrome and Firefox for Angular development?

[@AwaisMirza1]

HI Branko As far as Angular is concerned any browser is fine but i do prefer development on chrome but for browsing i use safari because of privacy is better on safari.

[@VeereshPatel15]

Hi, I love💛 ur teaching style, If u dont mine please do videos on 1. Why / when/ what actually frontend/ backend devoloper need for software industry 2. What actually frontend developers do in realtime Scinorio Or when project assigned 3... Realtime frontend development tasks 4.. If project started what are the different tasks need to do--))by the frontend devoloper.. 5..Easy way to to crack any angular/reactjs interviews with 3+ experience/10lack package ------) )) 6..Top 20 program's to cover entire angular/reactjs Syllabus.----)) 7...Top 10 angular/reactjs concepts Please explain by taking one example/project 8...what type of skills (soft/technical)really need for industry 9... 4+ experience of frontend devoloper need to update what type of skills I am waiting for your reply

[@baguette7869]

I dont have the e2e folder though, how is that ?

[@eliyassala3505]

Nice

[@najimsadat3812]

Which app is he using for his mouse pointer? it is pretty cool colorful borderline.

[@kitaspidate5835]

3h18m to 3h27m no display, display content hidden n only blank violet screen, pls check sir. nice video

[@saikumar-vs9vip]

Does part -2 project based video has add? If yes please drop a link.

[@jumponair]

Really good tutorial, but from 3:19:00 there is no more screen recording for 10 minutes.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@Isha_Sethi]

@@AwaisMirza1 cool 🙌

[@akhilk5121]

Thank you for this explanation. Looking at your udemy course as a next step, it's last updated in 2019. Is it really upto date with Angular 12?

[@AwaisMirza1]

Its more about concepts which I explained in details in udemy course.

[@dennisdecoene]

The title should be 'lets go over the angular documentation'

[@windblue1020]

Very good and helpful course! One mistake I found at 3:12 of the video. Typescript is the superset of javascript, not subset.

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@arjuns6106]

Hi! great Video. What VScode extensions do you use for angular?

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: @t

[@altamashaikh]

@2:05:30 struggle for isColored property of the user object, of type the UserInterface, in the constructor of the user component. You are initializing it to a blank object on line # 24 just a line above and you are giving different reasons. You should fix the video there.

[@priyamganguly]

None of the code of Angular Material can be seen. For almost the entire time the screen remained blank completely, for which, what code you wrote behind the screen couldn't be seen. That portion needs to be rectified and uploaded once more.

[@balamurugan4933]

Hii, Custom decorators not working in angular 12 because of lifecycle hook in component...can u please explain that?

[@AwaisMirza1]

Share as example of your custom decorator ?

[@thulasiraman2296]

Hey Awais ,you course is awe some ,but the last lecture(Angular material) not to be visible in the video

[@carlosalegre9146]

I like that rectangular effect on dragging of the mouse. ***********************************

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@JubayerAhmedy2k]

last few minutes it was blank... please update

[@dinobulja]

I wish you had a nice project to go along. Learning developing without handson is not working for me

[@encanto6783]

@Awais Mirza sir could you please upload a video on the Angular material as we couldn't see the code after 3:18:58 hrs

[@shivalikchakravarty6402]

At around 3:19:00 your background screen goes blank for few minutes. Otherwise, excellent content.

[@amazekhashaa7309]

Good. But i think your nostrils are stuffy

[@raza-abbas37]

Sir please make tutorials on ecommerce app using mean stack

[@testo1584]

Good one but do take cetirizine

[@SahilPathan-tw8yw]

Nic

[@TheKauddin]

You should divide this lecture into segments..

[@ndumindah]

Wow,

[@AwaisMirza1]

Checkout My Complete Angular Course with details Explanation Here is the Link: www.udemy.com/course/angular-7-complete-essential-guide/?referralCode=C1D532268FFDD1660555

[@wolf_ie1232]

So basically he explains everything, but he is showing that we must code and use the Angular site for reference