Thanks a lot @Slobodan Gajic. Your teaching style is really easy to follow.
@Errormakesmarter5 күн бұрын
Which version of angular is this
@tuntunpandit83672 жыл бұрын
We Need more Angular projects like this.
@CodewithSloba2 жыл бұрын
Thank you ❤
@go_lang_thang Жыл бұрын
me too bro
@lxdzii Жыл бұрын
More Angular projects please ❤🎉, this is a beautiful tutorial!!
@deluxe94902 жыл бұрын
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.
@CodewithSloba2 жыл бұрын
You’re welcome
@shantisuma7738 Жыл бұрын
bro do u have any full mean stack project with source code if u have plse share to me bro
@karunabisen Жыл бұрын
I need complete mean stack project
@gamehubgamer36782 жыл бұрын
Finally, Angular project......
@pravinjadhav80552 жыл бұрын
So true, everyone is running behind reactjs
@CodewithSloba2 жыл бұрын
I'm glad there is people who like Angular over React
@coupleodevs2 жыл бұрын
react is amazing, im learning Angular because local jobs are 90% angular
@gommonebucato1562 Жыл бұрын
@@coupleodevs where are you from?
@Afdac247 Жыл бұрын
@@coupleodevs where r u from
@Blade78502 жыл бұрын
Perfect timing. Like 10 minutes ago I started researching stripe for my webshop project
@CodewithSloba2 жыл бұрын
Awesome!
@MrTubber44 Жыл бұрын
A potential sister project might be, same source code but with a ‘digital products’ implementation? Just an idea. Great stuff! Please continue👍🏾👏🏾🔥🔥🙏🏾
@mohammedsalmanali012 жыл бұрын
Thank you for finally posting an Angular Project ❣️
@CodewithSloba2 жыл бұрын
You're welcome!
@piyushchaudhari27082 жыл бұрын
Thanks a lot...much awaited Angular project I👍
@CodewithSloba2 жыл бұрын
Thank you!
@damin19162 жыл бұрын
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!!!
@CodewithSloba2 жыл бұрын
You’re welcome ❤
@Pratip.2 жыл бұрын
🔥🔥🔥🔥😤🔥🔥🔥🔥 This Channel can singlehandedly beat all these paid Upskilling sites.
@CodewithSloba2 жыл бұрын
Exactly
@renends7615 Жыл бұрын
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!
@sagar2165 Жыл бұрын
More Angular projects please 🙏🏼🙏🏼🙏🏼🥹🥹🥹
@panayiotispanayiotou16372 жыл бұрын
Great tutorial. I didn't expect you can do all this features in 3:47 minutes. It was amazing!!!!
@CodewithSloba2 жыл бұрын
Thank you
@mohammadparsamaliyani95292 ай бұрын
عالی هادی میره واسه ی قهرمانی🎉🎉
@eliuddyn2 жыл бұрын
Best Angular Tutorial ever 🔥🔥
@CodewithSloba2 жыл бұрын
Thank you so much
@MaximusRGZ2 жыл бұрын
Amazing tutorial, it's really complete
@CodewithSloba2 жыл бұрын
I'm glad you like it
@realVvD9 ай бұрын
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.
@natnaelsisay14245 ай бұрын
I have watched the hole video and it was amazing. Thank you
@karolwrzesinski75312 жыл бұрын
I'm gonna go ahead and say this was hard. Learned a lot though, thank you.
@CodewithSloba2 жыл бұрын
Awesome I’m glad
@shubhampatankar14682 жыл бұрын
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....🙏
@CodewithSloba2 жыл бұрын
Awesome!
@MrTubber44 Жыл бұрын
Excellent Sloba. Thx!
@CamiloMazorra Жыл бұрын
Thanks for this project, I've learned a lot. Keep the angular projects coming please
@fparween5248 Жыл бұрын
Thanks for Angular project.😊 Need more projects
@chicorafa4 ай бұрын
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?
@ntesla54 ай бұрын
Great tutorial , thank you very much
@jmarcetaa Жыл бұрын
Sloba please don't listen these haters in the comments, keep making amazing content :)
@sidarthg247711 ай бұрын
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
@Almighty_Flat_Earth2 жыл бұрын
Vue and react make things unimaginably complicated, and those are childish libraries. Professional always prefer Angular, the King of kings.
@CodewithSloba2 жыл бұрын
I love Angular
@BegueMarieantoinette8 ай бұрын
Remerci boeur pour le travil vous farie nous le monde❤
@Almighty_Flat_Earth2 жыл бұрын
You should have increased the font size in the code editor. It's hard to read on the phones.
@CodewithSloba2 жыл бұрын
Noted
@gachecem_yt2 ай бұрын
would be cool if this had a details product page
@bhavikprajapati54002 жыл бұрын
justify-between not working don't know why
@CodewithSloba2 жыл бұрын
You need flex
@BrianRiendeau Жыл бұрын
@@CodewithSloba what does this mean?
@sethshuey974 Жыл бұрын
I didn't put justify-between in the correct div.
@AGUNGKAYA2 жыл бұрын
I love angular
@CodewithSloba2 жыл бұрын
Me too
@quantum-t2 жыл бұрын
hate angular.
@CodewithSloba2 жыл бұрын
@@quantum-t fair enough
@mmd10-m9o Жыл бұрын
Hii Good tuto What is the best backend for this king of project and for use Our own API ? Node JS ?
@GGSoft2009 Жыл бұрын
It was very useful, thanks a lot!!!!
@dallasbaldwin45015 ай бұрын
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
@aishaghalia1259 Жыл бұрын
We need projects like this with Angular 15 please ♥
@EmanAhmed-ht6ny Жыл бұрын
Is this project not angular 15
@ayashkh Жыл бұрын
Thank You very much, I respect your efforts, the finale Part (Payment with Stripe) was very useful for me
@Lokibee1234 Жыл бұрын
justify-between is not working , anybody can help me ?
@agu1605792 жыл бұрын
First learning it.
@thedeeprot2 жыл бұрын
👌👌👌
@CodewithSloba2 жыл бұрын
Thank you
@abrhamgg3647 Жыл бұрын
i was following along and "justify-between" isn't working for me.?
@ChadiKawaf2 ай бұрын
me too
@dzejcekАй бұрын
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)?
@devkodar3032 жыл бұрын
hey, are u guys ever planning to do an in-depth Roblox studio tutorial with Lua? It would be pretty cool with it! Ty! ❤
@logiccomputer8000 Жыл бұрын
We need more angular project
@leeroysdad Жыл бұрын
This is so helpful 💯💯💯
@alfonzo444 Жыл бұрын
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
@kozi-corner Жыл бұрын
It's a tailwindCss class not bootstrap. There is no bootstrap in this project
@chinomorales62939 ай бұрын
hey man, im doing the tutorial and i encountered the issue where category isn't being binded, have you perhaps solved this issue?
@martinbraga6655 Жыл бұрын
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
@nikolaivanovic885110 ай бұрын
Why is cart in header component private and in others is not? Great video :)
@Msmc1238 ай бұрын
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.
@BrianRiendeau Жыл бұрын
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.
@mayuraandrew Жыл бұрын
did you find a solution for that??
@kevamorim Жыл бұрын
They work. You probably didn’t setup tailwindcss correctly
@marcogrillo3396 Жыл бұрын
@@kevamorim They don't work. Did the exact same things as he did and tailwind is not working properly.
@nataliavrs2 жыл бұрын
Angular = ❤
@CodewithSloba2 жыл бұрын
Absolutelly
@alvirarahman15592 жыл бұрын
Please post more Angular content T_T
@CodewithSloba2 жыл бұрын
For sure
@Abs272b2 жыл бұрын
I want to donate my kidney to this channel
@pokumars1511 Жыл бұрын
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.
@jdicoder2 жыл бұрын
I have a little question, Why set services in app.module providers if services have providedIn: 'root' property?
@CodewithSloba2 жыл бұрын
Because that is the root 😁
@nunoarruda11 ай бұрын
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.
@BrunoSilva-mx1ut Жыл бұрын
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
@spraveenitpro2 жыл бұрын
Please make a React version of this.
@CodewithSloba2 жыл бұрын
Great request
@Nayandin77 Жыл бұрын
Am I the only one that noticed a snickers bar 1:16:25 🤣
@dheerajvithalkar Жыл бұрын
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. 😑
@georgenc76052 жыл бұрын
Nice
@CodewithSloba2 жыл бұрын
Thank you!
@varun27162 жыл бұрын
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
@hieudaica1304 Жыл бұрын
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?
@Nodsaibot2 жыл бұрын
good for practice but nothing you would use for production at all
@CodewithSloba2 жыл бұрын
Yep exactly
@SnowdenFu-jh6bx Жыл бұрын
package 1. material 2. tailwindcss
@manarkrid1700 Жыл бұрын
there is no database ?
@abrahamsecoe878 ай бұрын
It Seems I am not able to follow. Where ate the 3 line for {{ '150' | currency }} gone??
@filthypirate Жыл бұрын
You can actually move the products lists to the service class and create a caching functionality for all products. This way, you don't have to make unnecessary API request to the server when the data is actually cached inside the array list of products. That way, you can check to see if you have the product inside the services array list before making an API request.
@omarmetwally5450 Жыл бұрын
what if the list is updated ?
@filthypirate Жыл бұрын
@@omarmetwally5450 Without going too much in details, there are ways to solve that depending on the app, database, etc. You rarely need to fetch all updated lists. But say you're twitter and need constant live update of every list items, then you would need to listen for those server updates in real time. There is no way around it. But most apps don't need or use that kinda real time reactivity. In most reactive apps, you would listen for change per document or data row level, not list level. That means, when someone clicks a list item, you start listening for changes on that item. If that item is not in the database, you show error saying that item no longer exists. ETC
@shadowgazesup Жыл бұрын
Why do you use manual subscriptions? In your case there is no sense to do that
@ashiktm56312 жыл бұрын
2:11:06 How does itemInCart +=1 change quanitiy in items array?
@merlinwarage2 жыл бұрын
The cart.next() updates the subject.
@ashiktm56312 жыл бұрын
@@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?
@alexandrudabija1337 Жыл бұрын
@@ashiktm5631 and i have the same question
@arunshankark9857 Жыл бұрын
Hi ItemInCart + = 1 means ItemInCart = ItemInCart + 1
@burhaanhassan5498 Жыл бұрын
Angular is gonna outdate near future
@system637910 ай бұрын
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.
@kingstonic3504 Жыл бұрын
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?
@zeuz396111 ай бұрын
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
@makskrywionek166211 ай бұрын
@@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
@CodeF41610 ай бұрын
@@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.
@Errormakesmarter5 күн бұрын
Which version of angular is this
@ecofirewall667611 ай бұрын
very good monologue try in radio but forgive students and forget teaching
@eleonora3139 Жыл бұрын
It cannot install agular cli version 14.0.0 at the beginning. It always installs 16.2.0
@atanughosh29592 жыл бұрын
Good
@CodewithSloba2 жыл бұрын
Thank you
@tamilselvan15211 ай бұрын
Whenever I refresh the page, the cart gets empty what do I need to do to retain the same
@roysonsalis49152 жыл бұрын
Can we use online code editors?
@CodewithSloba2 жыл бұрын
Of course
@vusimashaba3417 Жыл бұрын
which stylesheet did u choose in the cmd?
@jessicaterryberry Жыл бұрын
you can choose the default version css
@Danjames-w4r7 ай бұрын
Which node js version dose this project use?
@sawetnysodziak51927 ай бұрын
14 || 16
@rlosangeleskings2 жыл бұрын
Looking for a Linux Debian base without M$ being used at all...
@fedechiar110 ай бұрын
I can't understand why my header toolbar doesn't center itself with mx-auto
@piyushkumar-jw8eb8 ай бұрын
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; }
@amrashour7285 Жыл бұрын
where is the code , it is in github or something ?
@DiederickvanZyl-u3o Жыл бұрын
Why do people use tailwind?
@puscjom8279 Жыл бұрын
Redirect to checkout is deprecated, you should get session on frontend side.
@hxdsgn43752 жыл бұрын
Nuxt next please
@benothmanbechir7729 Жыл бұрын
do this project work with angular 15 or i need to modify it ?
@catsanddogs635011 ай бұрын
it'll work quite good.
@TheQdfqdsf10 ай бұрын
Someone is hungry at 2:17:20 😅
@shortscut76142 жыл бұрын
1:58:12
@crazcoder42432 жыл бұрын
Git bash should zoom..
@krtirtho2 жыл бұрын
I thought Angular was deprecated
@TayambaMwanza2 жыл бұрын
There's 2 versions "angularjs" is deprecated "angular" is alive and healthy (dumb naming though)
@CodewithSloba2 жыл бұрын
Why would you think so?
@mylenav7 ай бұрын
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: kzbin.info/www/bejne/b6GYi4uLorF-htU I just was able to move on with this project after specifying the material version i was installing.
@mercee99802 жыл бұрын
Please I need source code for a website that checks for serial number. More like product authentication using serial number
@alwaisy Жыл бұрын
why angular? still angular
@Powerdevpodcast Жыл бұрын
Fakestoreapi site is down
@mboe94 Жыл бұрын
damn, app-header showing red line with me, not working
@rroua4374 Жыл бұрын
same
@bangzino Жыл бұрын
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?
@lavkedar4199 Жыл бұрын
hello , i haven't seen the complete video , but we dont , providing in app Module and providedIn : root is basically the same thing
@vitorvono Жыл бұрын
My checkout is not working =(
@Santon-Motho Жыл бұрын
what error is it giving you?
@procode68812 жыл бұрын
People even use Angular now ?
@CodewithSloba2 жыл бұрын
Absolutelly
@merlinwarage2 жыл бұрын
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 :)