Angular Material 7 Tutorial

[@javiercalzolari]

Dato: Si estás viendo este tutorial ahora (Junio2020), hubo breaking changes en AM y ya no se puede importar la librería completa directo desde '@angular/material', sino que se debe llamar a cada componente con su respectiva ruta secundaria, como '@angular/material/button'

es lo q mas odio de cualquier framework, sus putadas de cambiar las cosas y q los tutoriales se vuelven obsoletos rápidamente

[@danielsanchezbravo2102]

Buen aporte, pensaba que era error mio. Gracias!

[@godmeep]

@ bro xd es solo un cambio pequeño no cambio nada, puedes seguir utilizando normal el resto de cosas

@@godmeep me ha tocado hacer migraciones de versiones de un framework y es un dolor de cabeza

[@DolyJimenez]

Wow! La mejor explicación y la más puntual que he encontrado, no sólo de angular material sino de cómo funcionan los componentes de angular, saber dónde modificar y demás. Recomendado el video! ❤

[@wjmmk]

no he encontrado Canal alguno que me exponga el panorama tan claro como este, Es lo que por lo general los profesores de una Universidades nunca hacían. Verdaderamente este Canal es una BENDICIÓN.

[@sebastianvergarapineda9296]

Este canal es de lo mejor . Muchas gracias bien hombre.

[@estebanaguirre4550]

Justo comencé un nuevo proyecto y me dio por utilizar Angular Material de lleno; y me encuentro con un nuevo video de parte tuya sobre este tema. Gracias...

[@sergiokipper1121]

Acabo de ver otro vídeo de fatz con angular y material e instalamos paso x paso cada componente ahora veo este video y con ng add @angular/material hizo todo es increíble :) pero sirvió instalar paso a paso para entenderlo se los recomiendo

[@romarioyabar4430]

OMG! Veo que ahora le estas dando duro a Angular, tus tutoriales siempre son geniales. Thanks.

[@nelsonalvarez92]

Hola Fazt !!!!! Muy bueno la info, por favor, si no es mucha molestia, podrias profundizar mas en este tema.... Me encantaria poder dominar lo mejor posible Angular-Material, y vos lo explicas muy facil y claro.

[@cristianarboledavaldes3540]

Siempre busco tus vídeos, muy claros...

[@sergiosuarez6750]

Gracias por compartir tus conocimientos amigo, me has ayudado mucho. Nuevo Subscriptor. Saludos!

[@campossalazar]

Fazt pedazo de tutorial... Sin desperdicio

[@danielsanchezbravo2102]

Un vídeo genial! Gracias por explicarlo tan claro

[@jimmyleinad]

me sirvio de base para empezar con angular,justo me toco hacer la parte de FrontEnd con Material (y)

[@pephito12]

Una vez mas maestro,felicitaciones y si tiene algún tiempo podría dedicar algo a TDA en js

[@Rionhart01]

¡¡¡Genial!!! Muchas gracias por todos los vídeos de Angular que tienes en el canal.

[@TonicoBonico]

0:00 --> Instalación de Angular Material 9:30 --> Documentación de Angular Material 10:43 --> Button 15:16 --> Creación de módulo específico para Angular Material 18:50 --> Creación de servicio para usar datos falsos de jsonplaceholder.com

[@rebecaechegoy6065]

Hola!te hago una consulta existe en material io para sumarle a angular los tipo col y row que existen en bootstratp? o debo usa MDB, gracias!

[@lucassonoda2972]

Excelente vídeo! La verdad me sirvió muchísimo.

[@gynnymartinez]

Hola...! Excelente información y explicación... Conciso! Oye, tendrás algún video donde expliques cómo puedo hacer un radio button pero que se vea como un botón y que tenga el texto, una imagen dentro? y que cuando se chequee, cambie la imagen! ? Debo colocar 4 botones (radio buttons) distribuidos en dos columnas y 2 filas

[@juanfalcon9507]

Muy buen aporte muchas gracias haces mucho :)

[@AntonioPerez-ng3qe]

Esperaba muchoo este curso Fazt muy buen video saludos sigue así

[@arturoroche3782]

05:39 Integrar Angular Material 11:00 Importar botón 15:13 Modularizar

[@talaverachelsea]

Buen video fazt gracias, sigue asi con angular que vale la pena :D

[@davidpedrosabataller6113]

Muy buen vídeo! Sigue asi

[@pol_late]

Muy bueno el video, me sirvio muchisimo, gracias! una consulta, con que componente se hace responsive para un sitio web? porque no tiene grid como bootstrap o materialize

[@djalexanderpaz]

Genial buen video, podrias hacer un video del sidenav con subIntems porfa....

[@L0r3nz078]

Hi Fazt, thank you for your videos about Material. What do you think about move MaterialModule inside a CoreModule or in a SharedModule, do you have a personal preference or a best practice to use? Thanks in advance.

[@pieroabrahamcusiruiz1054]

Fazt, sería una gran ayuda, que hagas un API con Jason Web Tokens, se te agradecería mucho! Eres un crack.

[@lindltaylor4093]

ese video seria epico

[@codekennyjerson]

Vean mi video donde explico como se hace con angular y node

[@pitosauriorex3674]

genial como siempre @fazt!!

[@lrvTube]

Excelente tutorial felicitaciones, tengo una pequeña duda del video anterior, creamos el archivo material.ts (importar los modulos de material), pero veo que es necesario importar de nuevo estos mismos modulos en el archivo app.modules.ts, entonces no me es claro, que es lo que me ahorra la creación del archivo material.ts. (es claro que en el archivo app.modulle.ts hago la importación del archivo material.ts.

[@jonatanpadilla2437]

Para no estar compilando a cada rato puedes abrir en otra terminal el serve y queda atento a cambios recargando la pagina en el navegador automáticamente. Entonces, quedaría la terminal de VSC libre para la creación de componentes, servicios y demás.

[@ElMijel]

Tremendo tutorial!

[@jonathancastillo5953]

Tienes algún curso de pago?. O te lo has pensado. Ya sea en Udemy o en otra plataforma?

[@mauroinde]

sería la hostia no?

[@gdesancho]

Al instalar material sale este mensaje: WARN @angular/material@8.2.0 requires a peer of @angular/cdk@8.2.0 but none is installed. You must install peer dependencies yourself. y cuando quiero aplicar los componentes no se ven como los ves vos. Puede ser el problema?

[@2rugall]

Hola, tengo una duda. Como hago para importar archivos js de manera global así como se hacen con los css. Por ejemplo los css los importo de manera global en el archivo style.css que viene por defecto en angular pero quiero saber si se puede hacer lo mismo con los archivos js porque ahorita los tengo de manera global pero en el archivo index.html pero habrá otra manera?

[@victorandreshodgestroncoso7957]

oye Fazt como decoraste tu terminal!! de verdad esta bonita..y felicitaciones otra vez por el aporte...

[@fernandinho5266]

Bien, ojalá pudieras subir un vídeo de como usar grillas con angular material, importante para crear una plantilla tipo admin o dashboard

[@pitosauriorex3674]

me he vuelto super fan de tus videos fazt, te la rifas con cada entrega, estupendo!!! una consulta, si no me equivoco... tengo entendido que estas plantillas solo funcionan con conexion a internet, tienes algún material o video que me ayude a personalizar estas plantillas sin internet, descargarlas o algo por el estilo? te agradezco de antemano!

[@tatogameplay8447]

Genial vídeo, tengo una pregunta; tengo codigo de angular/cli en un proyecto, si yo quiero pasar ese codigo a otro proyecto nuevo de angular que items deberia copiar al otro proyecto para que funcione perfectamente?? Gracias.

[@mariagabrielaso]

Soy nueva con material design y tengo una duda, así como Bootstrap te deja ordenar todo con div que podías llamar a la clase y row-md-xs col-md-xs, Material Design no tiene algo parecido? Y no tener que estar generando css por nuestra cuenta?

[@Findercorp]

Me encantan tus vídeos, oye podrías hacer un vídeo de cómo integrar Electron con Angular, tengo problemas para usar paquetes que usaba en Electron con required, no puedo usarlo en Angular, porque se usa import...

[@jmroca212]

Excelente video fazt !!

[@alexandevs]

hola brother , muchas gracias por tus video e aprendido muchissimo contigo , me gustaria un favor personal ( si esta dentro de tu alcance crees que podrias hacer un tutorial de PrimeNG) ES QUE COMO QUE NO ENTIENDO BIEN LA DOCUENTACION

[@oremet47844]

Es necesario conocer ya angular ? para laborar con angular material 7? gracias

[@alexhizjimenez260]

hay cambios hoy en dia? con angular 9?

[@jesusguerrero281]

bro, que tema de visual estas usando?

[@jonathancastillo5953]

Hola, gracias por el aporte, tengo curiosidad por el nombre de la distro de Linux que utilizas.

[@FaztCode]

Hola Jonathan, el nombre de la distro es: Linux Lite 4.0

[@jonathancastillo5953]

@@FaztCode Mil gracias.

[@imjulianeral]

Wow excelente video, crees que puedas hacer un vídeo similar pero de MaterialUI con React? Estaría de lujo

[@irvinruix7385]

Crak!😉

[@Tholem98]

Podrias subir algun tutorial o explicacion sobre NativeScript? Para desarrollar aplicaciones en android con javascript

[@amairanifox1332]

Hola buen dia puedes subir mas adelnate de favor un curso padre de sql claro si puedes saludos desde mexico

[@k4nbelt]

Saludos!! Pregunta!! Se puede integrar Bootstrap a Angular?!

[@carlosgrajalespatino4447]

Como se llama el tema de tu Visual Studio Code ??

[@jhomsson]

Maestro fazt te agradecería Un Tutorial de react native mostrando las cualidades móviles de algún proyecto que ya se haya realizado antes

[@arielzarate3643]

la gente que pone like abajo es de re mala onda o sea el chabon gasta su tiempo y ofrece una explicacion donde pagando te saldria una fortuna aprenderlo , menos mala onda y agradecimientos!!

[@jvandres247]

Yo se que es mucho pedir, después de todo el contenido que subes, pero, cuando algo con react native??

[@gabrieljimenez6083]

En verdad, Fazt si tienes tiempo en verdad te lo agradeceríamos en alma.

[@jhomsson]

Te apoyo..... Un Tutorial de react native mostrando las cualidades móviles de algún proyecto que ya se haya realizado antes

[@Nemhesis10]

Fazt como siempre excelente video... solo tengo una consulta. Seria correcto en material.module definirlo de esta forma: /*imports area*/ const components = [MatButtonModule, MatCardModule, MatToolbarModule, MatInputModule, MatSelectModule]; @NgModule({ imports: [components], exports: [components], }) lo he probado y funciona pero no se si es una buena practica en cualquier sentido.

[@lindltaylor4093]

excelente fazt

[@777kurosaki]

Tal vez es mucho pedir, algún ejemplo de login con php y angular, gracias por compartir contenido.

[@victorandreshodgestroncoso7957]

grande Fazt!!!!!

[@rcrdrcld73]

Cómo estás bro? Que distribución estas utilizando en el video?

[@Carlos-mn9lw]

Oye Fazt! por qué no seguiste los videos del curso de Stack MERN?

[@Maxxelmc]

Qué distro de linux usas, y gracias por los tutos de An gular muy buenos

[@FaztCode]

Hola Max, la distro se llama: Linux Lite 4

[@rebecap.a.3574]

muy bueno!

[@PedroJavaBcn]

Cojo nudo el Video me ha servido mucho

[@lautarodamore2548]

Fazt vuelve a hacer un CRUD de MEVN! Estaría muy agradecido

[@JoseGonzalez-cm6bz]

puedes hacer un vídeo donde expliques como usar las ventanas modales con angular material es soy principiante y mi ingles no es bueno y no he podido hallar un vídeo en español

[@davidrosenblum4079]

Muy buena explicación pero me quedé con la duda de que si en PhotosService ya habías importado HttpClient por qué entonces Angular te da el error pidiendo que lo importes también en AppModule?

[@FaztCode]

Uno es la biblioteca como tal, y el otro es el modulo que se debe añadir cuando la aplicacion arranque, es como activar ese funcionalidad, para recien poder usarla despues cuando hagas los imports

[@TshuanDupVlog]

Haz mas videos de angular material :D sidenav!!!

[@nilsparedes7927]

Buen vídeo ;)

[@jpablo64]

por que en la interface pones un signo de pregunta en id? , gracias por los cursos sos un genio

[@soportecoytex9801]

Hola tengo una pregunta, actualmente programo con php y manejo bases de datos con mysql. El proceso es tedioso y repetitivo para el manejo de envio y recepción de información. He visto por medio de videos que se puede manejar un framework javascript para el frontend e integrarlo con php. Mi pregunta es que no se cual elegir, para aprender es decir que actualmente veo que en el mercado estan siendo muy populares Angular, Readjs y VueJs. Con cual de estos tres puedo optar, o cual me recomienda para trabajar con php. Muchas Gracias y estoy pendiente a su respuesta

[@flaviohenriquepessini8637]

Ao usar um frontend angular ou VueJs... é capaz de trabalhar qualquer API de backend como php ou Asp.Net, desde que seja capaz de retornar o formato json. O frontend é independente. Escolha um que você considera que seja mais fácil :) Eu recomendo Angular.

[@soportecoytex9801]

@@flaviohenriquepessini8637 Muchas Gracias, lo tendre presente.

[@julianmagra]

Fazt! Podrias hacer un tutorial de material ui v5? estoy volviendome loco :C

[@anadindi]

me a salido un problema de este tipo unexpected value ' undefined ' imported by the module 'AppModule '

[@anadindi]

@fazt code que ago

[@franiv2]

Buen video

[@anamariaelizabethchambac5112]

Y ng for, en que lo usas?

[@jesusguerrero281]

es para duplicar etiquetas html que necesites duplicar valga la redundancia. tienes 10 listas, pues creas una y con el ngfor las duplicas x 10. pero debes crear la propiedad en el component.ts en fin. ve a angular.io/start y veras mucha documentacion.

[@ivanrenedo9349]

Se puede utilizar Angular material con React?

[@FaztCode]

Por supuesto, este sería su equivalente para React -> material-ui.com/

[@ivanrenedo9349]

Muchas gracias Fazt

[@LucasSilberberg]

Excelente como simepre, breve comentario: relajate y habla un poco más lento por fa... vas re acelerado! 🤣 Pero los videos son excelentes!

[@gabonavastech]

[@VANTYCSolutions]

Es una molestia estar importando los modulos de material uno por uno y tener que escribirlos en 3 lugares los dos imports y el export. Es mucho mejor usar Bootstrap y tener todos los componentes disponibles con tan solo instalarlo para nuestra app en dos simples pasos: 1) npm i -global boostap 2) agregar esta línea al styles.css: @import "bootstrap/scss/bootstrap";

[@mauroinde]

Creo, y digo creo porque aun no soy experto. Pero creo que material con angular 9 da unos fallos tontos que no entiendo mucho. En el material.module.ts , si no pongo todo completo hasta button da error. from '@angular/material/button' Y si igual coloco button, funciona, pero da una especie de warming, de que la libreria no es compatible etc..

[@MuhammadAdnan-gx6rd]

English subtitles ?

[@carlosraul6578]

Learn spanish 🙊

[@danielaugustopradocussi2233]

asu mare, hermano 15 segundos de anuncio , por lo demas bien

[@a.juarez5016]

Los componentes de material son similares a los componentes de primefaces

[@codekennyjerson]

Hey coders, para ayudar a la comunidad, hice un video donde se integra angular 8 con Alertify es sencillo, pero te evitara mucho tiempo . kzbin.info/www/bejne/Y2jFoKdnf66fqsk

[@MM0RA]

Cuando buscas un framework lo haces buscando mejorar y programar más rapido. Veo tanto cambio y vuelta que has dado para un pinche botón que ya me aburrí.

[@naspy971]

he's running fast in his speech ...........

[@Andres-wq6cz]

gg

[@JulioGonzalez-bz4yf]

Advertiste que había que tener conocimientos de Angular ¿y perdes tiempo explicando como funciona el VS Code? Mamita! que errado andas...

[@Asgallu]

Se puede usar django con angular?

[@FaztCode]

Si por supuesto. Con Django desarrollarias una API y con Angular consumirias esa API