Configuración de Angular Material en el proyecto

Clase 15 de 31 • Curso de PWA con Angular 2018

Juan Antonio Baracat

student•

Si tenes este error al ejecutar ng serve:

ERROR in node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(136,20): error TS2315: Type 'ElementRef' is not generic.

Es muy probable que estés instalando @angular/material y sus dependencias en en la versión 6 y tengas a angular en la versión 5.
Para solucionarlo, te recomiendo que revises el package.json de tu proyecto para asegurarte de tenerlos en la versión 5, ej:

  "dependencies": {
    "@angular/animations": "^5.2.9",
    "@angular/cdk": "^5.2.4",
    "@angular/material": "^5.2.4",
    ....
  },

Julio J Yépez

student•

Mi avance hasta acá … (sin usar los archivos del curso / codeando a la par del profe … 🤓🤘

Juan Guillermo Perez Cardozo

student•

que diferencia hay en pwa-angular vs ionic , pues son muy parecidos y comparten tecnologia y sintaxis. y ionic creo que es mas rapido para desarrollar .???

Maximiliano Fernández

student•

con angular puedes desarrollar una PWA, que se verá en el navegador de un pc o de un dispositivo. Debe estar alojada en un servidor. Ahora Ionic te permite desarrollar una aplicación híbrida, usas angular para codificar, pero el resultado que obtienes de ionic es una aplicación empaquetada que puedes compatir en la tienda de android o IOS.

veronica oviedo

student•

que raro me parece que la documentacion de Angular Material en los ejemplos no indique los modulos a utilizar, practicamente como el instructor lo hizo hay que andar adivinando

Jhoysner Corona

student•

Si usan Atom , pueden instalar autocomplete-angular-material , ayuda con el auto completado y el import.

Carlos Enrique Ramírez Flores

student•

conoces uno para sublime text?

Ramón Fajardo Fernández

student•

Muy bien usamos Angular material, ponemos un botón, pero ¿como ponemos un color que no sea uno de los 3 del ejemplo? por ejemplo lo quiero poner verde, o hacer que se centre.
Con HTML y css me parece muy facil creo un css:

.mdl-layout {
    align-items: center;
  justify-content: center;
}

y añado un class=“mdl-button” en el botón y nada

<button mat-raised-button class="mdl-button" >Click me!</button>

¿cómo debo hacer esto? Si voy a desarrollar una aplicación necesito poder cambiar colores, formas etc y no lo veo como hacerlo

Gracias

Carlos Uriel de Jesus Sánchez González

student•

MatSnackBarModule,
MatProgressBarModule,
MatCardModule,

Configuración de Angular Material en el proyecto

Introducción

¡Vamos a renovar este curso!

Qué son las PWAs?

PWA vs SPA

Setup del Proyecto en Mac, Windows y Linux

Presentando el Editor de Código

Generando nuestro primer PWA

Service Worker

Correr nuestro app en modo de producción

Qué es el service worker de Angular?

Gestión de versiones del Service Worker

Configuración del Service Worker y Caching Policy

Propiciando el Click to Install banner

Estilo

Comprendiendo el concepto de responsividad

Introducción a Angular Material

Instalación de Angular Material

Configuración de Angular Material en el proyecto

Datos Dinámicos

Introducción a Acceso a Datos

Implementando Firebase

Creando un servicio de conexión a Firebase

Creando vista de lista y detalle

Guardando notas en Firebase

Obteniendo notas de Firebase

Editando notas

Implementando Caching

Push Notifications

Implementando Login

Configurando Push Notifications

Cómo instalar curl en Mac, Windows y/o Linux

Configurando Firebase Hosting y subiendo nuestro proyecto a producción

Implementando Push Notifications

Cloud Functions

NativeScript: Características Nativas en un Web App con Angular

¿Dónde Aprender Más?