Angular Material Tutorial in One Video

Поделиться
HTML-код
  • Опубликовано: 13 дек 2024

Комментарии • 97

  • @ahmetfidan2903
    @ahmetfidan2903 4 года назад +8

    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
      @CodAffection  4 года назад

      Thanks for the time to comment this time stamps.

  • @JianhuaX
    @JianhuaX 4 года назад +9

    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
      @samsung-nu7so 4 года назад +1

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

  • @scottames3587
    @scottames3587 5 лет назад +3

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

  • @ashishchauhan5203
    @ashishchauhan5203 3 года назад

    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.

  • @mohdabdulahad1509
    @mohdabdulahad1509 5 лет назад +2

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

  • @oleersoy6547
    @oleersoy6547 5 лет назад

    This tutorial is absolutely amazing. Thanks so much!!

  • @JiangFu
    @JiangFu 3 года назад

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

  • @brianliu6912
    @brianliu6912 4 года назад

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

    • @souravsingh36
      @souravsingh36 4 года назад

      Is it working all it extra link and component

  • @YudnerParedes
    @YudnerParedes 5 лет назад +1

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

  • @sulaimanahmedz5826
    @sulaimanahmedz5826 5 лет назад +1

    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.

  • @arturomena9916
    @arturomena9916 5 лет назад

    Amazing tutorial. thank you very much!

  • @sanjaynagare746
    @sanjaynagare746 3 года назад

    Thanks .it is very helpful...

  • @pudelosha
    @pudelosha 5 лет назад +2

    Can you make similar tutorial with PrimeNG?

  • @ijazkhan-mq4jy
    @ijazkhan-mq4jy 3 года назад

    Very helpfull thanks

  • @sante4940
    @sante4940 4 года назад

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

  • @mmuthuvel6829
    @mmuthuvel6829 4 года назад

    Awesome. International quality video bro.

  • @flywheel56
    @flywheel56 5 лет назад

    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?

  • @gururajgovind6210
    @gururajgovind6210 5 лет назад

    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?

  • @carlosraul6578
    @carlosraul6578 5 лет назад +1

    absolutely amazing.

  • @jambotijaya1378
    @jambotijaya1378 3 года назад

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

  • @sreenuksr
    @sreenuksr 4 года назад

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

  • @ntloposhadrackmabitsela5199
    @ntloposhadrackmabitsela5199 5 лет назад +1

    Thank You for the great video!!!

  • @Felm84
    @Felm84 5 лет назад +1

    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
      @CodAffection  5 лет назад

      thanks for your wonderful feedback.

    • @tamord
      @tamord 4 года назад

      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

  • @prashantbiradar7896
    @prashantbiradar7896 5 лет назад

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

  • @santhoshprabhunandikolmath8325
    @santhoshprabhunandikolmath8325 5 лет назад

    Super...Sir...Thank u

  • @khanbbs209
    @khanbbs209 5 лет назад +1

    thank you for nice video

  • @ourabisabrine1473
    @ourabisabrine1473 5 лет назад

    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

  • @L0r3nz078
    @L0r3nz078 5 лет назад

    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
      @CodAffection  5 лет назад

      yes, you are correct. thanks for the correction.

  • @veeramuthudotnetveera
    @veeramuthudotnetveera 5 лет назад

    thank you..you did a great job.

  • @lucasmegaloja
    @lucasmegaloja 5 лет назад +2

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

    • @CodAffection
      @CodAffection  5 лет назад +2

      let me check what I can do for that.

  • @alihanfevziev5538
    @alihanfevziev5538 5 лет назад

    @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
    @santhoshkumar7888 4 года назад

    how u install the git and how your are using firebase

  • @darkshadowgks
    @darkshadowgks 5 лет назад

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

  • @vaibhav_naik
    @vaibhav_naik 5 лет назад

    Can we use angular material with angular4 for project?

  • @santhoshkumar7888
    @santhoshkumar7888 4 года назад +1

    make complete tutorial for reactive forms

  • @hassanangular7180
    @hassanangular7180 5 лет назад

    Thank You. It is great very useful.

  • @yashinseijas8796
    @yashinseijas8796 5 лет назад

    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?

  • @TheEntium
    @TheEntium 5 лет назад

    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..

  • @GovindKumar-et1vg
    @GovindKumar-et1vg 5 лет назад

    Good Job 👍

  • @Cotzann
    @Cotzann 4 года назад

    you r great, thank you so much :)

  • @sriram6736
    @sriram6736 3 года назад

    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...

  • @andreas-fefe
    @andreas-fefe 5 лет назад

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

    • @CodAffection
      @CodAffection  5 лет назад +1

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

  • @kevincordell9539
    @kevincordell9539 4 года назад

    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.

  • @adenreleadeyemi6254
    @adenreleadeyemi6254 5 лет назад

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

  • @hbsocialtv7968
    @hbsocialtv7968 5 лет назад +1

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

  • @Amkhavayaphath
    @Amkhavayaphath 5 лет назад

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

  • @senero99
    @senero99 4 года назад

    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
      @andriwicaksonoguitar 4 года назад +1

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

  • @iUmerFarooq
    @iUmerFarooq 5 лет назад

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

    • @CodAffection
      @CodAffection  5 лет назад +1

      thanks for the comment and suggestion for angular tutorial.

    • @iUmerFarooq
      @iUmerFarooq 5 лет назад

      @@CodAffection thanks for reply 😉

  • @BhaveshSinghBhanucsgo
    @BhaveshSinghBhanucsgo 3 года назад

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

  • @hithenLb
    @hithenLb 2 года назад

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

  • @touffahatarki4613
    @touffahatarki4613 3 года назад

    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.

  • @eren00101
    @eren00101 5 лет назад

    Hi.. How it can used with ASP.NET

  • @oleersoy6547
    @oleersoy6547 4 года назад

    "Click on clear. Boom!" :)

  • @santhoshkumar7888
    @santhoshkumar7888 4 года назад

    make complete tutorial for angular also

  • @flaviohenriquepessini8637
    @flaviohenriquepessini8637 5 лет назад

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

    • @CodAffection
      @CodAffection  5 лет назад +1

      thanks for the tip. greatly appreciated.

  • @kumarshanu-me
    @kumarshanu-me 4 года назад

    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
      @CodAffection  4 года назад

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

    • @kumarshanu-me
      @kumarshanu-me 4 года назад

      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.
      Er.kumarshanu@gmail.com

  • @muhammadadil7307
    @muhammadadil7307 5 лет назад

    Plz gide me how to use these with wep api.

  • @shellykapoor7331
    @shellykapoor7331 5 лет назад

    Is this angular 6 or 8?

  • @MZ-uv3sr
    @MZ-uv3sr 4 года назад

    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

  • @yanniskecir8393
    @yanniskecir8393 4 года назад +1

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

  • @quangnvn
    @quangnvn 5 лет назад

    Sorry anyone know Angular Material is free or not? Thanks

  • @rajumangarapu9274
    @rajumangarapu9274 3 года назад

    Nyc video , anyone can share me the latest code.

  • @carlosraul6578
    @carlosraul6578 5 лет назад

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

    • @erickjhormanromero6905
      @erickjhormanromero6905 5 лет назад

      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
      @carlosraul6578 5 лет назад

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

  • @FaizanShaikh-tq1mj
    @FaizanShaikh-tq1mj 3 года назад

    Firebase Mor video bros..

  • @dcoy91
    @dcoy91 5 лет назад

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

  • @isi1044
    @isi1044 3 года назад

    like nails on a chalk board

  • @carlosraul6578
    @carlosraul6578 5 лет назад

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

  • @mohammadmahbubtalukder3824
    @mohammadmahbubtalukder3824 5 лет назад +1

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