Modern Angular Lazy Loading Guide!
22:47
Пікірлер
@balaramc3808
@balaramc3808 6 сағат бұрын
🎉Superb Sir, Each and everything you’re explained in the single video. Thank you so much for your valuable time and eplaining the single code and functionality with documents and helps to both fresher and experiences.👏
@ZoaibKhan
@ZoaibKhan 2 сағат бұрын
Glad you liked it 😊
@abishektamilan9733
@abishektamilan9733 Күн бұрын
need a full course on udemy sir pls
@ZoaibKhan
@ZoaibKhan 20 сағат бұрын
Ok :)
@haroldpepete
@haroldpepete Күн бұрын
you have a new suscriber, it was a really helpful video
@ZoaibKhan
@ZoaibKhan Күн бұрын
Glad you liked it and welcome to my channel :)
@juniorngomajose9454
@juniorngomajose9454 2 күн бұрын
Thank You Zoaib 🙏🙏🙏
@ZoaibKhan
@ZoaibKhan Күн бұрын
Welcome 🤗
@codeaz5673
@codeaz5673 2 күн бұрын
Hello, Sir. Thank you for the excellent video! Could you please explain refresh tokens and how to handle errors in interceptors (e.g., 403 and 401)?
@ZoaibKhan
@ZoaibKhan Күн бұрын
Glad you liked it! And good suggestions. I'll see if I can create something about these topics
@davebudah
@davebudah 4 күн бұрын
I requested for a Firebase integration, you delivered. Thanks man. Waiting for part 2.
@ZoaibKhan
@ZoaibKhan 3 күн бұрын
Coming soon! :)
@darshanparmar4398
@darshanparmar4398 4 күн бұрын
That is the best explanation waiting for part 2😃
@ZoaibKhan
@ZoaibKhan 4 күн бұрын
Thanks, coming up early next week :)
@RahulShaw-v1g
@RahulShaw-v1g 4 күн бұрын
Sir, how can we do authentication if ssr is enabled?
@ZoaibKhan
@ZoaibKhan 4 күн бұрын
That's a good question. I haven't done it myself, so can't say. But from what I've read, things should work ok as they are - except for the firebase authentication part (which requires a bit of extra setup so that it works well). More on this (check note at bottom of this link's section 2): firebase.google.com/docs/web/setup#add-sdks-initialize
@htoofe
@htoofe 4 күн бұрын
thx for the great effort and amazing tutorial .. the only thing I may say missing or wished it was there is performing post request with services and httpclient.. and since this is a modern angular it would've been nice to see handling get request using resource .. I would love to see a follow up covering the above topic .. overall amazing tutorial and very helpful .. thanks
@ZoaibKhan
@ZoaibKhan 4 күн бұрын
Glad you liked it 😊 About the resource API, I would've loved to use it here but avoided due to it being experimental at this time. For post requests, I can understand. Hopefully, will be able to cover it in my full course where there'll be a proper severless framework like firebase or supabase
@techwake360
@techwake360 4 күн бұрын
Jazak Allah Khaira, i like the way of you teaching , and waiting for part 2
@ZoaibKhan
@ZoaibKhan 4 күн бұрын
Early next week hopefully and thanks 🙏
@JianhuaX
@JianhuaX 4 күн бұрын
Thanks Zoaib 👏
@ZoaibKhan
@ZoaibKhan 4 күн бұрын
Welcome 😊
@JianhuaX
@JianhuaX 2 күн бұрын
@@ZoaibKhan Firebase is so good! It serves Angular well (Google family). I got the dashboard running. And thank you for updating to ng19! Bravo
@ethiotech10
@ethiotech10 4 күн бұрын
Great tutorial!
@ZoaibKhan
@ZoaibKhan 4 күн бұрын
Glad you liked it ☺️
@codeaz5673
@codeaz5673 5 күн бұрын
done ✅
@codeaz5673
@codeaz5673 5 күн бұрын
done ✅
@codeaz5673
@codeaz5673 5 күн бұрын
done ✅
@codeaz5673
@codeaz5673 5 күн бұрын
Thank you Sir. Done ✅
@DirtySouth33T
@DirtySouth33T 5 күн бұрын
so i am kind of frustrated that they changed the material theming api again, maybe im crazy but moving from 18 to 19 is a larger jump now they changed the way it works
@ZoaibKhan
@ZoaibKhan 5 күн бұрын
Oh is that really? Will have to check it out myself as well. I just upgraded the dashboard yesterday to v19 and didn't need to update the theming syntax at all myself. It did do some things automatically though...
@codeaz5673
@codeaz5673 6 күн бұрын
Hello, Sir. the video of building the template is in your channel? Because I can't find it
@ZoaibKhan
@ZoaibKhan 5 күн бұрын
You mean building the theme builder app?
@codeaz5673
@codeaz5673 5 күн бұрын
@ZoaibKhan yes sir the app thst you showed in this video
@codeaz5673
@codeaz5673 6 күн бұрын
thank you Sir. Done ✅ My goal is to finish all your videos!
@ZoaibKhan
@ZoaibKhan 5 күн бұрын
Thanks for showing such interest ☺️
@codeaz5673
@codeaz5673 7 күн бұрын
done✅
@codeaz5673
@codeaz5673 7 күн бұрын
done ✅
@codeaz5673
@codeaz5673 7 күн бұрын
Thank you Sir. Can u please make a video angular with echarts library and angular material please
@ZoaibKhan
@ZoaibKhan 5 күн бұрын
Ok noted.
@codeaz5673
@codeaz5673 5 күн бұрын
@@ZoaibKhan Thank you Sir
@codeaz5673
@codeaz5673 7 күн бұрын
done ✅
@codeaz5673
@codeaz5673 7 күн бұрын
I love how you make useful videos instead of boring and useless contents. Keep going Sir. Thank you for everything! Done ✅
@ZoaibKhan
@ZoaibKhan 7 күн бұрын
Thanks for your kind words! 🙏
@codeaz5673
@codeaz5673 7 күн бұрын
done ✅
@codeaz5673
@codeaz5673 7 күн бұрын
done ✅
@angelodou
@angelodou 8 күн бұрын
Woah, this is really good. Exactly what I was looking for.
@ZoaibKhan
@ZoaibKhan 7 күн бұрын
Glad you found it useful 🙂
@farhankhamran
@farhankhamran 8 күн бұрын
Hey Zoab, can you give us a firebase course, man. Most tutorials are as detailed. There is much Firebase Auth tutorials and that's all. We need something that covers Auth, File handling, a complete CRUD. Even if you make it a paid course Im sure it will be worth it.
@ZoaibKhan
@ZoaibKhan 7 күн бұрын
Thanks Farhan! Noted your suggestion and let's see if I can accommodate them in my course. I'm leaning towards firebase for it's backend, but might change because considering supabase as well.
@farhankhamran
@farhankhamran 5 күн бұрын
@@ZoaibKhan Thank you man.
@irondesagitario
@irondesagitario 8 күн бұрын
thank you so much for the crash course and yes, I'm interested on that full e-commerce!
@ZoaibKhan
@ZoaibKhan 8 күн бұрын
Glad you liked it! I'll keep you posted :)
@codeaz5673
@codeaz5673 8 күн бұрын
thank u sir
@codeaz5673
@codeaz5673 8 күн бұрын
thank u Sir
@ArifMatubber-km4nv
@ArifMatubber-km4nv 8 күн бұрын
Awesome! Thank you so much for teaching in such a simple way.
@ZoaibKhan
@ZoaibKhan 8 күн бұрын
You're welcome, Arif! :)
@manishboge94
@manishboge94 10 күн бұрын
Thank you for the efforts in creating this crash course, Zoaib ji! Great explaination for understanding fundamentals of signals in real -time! A must recommended crash course to understand signal usecases.!!
@ZoaibKhan
@ZoaibKhan 10 күн бұрын
Thanks Manish for your kind words! And glad you liked it :)
@ajesh-mishra
@ajesh-mishra 12 күн бұрын
This is simple and sweet 👍🏻
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
Glad you found it helpful!
@SEOSepeti
@SEOSepeti 12 күн бұрын
Thanks for this awesome crash course, man. I have a question. Will you cover Redis in the course? Thank you.
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
You mean Redis the temporary db?
@SEOSepeti
@SEOSepeti 12 күн бұрын
@@ZoaibKhan Yes, I am talking about Redis as a temporary database, for example, storing unconfirmed shopping cart data in Redis.
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
@@SEOSepeti well, not sure about that. For temporary cart data, I'll probably just use normal state plus maybe local storage so that it's saved across refreshes. What's your take on it? :)
@SEOSepeti
@SEOSepeti 12 күн бұрын
@@ZoaibKhan No problem at all, I’m eagerly looking forward to your course! 📚🚀😊
@ninosalkaton4461
@ninosalkaton4461 12 күн бұрын
Thanks for the project, i hope to add quentity to the project
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
Good luck! :)
@schneiderSam09
@schneiderSam09 12 күн бұрын
I dont know if I really get it , but with signals and compute we actually don't need to use the Httpclient anymore 😁. Async Pipe its a great solution too and By the way great video man always learning from you 👏
@srinivaspapanaboina8560
@srinivaspapanaboina8560 13 күн бұрын
how can we get form fields as responsive for all resolutions
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
Use this technique! zoaibkhan.com/blog/create-a-responsive-card-grid-in-angular-with-css-2023/
@metalllus
@metalllus 13 күн бұрын
this is so simple yet so powerful, thx a lot man!!
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
Glad it helped!
@LarsRyeJeppesen
@LarsRyeJeppesen 13 күн бұрын
I agree, it's also my favorite store. I am converting all stores in all our projects, and it's amazing.
@LarsRyeJeppesen
@LarsRyeJeppesen 13 күн бұрын
Very cool. I am so loving these new features, it has totally transformed how we write application. Signals are such a game changer
@ZoaibKhan
@ZoaibKhan 13 күн бұрын
Thanks Lars! Glad you liked the mini course. That was the point of creating this, so more people can appreciate the direction in which Angular is moving towards :)
@PK-vg9df
@PK-vg9df 13 күн бұрын
I am an experienced Angular Developer, but I have never dived deep into Signals. I am all into RXJS. I always learn something new here. Nice Video. Keep going!
@ZoaibKhan
@ZoaibKhan 13 күн бұрын
Thanks man! I am a fan of RxJS as well, but have restricted it's use to async methods
@LarsRyeJeppesen
@LarsRyeJeppesen 13 күн бұрын
You should! it's insanely awesome and you'll never go back. Reactive programming is so awesome!
@brianm2029
@brianm2029 12 күн бұрын
I’m also easing into signals. I like the fact that I can use pipes with observables even by doing of(2).pipe(…) 😂 I’m learning signals now too and found the experimentals in angular 19 to be interesting
@farhankhamran
@farhankhamran 13 күн бұрын
Thanks man, there is always something new to learn from you.
@ZoaibKhan
@ZoaibKhan 13 күн бұрын
Glad you found it helpful, Farhan!
@asdasdasdasdasdasd-t5v
@asdasdasdasdasdasd-t5v 15 күн бұрын
hi, when we call api, we write func directly in Component Class or service class, upgrade angular 19 make me confuse 😅
@ZoaibKhan
@ZoaibKhan 15 күн бұрын
It's a best practice to keep it in a service, so that the component does not have much logic and only shows the data fetched
@macgideons4201
@macgideons4201 15 күн бұрын
Super Excellent.. if you click on content it shows content , but when you click on video, you still see content page and video page together. is there a way to route to video or playlist without content page also been displayed? Thanks
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
yes, in that case just create a parallel route for each subpage, instead of making it a nested route of the content. Content is always shown because it is a parent of the video and other child routes.
@sohailazam8962
@sohailazam8962 16 күн бұрын
It would have been better to have seen the kilometers also. But, You learned a lot from the interesting video.💯
@vladnovski6050
@vladnovski6050 17 күн бұрын
Do you think there will be any reasonable way to use the Resource API together with state management tools like NGRX?
@ZoaibKhan
@ZoaibKhan 17 күн бұрын
Yes, patterns will eventually emerge for the resource API for different use cases. Already some have suggested declaring resource in a service so that the component remains dumb. The same can be done with ngrx as well I guess
@IbrahimMouhsine
@IbrahimMouhsine 18 күн бұрын
hello zoaib how add download progress bar in angular with fetch api ?
@LarsRyeJeppesen
@LarsRyeJeppesen 13 күн бұрын
Use the Resource API
@IbrahimMouhsine
@IbrahimMouhsine 13 күн бұрын
@@LarsRyeJeppesen ok thanks bro !
@ZoaibKhan
@ZoaibKhan 12 күн бұрын
that's a good idea for a tutorial, thanks.
@IvanMalinovskyi-q4z
@IvanMalinovskyi-q4z 18 күн бұрын
Hi! First of all, thank you for your awesome content. Secondly, I want to ask you something. I'm using mat-sidenav for the mobile view of my site. Could you explain how I can make the open and close transitions smoother? I tried using the transition CSS property, but it didn't help. I want to make it slower and smoother. I have a menu icon, and when I press it, the sidenav opens. When I click the close button, it fully closes.
@IvanMalinovskyi-q4z
@IvanMalinovskyi-q4z 18 күн бұрын
I have one more question. I want to use a custom scrollbar for my site. The main content of the site is placed in the `mat-content`, and I'm using a background color for it. If I use a custom scrollbar for the body tag of the site and the scrollbar has a border-radius, there will be white spaces at the top and bottom because `mat-content` doesn't take the full width and height of the body. If I use a custom scrollbar for `mat-content` and set it to full height and width, it works, but when I change the screen size, this custom scrollbar remains visible every time. It's very annoying, especially on mobile screens. If I do it for the body, it works fine, but it leaves those corners.
@ZoaibKhan
@ZoaibKhan 18 күн бұрын
Hmm, that's interesting. It should be easy with CSS transitions. I'll have to try it out and see for myself.
@ZoaibKhan
@ZoaibKhan 18 күн бұрын
If possible, can you replicate this in a stackblitz so I can see exactly what is happening? That would be very helpful
@IvanMalinovskyi-q4z
@IvanMalinovskyi-q4z 17 күн бұрын
@@ZoaibKhan youtube deleting the link.How can I give you the link for stackblitz ?
@ZoaibKhan
@ZoaibKhan 17 күн бұрын
@@IvanMalinovskyi-q4z send it to [email protected]