Angular 14 full course 2022 for beginner
Vložit
- čas přidán 2. 05. 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 CZcams) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
CZcams / @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 - Jak na to + styl
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.
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
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.
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
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
Very helpful tutorial. I normally just skip through long tutorials, but this one is awesome! Thanks
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✌
Awesome teaching style! I'm excited to watch the rest
We all have to Agree that this is one of the best Angular Tutorials Yet. Good Job Tutor
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.
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!
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 course is amazing! You explain things so clearly!!!!
Very well planned video. Great to watch.
óptimo vídeo, muito obrigado... acompanhando a partir de Angola!!!
loved the beginner tutorial, can you also make an intermediate one? or expert one where we use ngrx etc.
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 instructor. You have a talent explain every complicated thing in such a simple manner. really good Thanks
more videos about angular please, thank you for this one
Whatever you told in this video is very good. Especially for those who are beginners. Thanks a lot.
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.
Thank you for this tutorial! It's amazing! Please make more videos like this!
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
This guy is amazing when he transfer skills and knowledge.
Absolutely the best Angular tutorial out there
You are one of the best teacher on CZcams 👑. Awesome tutorial. God bless. Thanks a million. ✌🙏
the teaching style,my god ,it was awesome
I give you 100 stars for the tutorial... thanks a lot
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
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
thanks Sarthak, this was a great intro to Angular!
Thank you so much for such a great tutorial, You are the best
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.
Cool tutorial! Thanks!!
Amazing.... This session added more knowledge in my bucket.... Thank you.
This is really amazing tutorial.
I came here after completing the 10 hour Vuejs course.
This was a very helpful video. Thank you !
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
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!👌👌✌🙏
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
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.
great thanks teacher before i was afraid for angular but i am sure i can work with it
thank you for this amazing starter to angular, love it!
You're very welcome!
follow my newsletter bitfumes.com/newsletters
Amazing. You explained concepts coding clearly.
perfect! thank you very much 👏🏻
Thanks for watching bro,
Make sure to hit like and subscribe to bitfumes youtube channel
Amazing bro, very easy to understand. You just saved me.
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
Perfect. Thanks.
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 CZcams
Thanks man, keep learning
Please subscribe to bitfumes youtube channel and set notification on
please make more angular videos, some projects with api and etc
You are a life saver! Kudos to you! You rock!!
Glad it helped
Please hit like if this video is helpful
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
Thanks Sir ! is amezing video all concepts explain good !
Man you are the KING!
Superb content Sarthak bhai 👌👌👌👌
Nice and well explained session, Thank You 🙂
Awesome Bro Simply Superb Thank you for this Video ✌
one of the best tutorials i've watched. Thanks mate
Glad it helped
Thanks for watching, please subscribe and like this video
It's a good class, thank you! Would you mind tell me what plugins you use?
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
Brilliant video, thank you!
Glad you enjoyed it!
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
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
You really know how to deliver. Amazing !!! You are awesome!!!! Thank you!!!
Thanks for watching, please subscribe and like this video
Thank you for his wonderful tutorial, very easy to follow! :)
You're very welcome!
Keep learning, please subscribe and like
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
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
Thank you for this amazing tutorial, keep up the good work 💖
You’re welcome 😊
Thanks for watching, please subscribe and like this video
The best Angular course
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
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
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
sir please make a video on react js. i know you already have reactjs course. but latest react version include so many things. routing, redux, formic, react form. and make a video on real exampke.
Thanks i have learn laravel from your tutorial. now i want to move to react js. so please make a full video on react js latest version
Thank you 🎉
Soo underrated.... thanks a loooot 😁
Best Angular tutorial on CZcams hands down..Love u man
Thanks for watching, please subscribe and like this video
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!
Very good tutorial. Thanks.
Great Tutorial!
Thanks for this video, I think I'm learning well with this
Neat and Clean explanation
This channel deserves more subscribers!!
thanks bro, I wish the same :)
Super 10 de 10 , me funciono super , muchas gracias
Thanks for watching, please subscribe and like this video
Your teaching style is amazing in very depth and detail great
Thanks bro for this nice comment, keep learning
Subscribe to bitfumes channel
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! ??
Very Good Course content and all topics covered nicely
Thank you so much sir!!! I'm so happy finding ur channel!
Btw what's the import extension u used at 1:50:29?
Simple, concise and easy to follow explanation.Loved this! Thank you🤗
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
this is great. I like your teaching style. keep it up
Glad to hear that!
Keep learning
Best explain on CZcams! 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 :)
Thanks !!!
I loveeeed your video, honestly the best angular video that I've found!. Quick question, what extensions are you using on your VSCode?
Thanks for watching, keep learning
which extension you are talking about
@@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
I’m gonna start from today, hope I’m gonna finish it in 1 weeks