Angular Material Tutorial in One Video

[@ahmetfidan2903]

Shameer, Thanks for your All Effort! You are teaching very well! For the info others--> 00:00-08:50 Generate project and components 08:50 Toolbar 13:30 ReactiveForm until 36:00 17:15 GridList 19:00 MatFormField,MatInput 22:30 Radio button 24:00 Select 26:00 DatePicker 27:40 Checkbox 29:00 Button 30:30 Validations Form until 37:00 32:10 materror 36:00 reset form 37:00 Form submit crud to firebase until 55:30 56:00 SnackBar popup 01:01:40 Datatable 01:38:10 Pop-up 01:58:15 customize pop-up

[@CodAffection]

Thanks for the time to comment this time stamps.

[@ashishchauhan5203]

You have mastered the ability of pretending to teach but not actually letting anybody know a thing about what you are teaching so it look some high level shit. Great, a new coder would never know what just happened. Ninja technique.

[@JianhuaX]

Breaking changes: Components can no longer be imported through “@angular/material. Use the individual secondary entry-points, such as @angular/material/button. I am using Angular Material v9.2.

[@samsung-nu7so]

hey do u have source code of this CRUD application as i m facing issue in firebase

[@scottames3587]

Outstanding. I tried this myself and your tutorial was excellent. Thank you.

[@JiangFu]

i learn class from your .net core api and angular to build my web , thank you so much !!!

[@brianliu6912]

This is excellent tutorial, really amazing! I followed it on Angular 10. Thank you so much!

[@souravsingh36]

Is it working all it extra link and component

[@mohdabdulahad1509]

Waiting for this from long thank you very much for making videos.i appreciate u for ur hard work

[@Felm84]

Thank you for this tutorial, I've been using razor pages from asp.net mvc, but it's way better develop an API and then an UI with Angular. Very good tutorials from you channel, thank you.

[@CodAffection]

thanks for your wonderful feedback.

[@tamord]

asp.net razor is way older than angular I don't think asp.net razor can compete with angular the web api should be asp.net yet the client should be angular

[@YudnerParedes]

Hi, what version of Angular do you use in this project? Thanks for the videos, they are a great help.

[@oleersoy6547]

This tutorial is absolutely amazing. Thanks so much!!

[@jambotijaya1378]

It is a very good video for the angular material thank you

[@CodAffection]

Glad you think so!

[@flywheel56]

Thanks for keeping your tutorials up to date with the latest releases of Angular. The resources you provide have been very helpful. I'm also eager to know if the smart and elegant VSCode theme you used in this video is available as a named extension?

[@CodAffection]

NightOwl I think.

[@sulaimanahmedz5826]

Hi shamseer really good work by combining the videos of angular material really appreciate it. Can you also make a video to download an image/files on the client side.

[@sanjaynagare746]

Thanks .it is very helpful...

[@gururajgovind6210]

Thanks, this is very useful. i am not able to validate the form field for ng-select with material theming, could you please post the code snippet?

[@sreenuksr]

Nice compiled video. can we have this project available in the git repository?. thank you!

[@mmuthuvel6829]

Awesome. International quality video bro.

[@sante4940]

absolutely outstanding, keep up the good work. thanks :)

[@ijazkhan-mq4jy]

Very helpfull thanks

[@arturomena9916]

Amazing tutorial. thank you very much!

[@santhoshkumar7888]

make complete tutorial for reactive forms

[@pudelosha]

Can you make similar tutorial with PrimeNG?

[@touffahatarki4613]

Mr, Thanks a lot. Your tutorial is so very usefull. However, you don´t explain how to manupulate date don’t appair in a record firebase.

[@BhaveshSinghBhanucsgo]

Thanks a lot brother completed it .. I am your frequent watcher !! viewer whatever xd

[@santhoshkumar7888]

make complete tutorial for angular also

[@darkshadowgks]

can do a video series using angular and nativescript to create both web and mobile by using code sharing?

[@ntloposhadrackmabitsela5199]

Thank You for the great video!!!

[@carlosraul6578]

absolutely amazing.

[@TheEntium]

Your angular material videos help me alot brother really appreciate your hard work .. thanks.. can you make some videos on ngrx .. or some dedicated videos on css coz your css skills are good tho..

[@prashantbiradar7896]

Great man...!!! Multiple kudos....!

[@CodAffection]

thanks for the comment.

[@santhoshprabhunandikolmath8325]

Super...Sir...Thank u

[@hbsocialtv7968]

thanks for your work please can u make a tutorial about how to upload images using Angular, expressjs, nodejs and mongoDB please

[@CodAffection]

thanks for the suggestion.

[@khanbbs209]

thank you for nice video

[@hassanangular7180]

Thank You. It is great very useful.

[@veeramuthudotnetveera]

thank you..you did a great job.

[@L0r3nz078]

Thanks for the video. I've one questions: why you are providing services into the providers array property of AppModule if you are using providedIn: 'root' ? You already have your service in the root injector, you don't need to add twice, or I miss something else? Thanks

[@CodAffection]

yes, you are correct. thanks for the correction.

[@Amkhavayaphath]

Useful video. That would be great if you can reproduce the same video with Laravel API...resorces

[@iUmerFarooq]

Awesome Clear voice and start to make a complete website using Angular 8??

[@CodAffection]

thanks for the comment and suggestion for angular tutorial.

[@iUmerFarooq]

@@CodAffection thanks for reply 😉

[@kevincordell9539]

How about a video on using Chart.js or D3.js for charts and dashboard and a pdf program for generating PDF reports in Angular.

[@CodAffection]

thanks for the suggestion.

[@Cotzann]

you r great, thank you so much :)

[@senero99]

Thank you for taking time to share this tutorial, this tutourial has been awesome, though I'm new to Angular but I have an error (RROR TypeError: Cannot read property 'name' of undefined at DepartmentService.getDepartmentName (department.service.ts:34) at employee-list.component.ts:28) here ( getDepartmentName($key) if ... else{ return _.find(this.array, (obj) => {return obj.$key == $key; })['name']; }), please help out I'm using Angular 9 and Typescript 3.8.3. Thanks

[@andriwicaksonoguitar]

Go to your firebase console and change the department in the employees list to be the same with departments key ('abc1', 'abc2'...)

[@flaviohenriquepessini8637]

>ng new NameOfProject --skip-tests --skip-git to ignore all ".spec.ts" files creation and Git

[@CodAffection]

thanks for the tip. greatly appreciated.

[@adenreleadeyemi6254]

Please can you help on how to count record in angular firebase realtime?

[@kumarshanu-me]

Thanks for this vedio this vedio solved my verious doubt's but i want to use mongodb database with my rest api so it's very helpful for my project please help me.

[@CodAffection]

let me know if you've any anguar / angular material topic to be discussed.

[@kumarshanu-me]

Thanks for reply i don't expect that Actually i want to create a dashboard in angular and this contain role management permission admin and user based but i did not how to manage Please help me Can we talk another where i put down my mail please help me it's my final year project. [e-mail]

[@vaibhav_naik]

Can we use angular material with angular4 for project?

[@oleersoy6547]

"Click on clear. Boom!" :)

[@GovindKumar-et1vg]

Good Job 👍

[@lucasmegaloja]

How it can used with ASP.NET or Core API?

[@CodAffection]

let me check what I can do for that.

[@alihanfevziev5538]

@CodAffection isn't it bad to place so much html in 1 page. Wouldn't it beter if u made multiple components who control different parts of the code? Or am I wrong

[@santhoshkumar7888]

how u install the git and how your are using firebase

[@yashinseijas8796]

Mr, Thanks a lot. Your tutorial is so very usefull. However, you don´t explain how refresh the datatable list after update, add or delete a record. I did the following: this.dialog.afterAllClosed.subscribe( res => this.refresh(), ); refresh() function calls the method that get all the records from the api rest. It works, but it does it refreshing all the table again, and it is a litle ugly. I searched help in te web, but I can´t find a way to do this ( at least not with the MatTableDataSource class. With a HTML table thats works with an array, I could do it). Please could you help me?

[@andreas-fefe]

hello sir i would like to know how you do to generate the project structure before pasting in the application_structure.txt file

[@CodAffection]

I manually typed that, and pasted into the text file.

[@sriram6736]

As per tutorial instruction created firebase database and trying to fetch list from that but in this response it showing as [object object] Please do let me know...

[@ourabisabrine1473]

Bonjour s'il vous plait j'ai deja suivre la video de crud avec angular 7 et web api mais la modification de la liste ça marche pas, si vous pouvez m'aidez s'il vous plait, a part ça merci bien

[@hithenLb]

Having an error at service.form? How can i solve this ? Help me

[@eren00101]

Hi.. How it can used with ASP.NET

[@muhammadadil7307]

Plz gide me how to use these with wep api.

[@CodAffection]

I'll try.

[@MZ-uv3sr]

Where I am Cod is a type of fish, and so I got a giggle out of the site name. Probably code was taken already

[@dcoy91]

no entiendo una mierda tu idioma, pero buen video, toma tu like pequeño camicaz en potencia :)

[@erickjhormanromero6905]

Ignorante aprende ingles yo si le entiendo jajajajaja

[@shellykapoor7331]

Is this angular 6 or 8?

[@rajumangarapu9274]

Nyc video , anyone can share me the latest code.

[@carlosraul6578]

ERROR Error: Must supply a value for form control with name: 'hireDate'.

[@erickjhormanromero6905]

Hey i hope you're good. I had the same issue and i solved it putting the input hidden with any and that's it so you've already aded the directive matInput to all

[@carlosraul6578]

@@erickjhormanromero6905 thanks a lot, I will try at night , after work. speak spanish ?

[@FaizanShaikh-tq1mj]

Firebase Mor video bros..

[@quangnvn]

Sorry anyone know Angular Material is free or not? Thanks

[@CodAffection]

yes it is.

[@isi1044]

like nails on a chalk board

[@yanniskecir8393]

ERROR Error: formGroup expects a FormGroup instance. Please pass one in.

[@carlosraul6578]

return _.find(this.array, (obj:any) => {return obj.$key == $key})['code'];

[@carlosraul6578]

at : department.service.ts

[@mohammadmahbubtalukder3824]

good !! but want to small part by part tutorial..long video a little bit boring for learning...