Scribd
Cargar
10 vistas

1 3 1 Angular Material

Cargado por

arnaldo.a.rivas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
10 vistas

1 3 1 Angular Material

Cargado por

arnaldo.a.rivas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 22

Angular

Material
PGY4121 seccion
Nombre del profesor
[email protected]

2
Objetivos
Objetivo
» Reconocer Angular Material
» Reconocer componentes de Angular Material
» Tipos de componentes disponibles
» Aprender a consultar documentación oficial

4
Que es Angular
Material
Angular Material

6
Angular Material
» Como ya vimos en experiencias anteriores comenzamos a
desarrollar una aplicación con el Framework Ionic junto con
Angular Framework
» Al ser la base el Framework Angular podemos agregar librerias
que estan diseñadas para desarrollo en Angular

7
Angular Material - Fast
» Material Design es una librería de componentes de diseño
modernas que funcionan en la web y dispositivos móviles

8
Angular Material - Versátil
» Material Design es una librería de componentes de diseño
modernas que funcionan en la web y dispositivos móviles

9
Angular Material
» Material Design es una librería de componentes de diseño
modernas que funcionan en la web y dispositivos móviles

10
Componentes
Componentes
» Tipos de Componente

12
Componentes - Sort Header
» Algunos componentes adicionales que podemos usar:

13
Componentes - Mat Tree
» Algunos componentes adicionales que podemos usar:

14
Componentes - Progress Bar
» Indeterminate Progess-bar

15
Componentes - Progress Bar
» Buffer Progess-bar

16
Componentes
» Pero esto no es todo, hay mucho más componentes que
podemos utilizar
» Podemos utilizar tanto los componentes de Ionic como lo de
Angular Material
» Visita a: https://material.angular.io/components/categories durante todo
tu proceso de desarrollo de Software, ahí es donde más puedes
aprender!

17
Integrar Angular
Material
Integrar Angular Material
» Ya vimos algunos de los componentes que podemos utilizar,
ahora solo es tu creatividad la que te puede limitar.
» Lo que veremos ahora es cómo integrar Angular Material a
nuestra solución Ionic con el material complementario
“MC_Guia Integración Angular Material.docx”

19
Resumen
Resumen
» Reconocer Angular Material
» Reconocer componentes de Angular Material
» Tipos de componentes disponibles
» Aprender a consultar documentación oficial

21
Material Complementario

Cómo Integrar Angular Material

Ahora que ya sabemos que es Angular


Material te invito a revisar el material
complementario “MC_Guia Integración
Angular Material.docx

22

También podría gustarte