Angular 14 full course 2022 for beginner
Вставка
- Опубліковано 8 лип 2024
- 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 UA-cam) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
UA-cam / @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 - Навчання та стиль
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 ✌️✌️
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
@@Bitfumes yeah a more advanced on angular about observers, subscribe, subscription and how the process of works behind scene
@@pesovatech6899 +1
@@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!
@@MuhammadAli-hy8cq The name of extension is 'Error Lens'
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.
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.
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
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.
Thank you very much!
Thanks for watching, please subscribe and like this video
I've watched tons of tutorials but yours is definitely the best. Thanks a lot!
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!
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
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!
What an great life
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✌
We all have to Agree that this is one of the best Angular Tutorials Yet. Good Job Tutor
óptimo vídeo, muito obrigado... acompanhando a partir de Angola!!!
Amazing instructor. You have a talent explain every complicated thing in such a simple manner. really good Thanks
Very helpful tutorial. I normally just skip through long tutorials, but this one is awesome! Thanks
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!
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.
Whatever you told in this video is very good. Especially for those who are beginners. Thanks a lot.
You are one of the best teacher on UA-cam 👑. Awesome tutorial. God bless. Thanks a million. ✌🙏
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.
Awesome teaching style! I'm excited to watch the rest
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.
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!
waooo, so nice comment bro
This is my real motivation, thanks for your support
Keep learning
Subscribe, like and share this video
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.
thanks bro for these amazing words
This course is amazing! You explain things so clearly!!!!
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.
This guy is amazing when he transfer skills and knowledge.
Thank you for this tutorial! It's amazing! Please make more videos like this!
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!👌👌✌🙏
Very well planned video. Great to watch.
Absolutely the best Angular tutorial out there
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
Thank for this amazing course. Hoping to see some more content on Angular guided projects on this channel.
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.
bhai sahi me aacha hai ye
Thank you for this course. I realy need it! Excellent teaching style! Thank you!!!
Thanks bro for your amazing message.
Any more suggestions for next video course
the teaching style,my god ,it was awesome
thank you for this amazing starter to angular, love it!
You're very welcome!
follow my newsletter bitfumes.com/newsletters
That was an amazing video and I feel like I can actually get started using soft soft. Thank you so much!
You're so welcome!
Thanks for watching, please subscribe and like this video
Amazing.... This session added more knowledge in my bucket.... Thank you.
I give you 100 stars for the tutorial... thanks a lot
Way of explanation and communication it's very clearly . It's really aassam .thank you sooo much for putting efforts . All the very best ❤️👍
I needed to learn Angular ASAP for my new job, this is the best and well-explained crash course on Angular on UA-cam
Thanks man, keep learning
Please subscribe to bitfumes youtube channel and set notification on
Cool tutorial! Thanks!!
You are a life saver! Kudos to you! You rock!!
Glad it helped
Please hit like if this video is helpful
great video!! and thank you for posting in 2K and 4K resolution, it is so much easier to read on my 5K monitor.
Waoo, thats good point
Glad it was helpful!
Thanks for watching, please subscribe and like this video
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.
more videos about angular please, thank you for this one
Amazing. You explained concepts coding clearly.
This is really amazing tutorial.
I came here after completing the 10 hour Vuejs course.
You really know how to deliver. Amazing !!! You are awesome!!!! Thank you!!!
Thanks for watching, please subscribe and like this video
one of the best tutorials i've watched. Thanks mate
Glad it helped
Thanks for watching, please subscribe and like this video
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.
Thanks thanks
perfect! thank you very much 👏🏻
Thanks for watching bro,
Make sure to hit like and subscribe to bitfumes youtube channel
thanks Sarthak, this was a great intro to Angular!
Amazing bro, very easy to understand. You just saved me.
Thank you so much for such a great tutorial, You are the best
Man you are the KING!
Awesome Bro Simply Superb Thank you for this Video ✌
This was a very helpful video. Thank you !
Wonderful course, every concepts flow beautifully as a thrilling book which I couldn't put it down.
Thanks for watching, please subscribe and like this video
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.
Yeahh, we can also do that
Thanks for a new point of view
A Great work by a Great Man!! Thank you for this video. Loved It!!
Glad you enjoyed it!
Thanks for watching, please subscribe and like this video
Best Angular tutorial on UA-cam hands down..Love u man
Thanks for watching, please subscribe and like this video
it was fun learning with you, loved it.......simple and easy to understand... thank you
Glad you enjoyed it!
Keep learning, subscribe like and share this video
Brilliant video, thank you!
Glad you enjoyed it!
Dear collegue, thank you for this very beautiful and understandable tutorial. I wish you continued tutorials. Greetings from Turkey.
You are welcome!, thanks for watching
great thanks teacher before i was afraid for angular but i am sure i can work with it
It's amazing.... What a teaching style. I learn react from your tutorials and never face any difficulty in react.
Is his tutorial enough to learn react bro
Anything extra we need to look upon
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
loved the beginner tutorial, can you also make an intermediate one? or expert one where we use ngrx etc.
Very good tutorial. Thanks.
Thanks Sir ! is amezing video all concepts explain good !
Thank you for his wonderful tutorial, very easy to follow! :)
You're very welcome!
Keep learning, please subscribe and like
Perfect. Thanks.
The best Angular course
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`
Thanks for this video, I think I'm learning well with this
Superb content Sarthak bhai 👌👌👌👌
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
Yeahh, keep learning
Thank you 🎉
Thank you so much
Thank you!
This channel deserves more subscribers!!
thanks bro, I wish the same :)
Nice and well explained session, Thank You 🙂
Your teaching style is amazing in very depth and detail great
Thanks bro for this nice comment, keep learning
Subscribe to bitfumes channel
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.
Thanks for your love and support, keep learning. Subscribe to bitfumes newsletters
bitfumes.com/newsletters
Very nicely explained , Peoples who says angular is difficult to learn I will share this link to those , because the way you taught it's amazing Hats off 😍@Thank you
Thanks for sharing
Keep learning
I'm only an hour and 15 minutes in and let me just say you have done an awesome job. I always like to see how things work behind the curtains and you have done a great job with that. How can anyone build on anything if they don't understand how it works from the start. You've made me learn from the ground up and that is exactly how it should be every time. Yes you can use the ng generate commands but without an understanding of what it does its pointless. Like how could you trouble shoot someone making a module without using the ng command and not understanding the app.module.ts. Just doesn't make sense to start from a project you don't understand. Is it easier to do that? yes. But if you can't troubleshoot it later it was a total waste of time when you have to start from scratch again.
Thanks for your nice comment, and I always try to make things clear in terms of how and why
Thank you for this amazing tutorial, keep up the good work 💖
You’re welcome 😊
Thanks for watching, please subscribe and like this video
I just watch 1hr 15 min, it's amezing man ♥️♥️♥️💯👍💻 I am going to watch full, I can definitely say that after watching this am good contribute in myself, this is very structured course , after all I know the react this is the plus point maybe, but this is really amezing
Glad you enjoyed it
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.
I understand
make sure you watch full course later
Soo underrated.... thanks a loooot 😁
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! ??
Thanks !!!
I’m gonna start from today, hope I’m gonna finish it in 1 weeks
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
You're very welcome!
Thanks for watching, please subscribe and like this video
please make more angular videos, some projects with api and etc
Thanks, Sarthak.. it's really amazing angular beginner course
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
Super 10 de 10 , me funciono super , muchas gracias
Thanks for watching, please subscribe and like this video
Simple, concise and easy to follow explanation.Loved this! Thank you🤗
The Best Tutorial on Web ......
thanks bro, please share with your friends
Best explain on UA-cam! Thanks for you job! Your best teacher :)
Glad you think so!
Thanks for watching, please subscribe and like this video
@@Bitfumes I did it! Thanks :)