Here is a video recommendation: create a rearangeable/drag and dropable list connected to firestore. I assume you would add a position attribute to each document in the collection. Once you habe dragged it somewhere you would have to update the position to the new position in the list and you would also have to update all the other items after this rearanged item. Would be cool to see a tutorial on this.
Hey man! Drag and drop tables are actually alot easier than I expected before having done them. You can pretty much just use the HTML drag & drop API - and it works great with Angular: developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
Hey man - looking like I won't be doing an article specifically on drag & drop in the near future, but I did throw together this example quick: github.com/ZackDeRose/dragging-table Hopefully that helps some!
I am new in angular and had to implement a pagination, I swear to god every single tutorial I see about pagination is using data that doesn't come from a service, and that gave me a lot of headaches, at the end I just had to learn a lot and implemented it by myself, but I truly am mad about this lol.
Mateus Carniatto yup! If you wanna use @angular/material/table, you should be able to just import the material package and find/replace 'cdk' with 'mat'
Damn guys, always excellent tutorials, but i also have to say that those amazing effects, the background music, awesome edit! Btw, i know it's not related to this video, but can you make a video about implementing algolia on ionic? i try to implement it on it, but is not exactly the same like angular.
Hi, awesome, Im gonna use this, with a real time sales system that I'm building, you should do one using the stepper that is very usefull too!! thanks BTW..
Very interesting! Im currently also wondering what style library I should use for a italian restaurant website. The look&feed of angular material does not fit to the project and it is not easily customizable. So atm Im using Bootstrap 4. Would you use Bootstrap too or would you maybe even write your own styling? I´m pretty bad at CSS so this is not the best option for me. Thanks for the great Tutorials btw!
It depends on what you need the website to do. If it's just displaying information, then Angular is overkill. You'd probably want to use a CMS like Wordpress with a premade template. Angular would be more suitable if you needed a highly customized ordering process that a template cannot handle.
Well It should not only a Website to display some things I want to implement some features like reservation and I want to create apps from it. Also I do it mainly to learn Angular
Hey, once again really nice tutorial, you should definitely look into doing a tutorial on Branch.io with deep linking/dynamic linking and Firebase. For an example, when sharing a post to friends on your app. If you catch my drift...
Dear sir i make an app in a website and link with firebase.. when user register so its show in the data.. the data feild show me the register in which there is the register user and there is a balance in which there is a balance of all the users which update when user works in app... So what happen with me.. someone hack my firbase and delete all of my database data which is save on the name of register. And also delet balance data.. So pleasea help me what rules can i use for this... please help me with this..
"I'm going to go pretty slow through this first section.........single source of truth for variables in observables mapped to a dictionary that changes over time buzzword buzzword"
This were the good videos, the intro is cool the music nostalgic. Love it
Wow! I've never though you can just use the CDK and paste a style to the component and boom! You've got a perfectly styled table. Best
This guy is an Angular Guru XD
Haha, that's what happens when you make an Angular video every week for over a year :)
You are in another level bro. Thanks for sharing.
Here is a video recommendation: create a rearangeable/drag and dropable list connected to firestore. I assume you would add a position attribute to each document in the collection. Once you habe dragged it somewhere you would have to update the position to the new position in the list and you would also have to update all the other items after this rearanged item. Would be cool to see a tutorial on this.
Hey man! Drag and drop tables are actually alot easier than I expected before having done them. You can pretty much just use the HTML drag & drop API - and it works great with Angular: developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
& I'll definitely consider writing a new medium article on that topic as well!
Zack DeRose cool I will have a look at it. Thank you! Also please notify me if you have written that blog post.
Hey man - looking like I won't be doing an article specifically on drag & drop in the near future, but I did throw together this example quick: github.com/ZackDeRose/dragging-table
Hopefully that helps some!
I am new in angular and had to implement a pagination, I swear to god every single tutorial I see about pagination is using data that doesn't come from a service, and that gave me a lot of headaches, at the end I just had to learn a lot and implemented it by myself, but I truly am mad about this lol.
Thank you for such free Awesome contents..
❤❤
Thanks for watching Mohammad :)
I hope one day I'll be as good as you! Wish me luck!
Good luck, you will. I'm nobody special, just spent many hours writing code.
Fantastic
I think you can do this using the regular table in version 6.3 of Angular Material
Mateus Carniatto yup! If you wanna use @angular/material/table, you should be able to just import the material package and find/replace 'cdk' with 'mat'
Yeah the regular version comes with pagination, sorting and filtering so no need to add extra packages
Great! Thank you very much!
Thank you for your effort ... one more thing are you using VSCODE if so what packages you have installed ... regards
Damn guys, always excellent tutorials, but i also have to say that those amazing effects, the background music, awesome edit!
Btw, i know it's not related to this video, but can you make a video about implementing algolia on ionic? i try to implement it on it, but is not exactly the same like angular.
Yes, will probably have a good amount of Ionic 4 stuff in the future. That would be a good one.
Awesome this is cool...
Thanks, glad you liked it :)
Hi, awesome, Im gonna use this, with a real time sales system that I'm building, you should do one using the stepper that is very usefull too!! thanks BTW..
The CDK is great, I will definitely cover more topics like a stepper in the future.
Very interesting! Im currently also wondering what style library I should use for a italian restaurant website. The look&feed of angular material does not fit to the project and it is not easily customizable. So atm Im using Bootstrap 4. Would you use Bootstrap too or would you maybe even write your own styling? I´m pretty bad at CSS so this is not the best option for me. Thanks for the great Tutorials btw!
It depends on what you need the website to do. If it's just displaying information, then Angular is overkill. You'd probably want to use a CMS like Wordpress with a premade template. Angular would be more suitable if you needed a highly customized ordering process that a template cannot handle.
Well It should not only a Website to display some things I want to implement some features like reservation and I want to create apps from it. Also I do it mainly to learn Angular
Can you use this CDK table to create something as sophisticated as an editable grid? Or is this going to be a read-only table only?
I realised that i knew only a drop in rxjs observables. BTW is there any docs where i get improve my understandings on observables.
Hey, once again really nice tutorial, you should definitely look into doing a tutorial on Branch.io with deep linking/dynamic linking and Firebase. For an example, when sharing a post to friends on your app. If you catch my drift...
Hi, i have a question, if you can help me, how can i replace for async data from json in the columns? thanks
Hey, maybe I can find an info about your idea, and installed plugins?) tnx
Do you use react as well for your client projects????
I have in the past, but not so much recently. Most client projects are now Angular (and some Vue).
both bootstrap and ng-bootstrap?
I hate Angular, but I like that you're so passionate about it
Can any one explain the difference in mat-table and cdk-table.
Dear sir i make an app in a website and link with firebase.. when user register so its show in the data.. the data feild show me the register in which there is the register user and there is a balance in which there is a balance of all the users which update when user works in app...
So what happen with me.. someone hack my firbase and delete all of my database data which is save on the name of register. And also delet balance data..
So pleasea help me what rules can i use for this... please help me with this..
Does anyone have an idea how can we implement this on server side?
Nice one !! Thanks Jeff!
(you still are addicted to lodash though :-p)
Haha, me and everybody else. It's the most downloaded NPM package of all time :)
**cough** Array,reduce() **cough, cough** :-P
"I'm going to go pretty slow through this first section.........single source of truth for variables in observables mapped to a dictionary that changes over time buzzword buzzword"
Hi, (inner join) example firebase! =)
where can i get the source code for this ?
github.com/ZackDeRose/simple-bootstrap-table github.com/ZackDeRose/searching-sorting-paged-table github.com/ZackDeRose/simple-table
^ there ya go!