Angular 14 full course 2022 for beginner

This Angular tutorial teaches you the fundamentals of Angular 14 and TypeScript.
In this video, we will learn Angular 14 from scratch step by step to deploy the angular app into firebase hosting.
Learn the basics of Angular in this full course for beginners.
Angular is a TypeScript-based free and open-source web application framework created by Google.
Source Code : github.com/bitfumes/angular-1...
Individual Video Series : bitfumes.com/courses/javacrip...
🌟 Course Contents 🌟
⏳ (00:00:00) Course Intro
⏳ (00:05:13) what is Angular why use it
⏳ (00:08:09) Create new project
⏳ (00:15:49) Understand Project Structure
⏳ (00:38:00) Create Root Module
⏳ (00:45:51) Create Component from CLI
⏳ (00:49:28) What is Interpolation
⏳ (00:56:26) property binding
⏳ (01:01:16) Event binding
⏳ (01:06:33) Two way binding
⏳ (01:15:50) What is Directives
⏳ (01:18:47) ngIf
⏳ (01:26:14) ngFor
⏳ (01:32:14) pipes
⏳ (01:37:40) style component
⏳ (01:43:35) parent to child data
⏳ (01:52:48) child to parent event
⏳ (01:58:35) listen custom event
⏳ (02:02:46) lifecycle hooks
⏳ (02:13:42) using service
⏳ (02:20:28) dependency Injection
⏳ (02:25:29) custom module
⏳ (02:31:36) state management by service
⏳ (02:44:33) angular routing
⏳ (02:51:24) tailwindcss styling
⏳ (02:56:31) login register route
⏳ (03:04:19) angular forms
⏳ (03:10:11) form validation
⏳ (03:16:47) firebase registration
⏳ (03:27:05) firebase login
⏳ (03:32:18) check for auth
⏳ (03:40:01) logout
⏳ (03:44:44) route guard
⏳ (03:48:20) deploy to firebase
Social Media:-
/ sarthaksavvy
/ sarthaksavvy
Discord server
/ discord
🌟 Premium Courses 🌟
Check out 32 hours of Laravel Content at
bit.ly/indepthlaravel
🔥 DIGITAL OCEAN HOSTING Affiliate
Get $100 in credit for 60 days m.do.co/c/a3a47da9b9a8
🌟 Gadgets I use 🌟
Camera amzn.to/3mGikwL
Blue Yeti Mic amzn.to/3mA6YdI
Blue Yeti Mic Foam Cover amzn.to/2GkmV8w
Capture Card amzn.to/3ed3cnN
🌟 Support Me ( I am a full-time KZbin) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
KZbin / @bitfumes
🌟 FOLLOW ME 🌟
Subscribe for New Releases!
Twitter - / bitfumes
Twitter - / sarthaksavvy
Facebook - / bitfumes
Instagram - / bitfumes
(ask me questions!)
-- QUESTIONS? --
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me [e-mail]
Thanks for all your support

[@pesovatech6899]

I love you man, your course is just the best, I wish you can do a course that is more deep and advance now on angular cos your explanation are top notch, and the way you pronounce some things are funny which keeps the learning going. Thanks sooo much ✌️✌️

[@Bitfumes]

Waoo, this is such a great comment I have received after soooo long time Any suggestion for the next course on bitfumes I will try to make it more helpful next time

[@pesovatech6899]

@@Bitfumes yeah a more advanced on angular about observers, subscribe, subscription and how the process of works behind scene

[@chetanh3458]

@@pesovatech6899 +1

[@MuhammadAli-hy8cq]

@@Bitfumes Hi! can you please tell me which extension you are using at 1:11:26 which shows the (name duplicate error) on the line in red color in the same line of code....? AND YOUR COURSE IS AMAZING!

[@alexanderkomanov4151]

@@MuhammadAli-hy8cq The name of extension is 'Error Lens'

[@arunsubramanianpallayil1402]

I just finished this course. Man! Awesome job! Your explanation is so simple and got the basic working of an Angular app with some most common goodies. Since you asked at the end, I would be happy to see the rest of the Angular most common things added to this playlist and may be do a conversion from a design (Say a Figma design given by your designer, in case of a real world job) and convert it to the fully functional app. Or at least how to approach it. Anyway, thanks a lot.. Really really cool and much much appreciated.

[@gabrielcornejo3781]

I've watched tons of tutorials but yours is definitely the best. Thanks a lot!

[@ErnestGWilsonII]

Just leaving a comment to say thank you for the nice tutorial video! I found it very helpful, thank you for making it and sharing it with all of us! I am, of course, subscribed to your channel with notifications, turned on, and thumbs up! Thank you, Ernie, in Pennsylvania

[@connorwilson1729]

Awesome teaching style! I'm excited to watch the rest

[@tagon35]

The way you make tiny errors with the intent of fixing them is a sign of a fantastic teacher. A great watch for sure, thank you.

[@Bitfumes]

Thank you very much! Thanks for watching, please subscribe and like this video

[@Lewboskii]

Just got a new job where I have to learn Angular and you were very helpful for my first few days here and to be honest you are one of the few videos that explain every concept well and deeply and not just go over things quickly thanks a lot for the content

[@domingosdias5988]

óptimo vídeo, muito obrigado... acompanhando a partir de Angola!!!

[@joaopaulodouradoponcenery8890]

Oh my god man, you were amazing in this video! I learned so many cool things and managed to reproduce it here in practice in Vs code! Congratulations on the knowledge shared with all the details! A big hug, you are amazing man!

[@priyamganguly]

Finally completed the course today. What an amazing journey! I must say the way the instructor taught everything can't get any easier, going in depth on every chapter. Now my concepts of Angular are way more clear and strong. For upcoming learners, do give this tutorial some time with patience and you'll learn a ream from it. Believe me, it's worth the time. Thanks to Bitfumes for bringing out this fantastic tutorial.

[@johntrav6191]

loved the beginner tutorial, can you also make an intermediate one? or expert one where we use ngrx etc.

[@xStormsnoutx]

Very helpful tutorial. I normally just skip through long tutorials, but this one is awesome! Thanks

[@vihangafernando6644]

Thank for this amazing course. Hoping to see some more content on Angular guided projects on this channel.

[@Kestrel1971]

I've been a professional coder for over 25 years, but just recently started looking into Angular. This is, BY FAR, the best introductory video I've seen on the subject. Top marks all around!

[@SoumedhT]

What an great life

[@shoukatmalik6013]

Thank you so much ... keep it bro you are doing a great job. Which color theme do you use in the visual studio code ? It's very fantastic please mentioned the name of the theme.

[@abbasstovewala2298]

Very well planned video. Great to watch.

[@programmingdesign4382]

Thanks for the course! Enjoyed your teaching method, keep it up like this. Hope to see more details explained in futured videos about Angular. You gained a like and a subscribe.

[@stefanocalcaterra3126]

THANK YOU!!! This course is amazing!!! I love how you explain arguments, slowly and step by step. Thanks to you i'm understanding Angular. Have a great day :D I'll watch your channel to see if i find something else about that. Thank you again✌

[@yowzak9286]

This course is amazing! You explain things so clearly!!!!

[@theroman-123]

You've done an amazing job. There is such useful, structured and accurate information. Thank you for this video and detailed discussion of the topics.

[@dm-bn4nq]

more videos about angular please, thank you for this one

[@archangel4894]

I got clear understanding of some concept that I quite don't understand in documentation, that are used in this tutorial. Thank you very much!

[@hiralthadeshwar3115]

Thank you for this tutorial! It's amazing! Please make more videos like this!

[@isurucumaranathunga]

This is the ever ever best angular beginner course I hv ever met, thank you so much Sarthak for this amazing content. This is truly beginner friendly and to the point, no other talks, fully practical and again thank you so much. Highly recommended

[@manee427]

Amazing instructor. You have a talent explain every complicated thing in such a simple manner. really good Thanks

[@user-ms7kz2kj7c]

It's a good class, thank you! Would you mind tell me what plugins you use?

[@reymago23]

thanks Sarthak, this was a great intro to Angular!

[@LucaRulvoni]

Amazing! Congrats. I really appreciate this video because I've watched many and may courses and u are the First with the ability to looking and showing Angular "under the hood" in a simple way. Go ahead!

[@Bitfumes]

waooo, so nice comment bro This is my real motivation, thanks for your support Keep learning Subscribe, like and share this video

[@JitendraKumar-in8hh]

Whatever you told in this video is very good. Especially for those who are beginners. Thanks a lot.

[@shourovfoisal]

Cool tutorial! Thanks!!

[@dbthr33music]

This tutorial is amazing, thanks for being so thorough and clear in your explanations and going into the details. I think I like Angular much more than React now.

[@shilpavaidya1077]

This was a very helpful video. Thank you !

[@brimo8738]

We all have to Agree that this is one of the best Angular Tutorials Yet. Good Job Tutor

[@user-te9db6uy9n]

Amazing. You explained concepts coding clearly.

[@manmohanbharne9829]

Amazing.... This session added more knowledge in my bucket.... Thank you.

[@pranaykosulkar641]

Amazing bro, very easy to understand. You just saved me.

[@hemakadisaanayake3493]

That was an amazing video and I feel like I can actually get started using soft soft. Thank you so much!

[@Bitfumes]

You're so welcome! Thanks for watching, please subscribe and like this video

[@sankalanchanda669]

Absolutely the best Angular tutorial out there

[@templelomotey5414]

thank you for this amazing starter to angular, love it!

[@Bitfumes]

You're very welcome! follow my newsletter bitfumes.com/newsletters

[@soultouchingsongs]

You are one of the best teacher on KZbin 👑. Awesome tutorial. God bless. Thanks a million. ✌🙏

[@sajidtalal3788]

Thank you so much for such a great tutorial, You are the best

[@MrSujithn]

Very well explained for beginners. I needed a newbie course for Angular and this video is perfect. Please keep these types of videos coming. Thank you very much.

[@Mike-df4ze]

great thanks teacher before i was afraid for angular but i am sure i can work with it

[@user-mw4bx5rg4m]

Thank you for this course. I realy need it! Excellent teaching style! Thank you!!!

[@Bitfumes]

Thanks bro for your amazing message. Any more suggestions for next video course

[@landrit.]

perfect! thank you very much 👏🏻

[@Bitfumes]

Thanks for watching bro, Make sure to hit like and subscribe to bitfumes youtube channel

[@mhk6516]

Awesome Bro Simply Superb Thank you for this Video ✌

[@saivaraprasadarao6990]

Awesome guru, you are really great to teach us through this video with so much patience. the way of explanation is really fantastic. God bless you dear!👌👌✌🙏

[@flesmynacademy3829]

I give you 100 stars for the tutorial... thanks a lot

[@jacobbj]

Thank you so much sir!!! I'm so happy finding ur channel! Btw what's the import extension u used at 1:50:29?

[@Mohamed-uf5jh]

Thanks Sir ! is amezing video all concepts explain good !

[@vinaykaithwas2198]

the teaching style,my god ,it was awesome

[@vaishalichauhan5646]

Nice and well explained session, Thank You 🙂

[@HasanBGuner]

Perfect. Thanks.

[@benjamindillard9852]

Great course. Excellent instructor. Very relevent even in 2024. As a full stack developer I worked with angular about 6 years ago on a large scale corporate project. Back then you only had the angular javascript library and would imbed the angular directly into your html. Just as you would do with JQuery. Now it is a full functioning platform with tons of bells and whistles. Very easy to understand if you have a Java or C# background. TypeScript Object programming is very similar. Worth watching from beginning to end.

[@Bitfumes]

thanks bro for these amazing words

[@sivanaguallu4145]

Way of explanation and communication it's very clearly . It's really aassam .thank you sooo much for putting efforts . All the very best ❤️👍

[@rokasbagdonas5964]

You are a life saver! Kudos to you! You rock!!

[@Bitfumes]

Glad it helped Please hit like if this video is helpful

[@CoricComPlus]

Brilliant video, thank you!

[@Bitfumes]

Glad you enjoyed it!

[@tshultrimzangpo8887]

it was fun learning with you, loved it.......simple and easy to understand... thank you

[@Bitfumes]

Glad you enjoyed it! Keep learning, subscribe like and share this video

[@NoorMahdi]

one of the best tutorials i've watched. Thanks mate

[@Bitfumes]

Glad it helped Thanks for watching, please subscribe and like this video

[@suedarby1038]

Is there any way to continue this to include other portions of Firebase like the FireStore (store the books and a description by entering data in a form?) and FireStorage (upload images) please? It's taken a while for me to get it all but those are possibly the last pieces I need for a larger project!

[@AbhinavKulshreshtha]

Amazing content as usual. Unfortunately this is as long as I can stay for the live premier, I will watch rest of the video tomorrow.

[@Bitfumes]

I understand make sure you watch full course later

[@mikedelta658]

This guy is amazing when he transfer skills and knowledge.

[@mohammedshirani7040]

Superb content Sarthak bhai 👌👌👌👌

[@austinZen8800]

great video!! and thank you for posting in 2K and 4K resolution, it is so much easier to read on my 5K monitor.

[@Bitfumes]

Waoo, thats good point Glad it was helpful! Thanks for watching, please subscribe and like this video

[@yingyang2956]

Hey, what program do you use to suggest the next code? Is it tab nine?

[@poiqwe9823]

A Great work by a Great Man!! Thank you for this video. Loved It!!

[@Bitfumes]

Glad you enjoyed it! Thanks for watching, please subscribe and like this video

[@ello0lithuania]

please make more angular videos, some projects with api and etc

[@rubenhidalgocarrillo]

Very good tutorial. Thanks.

[@MatzWerk]

Man you are the KING!

[@nemanjadjoric8765]

You really know how to deliver. Amazing !!! You are awesome!!!! Thank you!!!

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@krutikatawde3689]

Thank you for his wonderful tutorial, very easy to follow! :)

[@Bitfumes]

You're very welcome! Keep learning, please subscribe and like

[@gouravkolhatkar3623]

Thank you for this amazing tutorial, keep up the good work 💖

[@Bitfumes]

You’re welcome 😊 Thanks for watching, please subscribe and like this video

[@adm7r]

many can code but not many can teach you how to code the right way. you, sir, have that unique ability. all your tutorials are the best on youtube and it's a shame not many people are aware of them. thank you.

[@snehdeepmehta19]

bhai sahi me aacha hai ye

[@RobsonPaproski]

I loveeeed your video, honestly the best angular video that I've found!. Quick question, what extensions are you using on your VSCode?

[@Bitfumes]

Thanks for watching, keep learning which extension you are talking about

[@NoorMahdi]

@@Bitfumes im keen to know the extensions that beautifies your code. for example styling != to a human readable symbol for "not equals" and so on.. Also, how are you able to edit multiple linkes/variables at once

[@lyleverything1767]

Great Tutorial!

[@IbrahimIbrahim-pe2kq]

Thank you 🎉

[@satishsubhashish]

Neat and Clean explanation

[@himanshurajput8300]

It's amazing.... What a teaching style. I learn react from your tutorials and never face any difficulty in react.

[@syedeliyaz1993]

Is his tutorial enough to learn react bro

[@syedeliyaz1993]

Anything extra we need to look upon

[@Bitfumes]

It will be good til intermediate level after that you need to learn on your own becoz not much tutorials are there for high level concepts

[@nobacasanova]

Thanks for this video, I think I'm learning well with this

[@universalworthy2169]

Wonderful course, every concepts flow beautifully as a thrilling book which I couldn't put it down.

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@hassanfarooq7379]

Thank you!

[@omerbilalcan]

Dear collegue, thank you for this very beautiful and understandable tutorial. I wish you continued tutorials. Greetings from Turkey.

[@Bitfumes]

You are welcome!, thanks for watching

[@alexotoous]

I needed to learn Angular ASAP for my new job, this is the best and well-explained crash course on Angular on KZbin

[@Bitfumes]

Thanks man, keep learning Please subscribe to bitfumes youtube channel and set notification on

[@MrBhushan21]

Perfect video to learn angular or angular 14, nicely explained the concept, new person can also adopt easily and start working on the angular 14

[@Bitfumes]

Yeahh, keep learning

[@karimkazia]

I would say this is by far the best video! I am new to this Framework, but this video made it easier for me to understand,!! would you have a course in udemy! ??

[@akashmahala8093]

Best Angular tutorial on KZbin hands down..Love u man

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@pankajmhaske09]

Thanks !!!

[@gfitsum9246]

this is great. I like your teaching style. keep it up

[@Bitfumes]

Glad to hear that! Keep learning

[@jayakrishnank4878]

Very Good Course content and all topics covered nicely

[@miho9453]

Simple, concise and easy to follow explanation.Loved this! Thank you🤗

[@sheereenhamza3700]

Soo underrated.... thanks a loooot 😁

[@kesavanvellaiyan716]

Thanks for this amazing course. Clear concepts and way of making error and fixing it, is a great idea of teaching. Thank you so much.

[@Bitfumes]

Thanks thanks

[@zoro9878]

This channel deserves more subscribers!!

[@Bitfumes]

thanks bro, I wish the same :)

[@bathulasaihemanth395]

Absolutely awesome video, Loved it. Keep making such Content.

[@Bitfumes]

Thank you, I will

[@deviprasadhota2617]

Great sir...very informative one....what's next should I learn in angular after this?

[@sujithm.p9776]

This is really amazing tutorial. I came here after completing the 10 hour Vuejs course.

[@programmingwithnit5308]

Thank you so much

[@salahalsamarraaee650]

Awesome video thanks a lot, big work

[@Bitfumes]

Glad you liked it!

[@VanitrasEdit]

Super 10 de 10 , me funciono super , muchas gracias

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@kking999]

Your teaching style is amazing in very depth and detail great

[@Bitfumes]

Thanks bro for this nice comment, keep learning Subscribe to bitfumes channel