Introducing
Prezi AI.
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
Loading…
Angular + Material
50
Transcript
Thank You!
Angular + Material
Angular
Angular es un framework opensource desarrollado por Google para facilitar la creación y programación de aplicaciones web de una sola página, las webs SPA (Single Page Application).
¿ Qué es Angular?
Historia
Arquitectura
Ventajas
- Promovido por Google
- TypeScript
- User Interface (UI)
- Plain Old Java Object (POJO)
- Pruebas Sencillas
- Modelo vista controlador (MVC)
Recordemos
Beneficios
- Reusabilidad
- Pruebas unitarias simplificadas
- Mejor legibilidad
- Facilidad de mantenimiento
Material?...
Material Design?
Material?... Material Design?
Material Design
Material Design
Objetivos
- Crear
- Unifica
- Personaliza
Material
Material
Requisitos
- Tener instalado un gestor de paquetes
- bower
- npm
- jspm
- Node.JS
- Proyecto de Angular creado
Pasos
Instalar Angular CLI
npm install -g @angular/cli
Instalar Angular Material, Angular CDK y Angular Animations
npm install @angular/material @angular/cdk @angular/animations --save
para las dependecias correctas utilizar
ng add @angular/material
Material Components
Componentes
Componentes
Botones
Botones - MatButtonModule
Propiedades
Propiedades
mat-button
mat-raised-button
mat-flat-button:
mat-stroked-button
mat-icon-button
mat-fab
mat-mini-fab
Tipos
Tipos
Iconos Angular Material -
MatIconModule
Iconos
Date picker, selección de fechas y calendarios MatDatepickerModule
Formularios
startView
yearSelected
formControl
Color
Min - Max
touchUI
dateInput
Checkbox y Radiobuttons
Checkbox y botones radio - MatCheckboxModule y MatRadioModule
Navegación y Diseño
Popups y Notificaciones
Enlaces de Interés
Bibliografía
https://sg.com.mx/revista/56/angular
https://revistadigital.inesem.es/informatica-y-tics/frontend-con-angular-todo-lo-que-debes-saber-sobre-esta-herramienta/
https://codingpotions.com/angular-material
Choose a template
Presentations from around the world
Learn more about creating dynamic, engaging presentations with Prezi