Angular Material Introduction & Setup
Вставка
- Опубліковано 9 тра 2018
- Angular Material allows you to create beautiful Angular apps which incorporate the Google Material design spec. And it's not just about the styling: Angular Material offers a rich suite of pre-built Angular components for you to choose from.
----------
Build a complete Angular App with Angular Material, Angularfire, NgRx & More: www.udemy.com/angular-full-ap...
Further Resources (incl. Link to Code): www.academind.com/learn/angul...
Want to learn something totally different? Check out all other courses: academind.com/learn/our-courses
----------
• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.( / academindchannel )
• Or visit our Website (www.academind.com) and subscribe to our newsletter!
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice! - Наука та технологія
Been waiting for this series for a while.
Thanks Academind team!
Please keep them coming!
So cool to read that the series came at the right point in time Raffaella, thank you for your comment! The next part will be released on Monday :)
You are a great teacher, kept me glued and interested throughout the video and I learnt as well.
thank Max, hope for series of Angular 6 with PWA (material design) :)
Nice max. Love to watch your videos. Things are by default complicated and you make it easier to understand. Will keep watching series.
So great to read that the videos help to make things a bit easier, thank you so much for sharing this Santosh :)
Thanks for very useful and up to date information! Awesome again!!!
Awesome to read that you like the video, thank you so much for your comment!
Looking forward to this series - also very interested in Angular and PWAs!
Awesome to have you on board of the series Mark!
Thaknyou so much!! I really like how the way u explain everything.
Great as always :)
Max, I just liked your video before even start watching it )))
Great video. Looking forward to the next one.
Awesome to read that you like it Sam, the next video will be released on Monday!
Thanks maximilian, Great Job as always.
So cool to read that Ayoub, thank you very much for your comment!
Outstanding video! Thank you!
Thank YOU for your outstanding feedback :)
Hi Maximillian! How do you make the prebuilt theme work with sass? I am trying the same approach you explain in this video but angular seems to ignore the 'deeppurple-amber' theme and friends, and I guess is sass itself that breaks it :/
Outstanding videos 🙂
udemy course sold hahaha - you are one of the best teachers
Thanks so much for your support and for your awesome feedback Gary! Great to have you on board of the course, I really hope that you will enjoy it :)
Nice work
Great video, thanks!
Awesome to read that Paulo, thank you for your comment!
hey Max,
can we include material design bootstrap for angular and angular material in the same project ?...
will it create any issue ?
hi max ... for the cdkdrag can i specify/restrict the area/border around which a div can be dragged
thank you 7:30 i thought icons was going to be installed separately ... but you showed us its included in the main angular-material package
Thanks for sharing the latest updates
Always happy to help Tabrez, thank you for your support!
In angular 8 you now also have to export the module like so:
@NgModule({
imports: [MatButtonModule],
exports: [MatButtonModule]
})
Good content !
Hey Max, I was wondering if u could give an overview of Polymer 3.o
Is it okay if I want to use just one module from angular material? Will my project size increase with just the one module that I added or will the entire angular material library size be added to my project size?
thanks for video, but i have Angular CLI v6.0.8 and npm v5.6.0 and command 'ng add @angular/material' get "Installing packages for tooling via npm.
Cannot read property 'startTag' of undefined" ERROR on macOS, Windows and Debian the same error
Thanks. Great!
Very happy to read that, thank you!
Great maxi,
Thanks for the nice feedback + suggestion!
Thanks Max...Happy Teachers Day _/\_
Thank you Vignesh :)
Thank you max..
Thank YOU for your comment Vivek!
Hey Max,
Please make a video on Angular Material CDK Tree...right now there is no proper tutorial or documentation on that.
We Really need it.
ng add @angular/material command is giving an error : Schematics/alias "install" collides with another alias or schematic name.
Max, I asked this on Udemy but thought about asking here since you have a lot of students on here as well. Have you ever thought about doing a series on DOTNET and Angular?
I have no plans to create such a course in the near future, sorry.
can you help me ..
I am confused which is more better when building angular app bootstrap or angular material ..I hope to help me
how can i solve this error -Your project is not using the default configuration for build and test. The Angular Material schematics can only be used with the default configuration
im getting error when "ng add @angular/material".. error say " Schematics/alias "materialNav" collides with another alias or schematic name. "
im using angularcli = 6.0.0
can you help me? please
Could you tell me difference between Mat & CDK. why we use cdk?
How do we create responsive design for our app with Material Design
Thanks!
Thank you for your support George!
thanks a lot you are AWSOME
Thank YOU so much! I'm glad you're liking it!
core.js:636 Uncaught Error: Angular JIT compilation failed: '@angular/compiler' not loaded!
- JIT compilation is discouraged for production use-cases! Consider AOT mode instead.
- Did you bootstrap using '@angular/platform-browser-dynamic' or '@angular/platform-server'?
- Alternatively provide the compiler with 'import "@angular/compiler";' before bootstrapping.
I have this error in my project when I want to use material ! Angular-cli version 9. has anyone any idea?
Please continue..
Please do some app like shopping cart with sidemenu in latest MERNSTACK and material
Hey max have done your angular course and watch your rest API with express still I struggle with Mean stack application.. any suggestions?
I guess my MEAN stack course should be helpful :) => www.udemy.com/angular-2-and-nodejs-the-practical-guide/?couponCode=ACAD_M
Hello , I have a problem I wish you could help me with when I try to generate a dashboard using :
ng generate @angular/material:dashboard dashboard ,
I ran into this error : An unhandled exception occurred: Cannot find module 'tsutils'
I have been looking for solution but I could not solve it can you please help me
Sir I am a big fan of your,you are awesome.Nowdays each website or app is developed with accessibility feature,so please requesting you if you could upload a tutorial on that and how we maintain that with html5,css and jsThank you so kuch great tutorial.
Definitely an important + interesting topic. I might create some content on that. Thanks for the suggestion!
Academind Thank you sir
Thanks for everything! I'm trying to learn Lavavel and love your videos. Can you make a course on Laravel and vuejs? (For beginners) Thanks.
Thanks for your very nice feedback and the suggestion. It's something I'm playing around with in my head. I just got too many ideas/ projects I want to do ;)
Academind I don't blame you.
if there are more likes then i like it millions of time from pakistan
i also take your udemy course too much helpful
Thanks a lot for your awesome support here and on Udemy Muhmmad!
@@academind thanks
U gr8 Thnx
Hey Max! Liken you videos so far but I have to point something out that you aren't correct about. Boostrap's scaffolding system and now (d-flex) is the most powerful aspect and primary reason to use. You said something about Boostrap just being classes that include style....and the core is on styling. Wrong the core for me is the scaffolding, screen-reader, mobile first capabilities, and the styling.
Max, how did you got so good at English? How did you managed to develop your vocabulary so much?
There is nothing specific about it to be honest, it probably evolved from school over university up to creating (English) video tutorials :)
This is my error message. I have been on this for almost two days
"The add command requires to be run in an Angular project, but a project definition could not be found."
Please help
You are great :-)
YOU are great Shadi, thank you for your comment!
Please take a look at MDBOOTSTRAP website for material frameworks. That are awesome.
Please specify the version of angularjs and angular material used in this training in the video description
Important: I'm not using AngularJS (which is basically Angular 1) but Angular 6 in the videos - you can also see the versions used here: ua-cam.com/video/u679SQsfRVM/v-deo.html&lc=Ugzim7KNcDkF5L1ZEXB4AaABAg&t=6m52s
Okay. Thank you
hi sir, please make videos on angular 6
You can find a lot of Angular videos on our website: academind.com/learn/angular
can you make any project using angular along with laravel ???
No plans to create such a project in the near future, sorry :/
Sorry anyone know Angular Material is free or not? Thanks
Guys seems to be speaking at normal speed at 1.5x playback speed
Importing every component as a module tells how much angular or maybe angular-materials design is bad. you just import and use it in material ui for react. this is how much u have to write for the use cases of an app gist.github.com/pimatco/d5b1891feb90b60ca4681011b6513873 really bad I think
waste 5:00 minutes
Hey Max, I was wondering if u could give an overview of Polymer 3.o