No video

Angular Material Tutorial | Mosh

  Рет қаралды 263,564

Programming with Mosh

Programming with Mosh

Күн бұрын

Пікірлер: 105
@shrikantraut3864
@shrikantraut3864 7 жыл бұрын
Sounds silly but leaving it here. In case you get an error after using _FormsModule_ at 27:46, make sure you import it by *import { FormsModule } from '@angular/forms';* My man Mosh accidentally skipped this.
@bilalafridi5326
@bilalafridi5326 6 жыл бұрын
Programming with Mosh > I thot you skip this intentionally so people get used to with error handling and do a bit of research. Noticed this in other Tuts also Waiting for your full tuts on angular. Thanks for your awesome explanation and hard work
@systemengineer7131
@systemengineer7131 6 жыл бұрын
You can fix it at links www.npmjs.com/package/angular-material-prefix-updater
@PG1131
@PG1131 6 жыл бұрын
Thank you for that! Very helpful of you to point to point that out :)
@goddardpk
@goddardpk 3 жыл бұрын
Mosh, you did it again! Thanks for putting together such a well composed instructional video.
@syedmuhammadaliraza3069
@syedmuhammadaliraza3069 3 жыл бұрын
love u mosh even its outdated i took ur course for React and i love it even it was outDated Too.....but love the way u teach
@premiuminstituteofexcellen9035
@premiuminstituteofexcellen9035 Жыл бұрын
Your videos are very informative but you need to review this exercise as many things have actually changed now. Like instead of it is etc.
@berniegollwitzer.comllc169
@berniegollwitzer.comllc169 6 жыл бұрын
Nice approach you use! I've watched many Angular Material tutorials and your approach is very easy to follow, with your good simple explanations. Great work - thanks!
@avikshisagar
@avikshisagar 4 жыл бұрын
Mr. Mosh, Lots of love from india. 🙏
@adilakshmijupudi9926
@adilakshmijupudi9926 2 жыл бұрын
Thanks,Mosh.
@ricardosantossouza1421
@ricardosantossouza1421 6 жыл бұрын
Mosh if one day you come to São Paulo call me ill pay you a beer, you helped me so much with your angular courses in udemy and in youtube kkkkkk
@arbazkhan-od9sk
@arbazkhan-od9sk 5 жыл бұрын
step by step no confusion awsome
@dr.faithadhiambo254
@dr.faithadhiambo254 5 ай бұрын
Thanks much Mosh
@nithinbabu8918
@nithinbabu8918 6 жыл бұрын
Hi Mosh I am surprised with your training sections you have a good understanding to explain please guide on Angular 4 as i am completely beginner in angular 4...
@dezinesathya
@dezinesathya 6 жыл бұрын
Hey Mosh, thanks for the tutorials. Your way of explaining is very clear and easily understandable.
@tsn1983dk
@tsn1983dk 6 жыл бұрын
Thanks for the tutorials. They're very well made and easy to follow, and you're doing a great job explaining.
@SofianMW
@SofianMW 5 жыл бұрын
the new selector is mat-checkbox, thanks Mosh
@rishabhsharma775
@rishabhsharma775 3 жыл бұрын
Its now mat-checkbox instead of md-checkbox. And import path of checkbox madule also got change.
@josephmbote1853
@josephmbote1853 4 жыл бұрын
Amazing introduction to Angular Material , Always enjoy and love your tutorials
@parkernilson8262
@parkernilson8262 5 жыл бұрын
These videos are really well produced! Thank you!
@danpride2804
@danpride2804 5 жыл бұрын
Loved the double command d, been missing that one for years !
@MuhammedTausif
@MuhammedTausif 6 жыл бұрын
Clear and Concise... So, Nice as Always...
@haroldllames4101
@haroldllames4101 7 жыл бұрын
On what part can I watch the technique on how to refactor code as you mention in 21:37 . thanks. nice tutorial
@jayantakarmakar6528
@jayantakarmakar6528 5 жыл бұрын
really easy and helpful...thanks mosh....keep it up
@gururajmoger8649
@gururajmoger8649 7 жыл бұрын
Good job.Please upload with playlist.And please do a sample project like e-commerce with nodejs and Angular4.Thanks in advance.
@lyricsentertainment7445
@lyricsentertainment7445 4 жыл бұрын
Please share how to customize the paginator label with next page, previous page ...
@omarbenazza
@omarbenazza 5 жыл бұрын
i stoped watching the video when i saw 'if you enjoy this video,please like and subscribe' to press like,,thank you so much
@kamransaeb1134
@kamransaeb1134 6 жыл бұрын
Thanks for the effort, It was very a great Intro.
@harsimrankaur7076
@harsimrankaur7076 2 жыл бұрын
hey , is it better to use enum rather than array with id and value ?
@hosseinmoosavi2778
@hosseinmoosavi2778 4 жыл бұрын
Very nice course
@TheUltimateTrainJourney
@TheUltimateTrainJourney 4 жыл бұрын
always enjoy your videos but cant see next angular material with more component as suggested video
@souravvibes001
@souravvibes001 2 жыл бұрын
thank yo sir,but some of the code or import coming error as now all are new code
@ashishkumarmistri7849
@ashishkumarmistri7849 6 жыл бұрын
Perfect explanation.... Keep it up.. Thanks
@KingValvados
@KingValvados 7 жыл бұрын
Great video, as always. Was mainly hoping for some modal and dialogue examples, though.
@KingValvados
@KingValvados 7 жыл бұрын
Ah, never mind. I found it in your complete course, which I've already purchased.
@atiarrahman3094
@atiarrahman3094 5 жыл бұрын
Is there any full version of Angular Materials by Mosh?
@juliandavid3883
@juliandavid3883 6 жыл бұрын
Great video, thank you so much for your content.
@junehanabi1756
@junehanabi1756 6 жыл бұрын
I use other ui frameworks real easy in my Anglular app, they're designed to be added to the index.html, so I add it to the index.html and use accordingly. I don't do anything fancy by converting from angular style to their style and back with custom directives or custom logic or by using another 3rd party component that does that for me. It's not what they're designed for and your just asking for more issues. If you want to use a general UI framework then use it how it's designed and intended to be used which is very often loaded in the index.html, referenced globally in scripts (If the UI framework has scripts), and referenced globally in templates. If you don't like anything global then don't use any general UI framework but it's not that it's hard to do in Angular, it's just not designed for the Angular workflow and style of coding and so you have to mix - which is super easy, it's just some don't like it, all up to you.
@diwakarprasad1744
@diwakarprasad1744 6 жыл бұрын
kindly supply a tutorial for routing in angular Jis materials
@mavvdeus
@mavvdeus 3 жыл бұрын
Where do you talk about theming? It was listed in your Agenda... :(
@kohmy2036
@kohmy2036 5 жыл бұрын
...and seems to be replaced by
@MZ-uv3sr
@MZ-uv3sr 3 жыл бұрын
Need to learn Material, Yeah! Mosh has one. But...3 years ago...is this all still accurate? Mosh do you have a newer version somewhere?
@JimboJones007
@JimboJones007 5 жыл бұрын
Hi Mosh. I need to build a material menu from entries in a database. I can't seem to find any good examples on doing this and the API really doesn't have much. Any suggestions? Thanks!
@manibhushanmishra4885
@manibhushanmishra4885 5 жыл бұрын
Hi Mosh, Great tutorial. how to make material select box with full width ? Please help . this select box is not taking width in percentage.
@manibhushanmishra4885
@manibhushanmishra4885 5 жыл бұрын
Done Mosh, I have found the solution in documentation
@lalitbansal4817
@lalitbansal4817 6 жыл бұрын
Hey, can you please make a video on how to upload images/files with JSON data in the same request using angular. Thanks
@y031962
@y031962 6 жыл бұрын
Hi Mosh, I really enjoyed watching this video. Colleague of mine told me I can get subscription to all your courses for a year at a discount price of $59. Where do I need to go to sign up? thanks again for this tutorial.
@ramsp35
@ramsp35 3 жыл бұрын
I tried the Mat with Angular 9 with the same set ot steps explained in this lecture. I don't get any element displayed on the screen (not even mat-divider), though it doesn't throw any error. Dont know how to proceed from here. Any hints would be of a great help. I indeed tried everything like deleting the node_modules and reinstalled, restarting the server, restarting vscode, etc.
@anilrai8194
@anilrai8194 4 жыл бұрын
Hey Mosh, thanks for this video, just one thing is can we implement all features in an angular material data table like Dynamic Column Selection, Sorting, Pagination, Column level Filtering, Reordering of Columns, Resizing of Columns, please help me
@lakshminarayanaakkipalli1022
@lakshminarayanaakkipalli1022 3 жыл бұрын
Will u plzz tell how to call autocomplete service without using angular material...🙏🙏
@donnacampbell9187
@donnacampbell9187 5 жыл бұрын
Wonderful! Really helpful!
@swedhaselvaraj419
@swedhaselvaraj419 5 жыл бұрын
hi...how to do autocomplete search in order to search the data from my db
@jgrg3000
@jgrg3000 6 жыл бұрын
Thanks for the tutorials. Can you recommend some library for use wysiwyg in angular?
@theillyri8339
@theillyri8339 5 жыл бұрын
The mat checkbox didn't work for me . I had to write ( import {MatCheckboxModule} from '@angular/material/checkbox'; ) and
@jdk0
@jdk0 6 жыл бұрын
Angular Material or PrimeNg which one is better to use.
@ramthenmala
@ramthenmala 7 жыл бұрын
great video. is there a scss version for the angular material?
@wahidmasud5772
@wahidmasud5772 4 жыл бұрын
when i use all those material modules, it automatically inserts their corresponding css files after the main styles.css. as a result some of my css rules in the styles.css become inactive because of specificity. for example, i put a custom css for mat-card-title in my styles.css. but it isn't working since MatCardModule automatically inserts its own css after style.css
@MuhammedTausif
@MuhammedTausif 6 жыл бұрын
'md-' directive prefix is deprecated and new one is 'mat-'.
@geekgamer3686
@geekgamer3686 5 жыл бұрын
I wana use my own colors on my project needs,, but angular material is offering only 4 material color varients if i change this color in Componant scss file the color is not reflecting in the UI,, can you please help sir how can i include my new colors,, on the checkbox and radioselections and for forms
@vaibhavpatil9863
@vaibhavpatil9863 6 жыл бұрын
It's awesome Thank you
@ashwinikumarupadhyay1734
@ashwinikumarupadhyay1734 2 жыл бұрын
Hi mosh, i.want to join this course, but this is angular 4 tutorial, do you have updated tutorial for angula 10+ or I can enroll in this tutorial. Please suggest me the tutorial to become front end expert developer so I will join all the required tutorial as I am week in front end design and development...I mostly work on back end.
@kiambojyms2196
@kiambojyms2196 5 жыл бұрын
Hey Mosh am stuck I have a navigation menu in a parent component but when I press on a link to a child component.. The navigation menu appears in the top of the child. How will I hide the navigation from the child or make it not appear in the child component. Do you have any video tutorial for that in angular 4. Please help. Its urgent.
@onigvd77
@onigvd77 3 жыл бұрын
I did initially like this video but found the differences to the presented material library and the current are just too much to make it work properly. still a good video, but not as useful in 2021.
@laquishacain696
@laquishacain696 3 жыл бұрын
Are you using version 9.2.4 of angular material?
@TheGothicSecret
@TheGothicSecret 3 жыл бұрын
Thank you;)
@saikumarduggana2877
@saikumarduggana2877 6 жыл бұрын
how to on and off spinner and center the loader spinner after json load in ts file
@dhananjaymehrotra1988
@dhananjaymehrotra1988 5 жыл бұрын
How is angular material different from material web component(which provide adapter and foundation)confused? Both are published by google. The material web component has angular-mdc(github.com/trimox/angular-mdc-web) . Please throw some light on this.
@sensabuj
@sensabuj 6 жыл бұрын
in Material design do we need to apply html template row column structure like boot-trap ?
@dhanarajp9358
@dhanarajp9358 6 жыл бұрын
material.angular.io/components/grid-list/overview
@spacebibba8984
@spacebibba8984 6 жыл бұрын
I personally use Bootstrap for its Grid-functionality and Angular Material for design. However AM allows grid-like structures which may be used, but aren't implicitly responsive.
@akhandpratapsingh1527
@akhandpratapsingh1527 6 жыл бұрын
This problem occured -- npm WARN @angular/material@5.0.4 requires a peer of @angular/core@~5.1.1 but none was installed. npm WARN @angular/material@5.0.4 requires a peer of @angular/common@~5.1.1 but none was installed. npm WARN @angular/cdk@5.0.4 requires a peer of @angular/core@~5.1.1 but none was installed. npm WARN @angular/cdk@5.0.4 requires a peer of @angular/common@~5.1.1 but none was installed. npm WARN @angular/animation@4.0.0-beta.8 requires a peer of @angular/core@4.0.0-beta.8 but none was installed.
@pratyushsingh1836
@pratyushsingh1836 6 жыл бұрын
try npm install --save @angular/core@~5.1.1
@yt1234567100
@yt1234567100 6 жыл бұрын
thanks.. I love it.
@poonamarora9244
@poonamarora9244 6 жыл бұрын
which angular version are you using bcoz when i intsall material it gives me lots of errors of peer depencies .so material doesn`t work properly. please help ..............................
@abdulrehman-rt5mz
@abdulrehman-rt5mz 6 жыл бұрын
mean we need to import each component before using it,doesnt it a time wasting stuff?
@kohmy2036
@kohmy2036 5 жыл бұрын
30:38 wow I'm so not used to seeing serif font in material design
@nadeeshagimhana6714
@nadeeshagimhana6714 6 жыл бұрын
thank you..
@syedmuhammadaliraza3069
@syedmuhammadaliraza3069 3 жыл бұрын
OutDated !!!!!!!!😤
@SapumalMoragoda
@SapumalMoragoda 5 жыл бұрын
Thanks bro
@iamvishu591
@iamvishu591 5 жыл бұрын
table also you should have covered
@andrijdejak5776
@andrijdejak5776 5 жыл бұрын
Amazing!
@utpalkantkumar3341
@utpalkantkumar3341 6 жыл бұрын
what is the use of class in HTML .. like
@TikeWeide
@TikeWeide 4 жыл бұрын
assigning styling properties, in the css file you declare what kind of style this element will get. and the way this element is different from other element is by its class
@JCMenon76
@JCMenon76 5 жыл бұрын
Great !
@mariavillanueva9576
@mariavillanueva9576 6 жыл бұрын
man you just uploaded last sep and the jargons are different now, why does angular changes a little over time :(
@dhanarajp9358
@dhanarajp9358 6 жыл бұрын
can any one help how to create sidenav bar with submenu
@lofrantecnologias6234
@lofrantecnologias6234 6 жыл бұрын
upgrade Mad [module] to Mat [module]
@jm-um4st
@jm-um4st 5 жыл бұрын
Your code is out of date. It should be md does not work.
@DilanthaPerera
@DilanthaPerera 6 жыл бұрын
awesome!!!!!
@crazyfish2222
@crazyfish2222 6 жыл бұрын
Thanks, but now need to use MAT once I upgrade...
@einfacherkerl3279
@einfacherkerl3279 5 жыл бұрын
programmer : (noun) an insect that turns caffeine into software!
@valiok9880
@valiok9880 5 жыл бұрын
And food too imho
@hassanelsakndry1279
@hassanelsakndry1279 6 жыл бұрын
how your new projects installed via npm not yern like me ? i'm this command $ ng new myapp
@GermanEmmanuel
@GermanEmmanuel 6 жыл бұрын
To enable NPM for Angular CLI: ng set --global packageManager=npm
@brummie1971
@brummie1971 4 жыл бұрын
so many adverts.
@lokeshjain2008
@lokeshjain2008 7 жыл бұрын
Very silly, No example how to create proper working navigation bar. a very basic but missing from docs and this video.
@RanaUsman-mj6oc
@RanaUsman-mj6oc 6 жыл бұрын
md-checkbox in now mat-checkbox so plz change it because its not working .... so make new video and delete it ... its only timee waste fo peoples
@2wheeledgreco271
@2wheeledgreco271 4 жыл бұрын
well documented? BRUH
@dalbocha
@dalbocha Жыл бұрын
Very outdated !!!
@chrischoir3594
@chrischoir3594 5 жыл бұрын
not a very good tutorial
Angular Animations Tutorial | Mosh
32:59
Programming with Mosh
Рет қаралды 157 М.
Routing and Navigation in Angular | Mosh
24:32
Programming with Mosh
Рет қаралды 284 М.
Son ❤️ #shorts by Leisi Show
00:41
Leisi Show
Рет қаралды 10 МЛН
Harley Quinn's revenge plan!!!#Harley Quinn #joker
00:59
Harley Quinn with the Joker
Рет қаралды 24 МЛН
The Modern Angular Crash Course - 2022
2:04:15
Laith Academy
Рет қаралды 115 М.
Customizing Angular Material just got easier in v18!
14:12
Zoaib Khan
Рет қаралды 10 М.
How to use Angular Material in Angular 17?
56:45
AyyazTech
Рет қаралды 17 М.
Angular Material Introduction & Setup
15:12
Academind
Рет қаралды 116 М.
Directives in Angular Applications
25:13
Programming with Mosh
Рет қаралды 179 М.
TypeScript Tutorial - TypeScript for React - Learn TypeScript
51:33
Programming with Mosh
Рет қаралды 595 М.
Angular Material - Custom Form Field Control [Advanced, 2020, Pt.1]
43:17
Angular Tutorial for Beginners: Learn Angular & TypeScript
2:02:42
Programming with Mosh
Рет қаралды 4,4 МЛН
Deploying Angular Applications | Mosh
27:07
Programming with Mosh
Рет қаралды 125 М.
Son ❤️ #shorts by Leisi Show
00:41
Leisi Show
Рет қаралды 10 МЛН