Angular 14 full course 2022 for beginner

Рет қаралды 280,203

Күн бұрын

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 KZfaq) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
KZfaq / @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 support@bitfumes.com
Thanks for all your support

Пікірлер: 341

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

@sxlg_32 Жыл бұрын

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

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

@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 3 ай бұрын

What an great life

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

@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

@gabrielcornejo3781 Жыл бұрын

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

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

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

@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

@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

@benjamindillard9852 3 ай бұрын

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 3 ай бұрын

thanks bro for these amazing words

@connorwilson1729 Жыл бұрын

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

@xStormsnoutx Жыл бұрын

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

@manee427 Жыл бұрын

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

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

@domingosdias5988 Жыл бұрын

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

@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

@MrSujithn 11 ай бұрын

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.

@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

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

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

@JitendraKumar-in8hh Жыл бұрын

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

@nojegoje Жыл бұрын

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

@rokasbagdonas5964 Жыл бұрын

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

@Bitfumes Жыл бұрын

Glad it helped Please hit like if this video is helpful

@abbasstovewala2298 Жыл бұрын

Very well planned video. Great to watch.

@vihangafernando6644 Жыл бұрын

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

@soultouchingsongs Жыл бұрын

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

@yowzak9286 Жыл бұрын

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

@templelomotey5414 3 ай бұрын

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

@Bitfumes 3 ай бұрын

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

@brimo8738 Жыл бұрын

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

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

@hiralthadeshwar3115 5 ай бұрын

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

@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

@landrit. Жыл бұрын

perfect! thank you very much 👏🏻

@Bitfumes Жыл бұрын

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

@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!👌👌✌🙏

@NoorMahdi Жыл бұрын

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

@Bitfumes Жыл бұрын

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

@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

@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

@CoricComPlus 2 жыл бұрын

Brilliant video, thank you!

@Bitfumes 2 жыл бұрын

Glad you enjoyed it!

@shourovfoisal Жыл бұрын

Cool tutorial! Thanks!!

@nemanjadjoric8765 Жыл бұрын

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

@Bitfumes Жыл бұрын

Thanks for watching, please subscribe and like this video

@kesavanvellaiyan716 3 ай бұрын

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 3 ай бұрын

Thanks thanks

@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 6 ай бұрын

bhai sahi me aacha hai ye

@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 ❤️👍

@krutikatawde3689 Жыл бұрын

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

@Bitfumes Жыл бұрын

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

@manmohanbharne9829 Жыл бұрын

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

@dm-bn4nq 2 жыл бұрын

more videos about angular please, thank you for this one

@flesmynacademy3829 Жыл бұрын

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

@alexotoous Жыл бұрын

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

@Bitfumes Жыл бұрын

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

@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

@sankalanchanda669 Жыл бұрын

Absolutely the best Angular tutorial out there

@johntrav6191 Жыл бұрын

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

@akashmahala8093 Жыл бұрын

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

@Bitfumes Жыл бұрын

Thanks for watching, please subscribe and like this video

@omerbilalcan 2 жыл бұрын

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

@Bitfumes 2 жыл бұрын

You are welcome!, thanks for watching

@sajidtalal3788 Жыл бұрын

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

@shilpavaidya1077 Жыл бұрын

This was a very helpful video. Thank you !

@reymago23 Жыл бұрын

thanks Sarthak, this was a great intro to Angular!

@mhk6516 Жыл бұрын

Awesome Bro Simply Superb Thank you for this Video ✌

@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

@AbhinavKulshreshtha 2 жыл бұрын

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 2 жыл бұрын

I understand make sure you watch full course later

@user-te9db6uy9n 9 ай бұрын

Amazing. You explained concepts coding clearly.

@mikedelta658 Жыл бұрын

This guy is amazing when he transfer skills and knowledge.

@himanshurajput8300 2 жыл бұрын

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

@syedeliyaz1993 2 жыл бұрын

Is his tutorial enough to learn react bro

@syedeliyaz1993 2 жыл бұрын

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

@HasanBGuner Жыл бұрын

Perfect. Thanks.

@vinaykaithwas2198 Жыл бұрын

the teaching style,my god ,it was awesome

@MrBhushan21 2 жыл бұрын

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

@Mike-df4ze Жыл бұрын

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

@pranaykosulkar641 Жыл бұрын

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

@zoro9878 2 жыл бұрын

This channel deserves more subscribers!!

@Bitfumes 2 жыл бұрын

thanks bro, I wish the same :)

@rubenhidalgocarrillo Жыл бұрын

Very good tutorial. Thanks.

@hassanfarooq7379 Жыл бұрын

Thank you!

@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

@LOKESH6027 Ай бұрын

at 2hr:26m you wanted Bookservice not to be available for injection by any other component but registering bookmodule in appmodule does allow other component to indeed use it. So the solution would be to provide bookservice directly in books component in its metadata.

@Mohamed-uf5jh Жыл бұрын

Thanks Sir ! is amezing video all concepts explain good !

@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

@MatzWerk Жыл бұрын

Man you are the KING!

@sxlg_32 Жыл бұрын

3:36:48 I went a different route here. Instead of exposing the authService variable via two identical functions (in this case "isLoading()") I made the injection of the authService public and directly referenced the authService.isLoading variable in the HTML. A slight code redundancy reduction but a neat trick nonetheless.

@Bitfumes Жыл бұрын

Yeahh, we can also do that Thanks for a new point of view

@mohammedshirani7040 Жыл бұрын

Superb content Sarthak bhai 👌👌👌👌

@IbrahimIbrahim-pe2kq Жыл бұрын

Thank you 🎉

@nobacasanova Жыл бұрын

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

@programmingwithnit5308 Жыл бұрын

Thank you so much

@gfitsum9246 2 жыл бұрын

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

@Bitfumes 2 жыл бұрын

Glad to hear that! Keep learning

@pankajmhaske09 Жыл бұрын

Thanks !!!

@sujithm.p9776 Жыл бұрын

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

@fadieng2010 Жыл бұрын

Thanks, Sarthak.. it's really amazing angular beginner course

@Bitfumes Жыл бұрын

Thanks for your love and support, keep learning. Follow bitfumes on twitter.com/bitfumes or facebook.com/Bitfumes to get the latest updates. bitfumes.com

@kirangudelli114 6 күн бұрын

I started learning Angular. This is really awesome course and nice explanation...Thank you soo much for this wonderful course

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

@xavierelon 3 ай бұрын

Great tutorial. Been looking for a angular tutorial as I've been struggling to pick it up for my first time. It's best to follow along using version 14 with the command `npx -p @angular/cli@14 ng new angular-crash-course`

@bathulasaihemanth395 Жыл бұрын

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

@Bitfumes Жыл бұрын

Thank you, I will

@oscarocampo6712 Жыл бұрын

Hey Teacher Congrats for you amazing angular course, this is great because you teach very clear and i liked how you intentionlly show us commons errors this is very very recommended course

@Bitfumes Жыл бұрын

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

@vaishalichauhan5646 Жыл бұрын

Nice and well explained session, Thank You 🙂

@user-ms7kz2kj7c Жыл бұрын

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

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

@nasreenshaikh3826 Жыл бұрын

Amazing course sir.Great job! It made understanding Angular concepts easy.Also you have chosen a simple project for demo in a right way.But it would be great to learn Angular with all the details.Thank you sir.

@Bitfumes Жыл бұрын

Thanks for your love and support, keep learning. Subscribe to bitfumes newsletters bitfumes.com/newsletters