Hi, I don't know if I'm the only one, but my categories buttons don't respond well, sometimes I click and they don't trigger the event, even though it is visibly selected. Any idea why?
I had a problem with angular/material installation, it said: NOT SUPPORTED blabla something with id and $id , if you had it too, check the video: ruclips.net/video/9p5ZXUmLKPs/видео.html I just was able to move on with this project after specifying the material version i was installing.
I'm having a major issue getting this to be on an AWS lambda, and would really appreciate any help. Locally there is no issue, but I cannot get it to host anywhere
Amazing, we definitely need more angular and more complex projects ❤️ in future MEAN stack project would be great with more complex nodejs code. Thanks for great video.
This project is already outdated, not sure how to get this working or installed since 14.0.0 is not supported anymore for angular. And trying to do the course in 15 does not work, most of the html selectors like justify-content space-between do not work anymore. please provide a fix.
It was really painful to follow this guy, great programmer, but his manner of describing the process could be better. At first doing massive amount of movements and only later on describing. This is the worst way!
i am not able to justify-between because of some reason, I tried to install and reinstall tailwind and the whole project I am not able to send the cart to the extreme end of the page, same with some other classes as well. If anyone has faced the same issue and resolved them, please help me resolve aswell. EDIT: I found out a way of this, you have to make seperate class or id for the element and style it in the styles.css file instead of tailwind css. Works like a charm, but defeats the whole purpose of using tailwind. 😑
2nd view ❤️ and first comment...I am huge fan of all courses of free code camp. Please make a proper tutorial for Full stack development using MEAN and MERN stack....🙏
Hi, honest question: why would you use stripe.js library to riderict to checkout on the frontend? Can't you just use angular router/window object to redirect to created url (session object on backend has property url as far as i know)?
I changed the sort icon to sort because I thought it looked cool I did the nestjs course recently and i have to say angluar seems to click really well with nestjs. Nice course and thank you for making it for free Slobodan Gajic!!!
Hey, I closed virtual studio before finishing the tutorial, around the 1:12 minute mark, and now the page loads wierdly. The cart doesn´t open, categories button is small and says "ex", same with the show 12 button, and next to it it says viewviewview. In the console it started throwing this error: ERROR Error: Invalid value "rowHeight" set as rowHeight, and i don´t really know how to fix it
Hey Guys! i followed all the steps,but when we placing the cart icon at 22:00 mins, into the header ,mine is at straight next to the a link on the left side......any reason why?
I had the same issue but i remember i fixed it by looking at the css path. but even after fixing the paths it still doesnt behave proporly but i went further and i am still stuck now at different point espcially when it comes to using tailwindcss
@@zeuz3961 because mx-auto doesn't work with mat-toolbar anymore, just add .mx-auto selector to the header.component.css file and the path to styleUrls in header.component.ts
@@merlinwarage item object is used inside in cart.next() but itemIncart is not used anywhere.so if we increase the quantity how does item object changes?
This tutorial is excellent! The code quality, the tips, the explanation about each code construction. It will be reference! One more written on both channels! Thanks!
The course is very nice. But one note i would like to highlight. There is no need to provide the service in the app module as the injectable has a provided in data which does the job. For reference I deliberately dint provide it and the code still works exactly the same
Question: i have implemented everything (im currently on hr 1:27) but i cant bind category property and I believe mx-auto class is not working properly (do i have to install bootstrap in project) It is explained in the course that mx-auto class is for putting paddings o centering content, right? anyway thanks for the effort and the material
I somehow got lost on how the fullWidthMode makes the component full-width. I cant seem to connect when we defined the implementation but it somehow also just works.
you have to overridde the .mat-toolbar class by defuat its margin:0; .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6{ margin:0 auto; }
Excellent tutorial. The stripe docs was a little different, I had to look for the appropriate code, but still - there is finally a normal production level tutorial for angular on youtube.
Which cloud certification has most job opportunities in India? At entry level As I see most people are learning AWS but as I think Nobody can challenge Google hegemony
I got to watch a bit more of an hour and tutorial is good, but tailwindcss part is not covered well in my opinion. Many css classes don't work as shown by you, for example the product tile won't expand when adding w-full class or items inside don't move as expected. I'm losing my mind after it and honestly I don't want to waste time on it just to chase that stupid configuration which makes everything work well.
I don't understand component is not imported anywhere. but how come it is not giving any error. Anyone #CodewithSolba please, help me to understand this part as I am a new bee for Angular.
We need to use a private property to store the value of the cart, because if we use the cart property to store the value, we will have an infinite loop, because the setter will be called every time we try to set the value of the cart property.
Great tutorial... @ 21:17 justify-content doesn't work for me, anyone? Update: Welp I guess the flex class was missing. I added a global utility class like in Angular Material docs instead: .flexit-spacer { flex: 1 1 auto; } I hope it doesn't kick me in the azz later.
Hi, I don't know if I'm the only one, but my categories buttons don't respond well, sometimes I click and they don't trigger the event, even though it is visibly selected. Any idea why?
justify-between not working don't know why
You need flex
@@CodewithSloba what does this mean?
I didn't put justify-between in the correct div.
Thanks a lot @Slobodan Gajic. Your teaching style is really easy to follow.
We Need more Angular projects like this.
Thank you ❤
me too bro
justify-between is not working , anybody can help me ?
Vue and react make things unimaginably complicated, and those are childish libraries. Professional always prefer Angular, the King of kings.
I love Angular
I had a problem with angular/material installation, it said: NOT SUPPORTED blabla something with id and $id , if you had it too, check the video: ruclips.net/video/9p5ZXUmLKPs/видео.html
I just was able to move on with this project after specifying the material version i was installing.
The cringe thumbnail tho...
Oh sorry to hear that
I'm having a major issue getting this to be on an AWS lambda, and would really appreciate any help. Locally there is no issue, but I cannot get it to host anywhere
Finally, Angular project......
So true, everyone is running behind reactjs
I'm glad there is people who like Angular over React
react is amazing, im learning Angular because local jobs are 90% angular
@@coupleodevs where are you from?
@@coupleodevs where r u from
Amazing, we definitely need more angular and more complex projects ❤️ in future MEAN stack project would be great with more complex nodejs code. Thanks for great video.
You’re welcome
bro do u have any full mean stack project with source code if u have plse share to me bro
I need complete mean stack project
More Angular projects please ❤🎉, this is a beautiful tutorial!!
i was following along and "justify-between" isn't working for me.?
me too
This project is already outdated, not sure how to get this working or installed since 14.0.0 is not supported anymore for angular. And trying to do the course in 15 does not work, most of the html selectors like justify-content space-between do not work anymore. please provide a fix.
did you find a solution for that??
They work. You probably didn’t setup tailwindcss correctly
@@kevamorim They don't work. Did the exact same things as he did and tailwind is not working properly.
Thanks a lot...much awaited Angular project I👍
Thank you!
Just came here to say that I hate this thumbnail. It's unnecessary, unprofessional and discouraging. Thanks for your attention.
Sorry to hear that, but I see your point.
to srbine
Guys don't you thing that using frameworks like tawiling gets your html dirty? i rather much more doing only with sass using BEM pattern
Sloba please don't listen these haters in the comments, keep making amazing content :)
It was really painful to follow this guy, great programmer, but his manner of describing the process could be better. At first doing massive amount of movements and only later on describing. This is the worst way!
Amazing tutorial, it's really complete
I'm glad you like it
A potential sister project might be, same source code but with a ‘digital products’ implementation? Just an idea. Great stuff! Please continue👍🏾👏🏾🔥🔥🙏🏾
I love angular
Me too
hate angular.
@@quantum-t fair enough
i am not able to justify-between because of some reason, I tried to install and reinstall tailwind and the whole project I am not able to send the cart to the extreme end of the page, same with some other classes as well. If anyone has faced the same issue and resolved them, please help me resolve aswell.
EDIT:
I found out a way of this, you have to make seperate class or id for the element and style it in the styles.css file instead of tailwind css. Works like a charm, but defeats the whole purpose of using tailwind. 😑
2nd view ❤️ and first comment...I am huge fan of all courses of free code camp. Please make a proper tutorial for Full stack development using MEAN and MERN stack....🙏
Awesome!
Hi, honest question: why would you use stripe.js library to riderict to checkout on the frontend? Can't you just use angular router/window object to redirect to created url (session object on backend has property url as far as i know)?
Thank you for finally posting an Angular Project ❣️
You're welcome!
hello, I am facing a weird problem. The button label is always display after the material icon. Does anyone in here have the same problem like I am?
Perfect timing. Like 10 minutes ago I started researching stripe for my webshop project
Awesome!
You should have increased the font size in the code editor. It's hard to read on the phones.
Noted
Angular is gonna outdate near future
Stop it with this face on the thumbnail please
Oh sorry, yeah it's a little bit overwhelming.
👌👌👌
Thank you
I changed the sort icon to sort because I thought it looked cool
I did the nestjs course recently and i have to say angluar seems to click really well with nestjs.
Nice course and thank you for making it for free Slobodan Gajic!!!
You’re welcome ❤
Great tutorial. I didn't expect you can do all this features in 3:47 minutes. It was amazing!!!!
Thank you
I'm gonna go ahead and say this was hard. Learned a lot though, thank you.
Awesome I’m glad
good for practice but nothing you would use for production at all
Yep exactly
Redirect to checkout is deprecated, you should get session on frontend side.
would be cool if this had a details product page
Am I the only one that noticed a snickers bar 1:16:25 🤣
More Angular projects please 🙏🏼🙏🏼🙏🏼🥹🥹🥹
Which node js version dose this project use?
14 || 16
🔥🔥🔥🔥😤🔥🔥🔥🔥
This Channel can singlehandedly beat all these paid Upskilling sites.
Exactly
can anyone explain what's that stupid face about on the thumbnail?
It was supposed to be it’s amazing 😊 but looks like people hate it
Please post more Angular content T_T
For sure
Third class tutorial...He just keeps on doing things without proper explaining why...first 2 hours is of Styling...so angular is hardly for 1.5 hrs.
Don't he forget to zoom in or something to be mobile friendly as well, probably very old tutorial but using angular 14 is not that oldwr.
Angular = ❤
Absolutelly
Hey, I closed virtual studio before finishing the tutorial, around the 1:12 minute mark, and now the page loads wierdly. The cart doesn´t open, categories button is small and says "ex", same with the show 12 button, and next to it it says viewviewview. In the console it started throwing this error: ERROR Error: Invalid value "rowHeight" set as rowHeight, and i don´t really know how to fix it
It Seems I am not able to follow. Where ate the 3 line for {{ '150' | currency }} gone??
there is no database ?
Hey Guys!
i followed all the steps,but when we placing the cart icon at 22:00 mins, into the header ,mine is at straight next to the a link on the left side......any reason why?
I had the same issue but i remember i fixed it by looking at the css path. but even after fixing the paths it still doesnt behave proporly but i went further and i am still stuck now at different point espcially when it comes to using tailwindcss
@@zeuz3961 because mx-auto doesn't work with mat-toolbar anymore, just add .mx-auto selector to the header.component.css file and the path to styleUrls in header.component.ts
@@makskrywionek1662 Thank you so much. I was also stuck here and had to do that. I don't know why this tutorial hasn't been updated yet.
Best Angular Tutorial ever 🔥🔥
Thank you so much
2:11:06
How does itemInCart +=1 change quanitiy in items array?
The cart.next() updates the subject.
@@merlinwarage item object is used inside in cart.next() but itemIncart is not used anywhere.so if we increase the quantity how does item object changes?
@@ashiktm5631 and i have the same question
Hi
ItemInCart + = 1 means
ItemInCart = ItemInCart + 1
I have a little question,
Why set services in app.module providers if services have providedIn: 'root' property?
Because that is the root 😁
Both ways do the same thing, they create a global instance of the service. But yeah, there's no need or no point in using both ways at the same time.
I have watched the hole video and it was amazing. Thank you
عالی هادی میره واسه ی قهرمانی🎉🎉
This tutorial is excellent!
The code quality, the tips, the explanation about each code construction.
It will be reference!
One more written on both channels!
Thanks!
It cannot install agular cli version 14.0.0 at the beginning. It always installs 16.2.0
The course is very nice. But one note i would like to highlight. There is no need to provide the service in the app module as the injectable has a provided in data which does the job. For reference I deliberately dint provide it and the code still works exactly the same
Question: i have implemented everything (im currently on hr 1:27) but i cant bind category property and I believe mx-auto class is not working properly (do i have to install bootstrap in project) It is explained in the course that mx-auto class is for putting paddings o centering content, right? anyway thanks for the effort and the material
It's a tailwindCss class not bootstrap. There is no bootstrap in this project
hey man, im doing the tutorial and i encountered the issue where category isn't being binded, have you perhaps solved this issue?
very good monologue try in radio but forgive students and forget teaching
Thanks for Angular project.😊 Need more projects
I somehow got lost on how the fullWidthMode makes the component full-width. I cant seem to connect when we defined the implementation but it somehow also just works.
Whenever I refresh the page, the cart gets empty what do I need to do to retain the same
Nuxt next please
First comment 🎉🎉🎉
Hii Good tuto
What is the best backend for this king of project and for use Our own API ? Node JS ?
1:58:12
I can't understand why my header toolbar doesn't center itself with mx-auto
you have to overridde the .mat-toolbar class by defuat its margin:0;
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6{
margin:0 auto;
}
Nice
Thank you!
Excellent tutorial. The stripe docs was a little different, I had to look for the appropriate code, but still - there is finally a normal production level tutorial for angular on youtube.
Why do you use manual subscriptions? In your case there is no sense to do that
First learning it.
Which cloud certification has most job opportunities in India? At entry level
As I see most people are learning AWS but as I think Nobody can challenge Google hegemony
hey, are u guys ever planning to do an in-depth Roblox studio tutorial with Lua? It would be pretty cool with it! Ty! ❤
where is the code , it is in github or something ?
2:06:06 Would anyone anwser me that we already have providedIn: 'root' in Cart Serive. Why does we have to provider CartService in App Module again?
hello , i haven't seen the complete video , but we dont , providing in app Module and providedIn : root is basically the same thing
Great tutorial , thank you very much
I got to watch a bit more of an hour and tutorial is good, but tailwindcss part is not covered well in my opinion. Many css classes don't work as shown by you, for example the product tile won't expand when adding w-full class or items inside don't move as expected. I'm losing my mind after it and honestly I don't want to waste time on it just to chase that stupid configuration which makes everything work well.
facing the same issue and i can't get to fix it either. been spending indeed a lot of time on it.
Looking for a Linux Debian base without M$ being used at all...
Someone is hungry at 2:17:20 😅
Why do people use tailwind?
package 1. material 2. tailwindcss
I don't understand component is not imported anywhere. but how come it is not giving any error. Anyone #CodewithSolba please, help me to understand this part as I am a new bee for Angular.
Why is cart in header component private and in others is not? Great video :)
We need to use a private property to store the value of the cart, because if we use the cart property to store the value, we will have an infinite loop, because the setter will be called every time we try to set the value of the cart property.
Remerci boeur pour le travil vous farie nous le monde❤
Thanks for this project, I've learned a lot. Keep the angular projects coming please
Fakestoreapi site is down
damn, app-header showing red line with me, not working
same
People even use Angular now ?
Absolutelly
I'm working with Angular for 7 years now, and I've got like 2-3 job offers every day, so yeah, a lot of companies need it :)
do this project work with angular 15 or i need to modify it ?
it'll work quite good.
I want to donate my kidney to this channel
Good
Thank you
Great tutorial... @ 21:17 justify-content doesn't work for me, anyone?
Update: Welp I guess the flex class was missing. I added a global utility class like in Angular Material docs instead:
.flexit-spacer {
flex: 1 1 auto;
}
I hope it doesn't kick me in the azz later.
You have flex class in the tailwind
Hey, the reason justify-content didn't work correctly for you is because you didn't setup tailwindcss correctly.
@@chrisortiz3133 Yeah, I'm going to do re-do it, I forgot about this project.
@@chrisortiz3133 how so? I installed tailwind exactly how the video says and justify-content does not work for me either
@@BrianRiendeau you need a class of display:flex with your justify content
Git bash should zoom..
It was very useful, thanks a lot!!!!
My checkout is not working =(
what error is it giving you?
why angular? still angular
We need more angular project