SlideShare a Scribd company logo
1 of 11
Download to read offline
WEBAPP CON ANGULAR
MATERIAL
Sergio Castillo
Google I/O Extended Lima 2015
Bio: Sergio Castillo
• Front End Developer
• 7 años de experiencia
• Leer
• Futbol
• Javascript!!!
• scyrizales en todas las redes ;)
Angular = SPA Powers
MATERIAL DESIGN
Material es una
metáfora
Negrita, Gráficos, todo
intencionalmente
El movimiento
proporciona significado
LUMX
- AngularJS + Google Material Design
- Maintained by Google
- También usa Sass
- http://ui.lumapps.com/
CARRITO DE COMPRAS
• Listado de Categorias
• Listado de productos
• Carrito En Memoria
REQUISITOS
• Proyecto Inicial:
• https://github.com/scyrizales/starterAngularProject
• Clonarlo en cualquier carpeta
• git clone https://github.com/scyrizales/starterAngularProject.git AngMatShop
• Entrar al directorio
• sudo npm install
• bower install lumx --save
• Iniciar su editor preferido
–Morfeo a Neo
“No digas que lo vas a hacer. Hazlo”
CARRITO FINAL
• Lo encuentran aqui:
• https://github.com/scyrizales/AngularMaterialShop
GRACIAS
@scyrizalesPreguntas?

More Related Content

Viewers also liked

Viewers also liked (9)

Lenguaje c++
Lenguaje c++Lenguaje c++
Lenguaje c++
 
Conociendo Angular 2
Conociendo Angular 2Conociendo Angular 2
Conociendo Angular 2
 
Polymer
PolymerPolymer
Polymer
 
Booting up with polymer
Booting up with polymerBooting up with polymer
Booting up with polymer
 
PostCss
PostCssPostCss
PostCss
 
La Web Orientada a Componentes
La Web Orientada a ComponentesLa Web Orientada a Componentes
La Web Orientada a Componentes
 
Progressive web apps with polymer
Progressive web apps with polymerProgressive web apps with polymer
Progressive web apps with polymer
 
Web Components for Java Developers
Web Components for Java DevelopersWeb Components for Java Developers
Web Components for Java Developers
 
Creating HTML Pages
Creating HTML PagesCreating HTML Pages
Creating HTML Pages
 

Similar to Web apps con angular y material design

Google y la revolucion Web - Julian Amaya - Dia IT
Google y la revolucion Web - Julian Amaya  - Dia ITGoogle y la revolucion Web - Julian Amaya  - Dia IT
Google y la revolucion Web - Julian Amaya - Dia ITjdmal2001
 
Swift sin hype y su importancia en el 2017
 Swift sin hype y su importancia en el 2017  Swift sin hype y su importancia en el 2017
Swift sin hype y su importancia en el 2017 Software Guru
 
Aplicaciones Absurdamente Rápidas con Quarkus.io
Aplicaciones Absurdamente Rápidas con Quarkus.ioAplicaciones Absurdamente Rápidas con Quarkus.io
Aplicaciones Absurdamente Rápidas con Quarkus.ioFrancisco Javier Barrena
 
[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9
[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9
[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9Keopx
 
Git and XCode - Nsspain2013
Git and XCode - Nsspain2013Git and XCode - Nsspain2013
Git and XCode - Nsspain2013Aprende Git
 
2014 saul ibarra proyecto op2
2014 saul ibarra proyecto op22014 saul ibarra proyecto op2
2014 saul ibarra proyecto op2VOIP2DAY
 
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27Elkin Garavito Beltran
 
Frameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web GrailsFrameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web GrailsEsteban Saavedra
 
TAREA DE ALOJAMIENTO
TAREA DE ALOJAMIENTOTAREA DE ALOJAMIENTO
TAREA DE ALOJAMIENTOAriel Herrera
 
Backdrop como evolución alternativa y sana para drupal 7
Backdrop como evolución alternativa y sana para drupal 7Backdrop como evolución alternativa y sana para drupal 7
Backdrop como evolución alternativa y sana para drupal 7Victor Kane
 
Java script para desarrolladores SharePoint
Java script para desarrolladores SharePointJava script para desarrolladores SharePoint
Java script para desarrolladores SharePointAdrian Diaz Cervera
 

Similar to Web apps con angular y material design (20)

Google y la revolucion Web - Julian Amaya - Dia IT
Google y la revolucion Web - Julian Amaya  - Dia ITGoogle y la revolucion Web - Julian Amaya  - Dia IT
Google y la revolucion Web - Julian Amaya - Dia IT
 
Swift sin hype y su importancia en el 2017
 Swift sin hype y su importancia en el 2017  Swift sin hype y su importancia en el 2017
Swift sin hype y su importancia en el 2017
 
Django avanzado: Dia1
Django avanzado: Dia1Django avanzado: Dia1
Django avanzado: Dia1
 
Aplicaciones Absurdamente Rápidas con Quarkus.io
Aplicaciones Absurdamente Rápidas con Quarkus.ioAplicaciones Absurdamente Rápidas con Quarkus.io
Aplicaciones Absurdamente Rápidas con Quarkus.io
 
[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9
[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9
[DrupalCampSpain2022] Introducción al desarrollo de módulos en Drupal 9
 
Git
GitGit
Git
 
Git and XCode - Nsspain2013
Git and XCode - Nsspain2013Git and XCode - Nsspain2013
Git and XCode - Nsspain2013
 
JS Patterns Applied to a Real World Example
JS Patterns Applied to a Real World ExampleJS Patterns Applied to a Real World Example
JS Patterns Applied to a Real World Example
 
2014 saul ibarra proyecto op2
2014 saul ibarra proyecto op22014 saul ibarra proyecto op2
2014 saul ibarra proyecto op2
 
Proyecto Open Pi Phone
Proyecto Open Pi PhoneProyecto Open Pi Phone
Proyecto Open Pi Phone
 
Drupal workflow
Drupal workflowDrupal workflow
Drupal workflow
 
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
Charla Sobre prototipado en la universidad de los Andes 2014 - 03 - 27
 
No quiero vuestra basura en Android
No quiero vuestra basura en AndroidNo quiero vuestra basura en Android
No quiero vuestra basura en Android
 
Frameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web GrailsFrameworks de Desarrollo Web Grails
Frameworks de Desarrollo Web Grails
 
Presentacion cw2012
Presentacion cw2012Presentacion cw2012
Presentacion cw2012
 
Migrando CI a Docker
Migrando CI a DockerMigrando CI a Docker
Migrando CI a Docker
 
TAREA DE ALOJAMIENTO
TAREA DE ALOJAMIENTOTAREA DE ALOJAMIENTO
TAREA DE ALOJAMIENTO
 
Backdrop como evolución alternativa y sana para drupal 7
Backdrop como evolución alternativa y sana para drupal 7Backdrop como evolución alternativa y sana para drupal 7
Backdrop como evolución alternativa y sana para drupal 7
 
Herramientas Scrum
Herramientas ScrumHerramientas Scrum
Herramientas Scrum
 
Java script para desarrolladores SharePoint
Java script para desarrolladores SharePointJava script para desarrolladores SharePoint
Java script para desarrolladores SharePoint
 

More from Sergio Castillo Yrizales

Angular of things: angular2 + web bluetooth
Angular of things: angular2 + web bluetoothAngular of things: angular2 + web bluetooth
Angular of things: angular2 + web bluetoothSergio Castillo Yrizales
 

More from Sergio Castillo Yrizales (20)

Un dia en la vida de un Software Engineer
Un dia en la vida de un Software EngineerUn dia en la vida de un Software Engineer
Un dia en la vida de un Software Engineer
 
Javascript en tiempos de colera
Javascript en tiempos de coleraJavascript en tiempos de colera
Javascript en tiempos de colera
 
Lambda at the edge
Lambda at the edgeLambda at the edge
Lambda at the edge
 
Angular of things: angular2 + web bluetooth
Angular of things: angular2 + web bluetoothAngular of things: angular2 + web bluetooth
Angular of things: angular2 + web bluetooth
 
Pushing html5 beyond boundaries
Pushing html5 beyond boundariesPushing html5 beyond boundaries
Pushing html5 beyond boundaries
 
Javascript en tiempos de colera
Javascript en tiempos de coleraJavascript en tiempos de colera
Javascript en tiempos de colera
 
Angular Conceptos Practicos 2
Angular Conceptos Practicos 2Angular Conceptos Practicos 2
Angular Conceptos Practicos 2
 
Angular Conceptos Practicos 1
Angular Conceptos Practicos 1Angular Conceptos Practicos 1
Angular Conceptos Practicos 1
 
Advanced angular 2
Advanced angular 2Advanced angular 2
Advanced angular 2
 
Advanced angular 1
Advanced angular 1Advanced angular 1
Advanced angular 1
 
Ruby 101 session 5
Ruby 101 session 5Ruby 101 session 5
Ruby 101 session 5
 
Ruby 101 session 4
Ruby 101 session 4Ruby 101 session 4
Ruby 101 session 4
 
Javascript + Angular Sesion 6
Javascript + Angular Sesion 6Javascript + Angular Sesion 6
Javascript + Angular Sesion 6
 
Javascript + Angular Sesion 5
Javascript + Angular Sesion 5Javascript + Angular Sesion 5
Javascript + Angular Sesion 5
 
Ruby 101 session 3
Ruby 101 session 3Ruby 101 session 3
Ruby 101 session 3
 
Ruby 101 session 2
Ruby 101 session 2Ruby 101 session 2
Ruby 101 session 2
 
Javascript + Angular Sesion 4
Javascript + Angular Sesion 4Javascript + Angular Sesion 4
Javascript + Angular Sesion 4
 
Ruby 101 session 1
Ruby 101 session 1Ruby 101 session 1
Ruby 101 session 1
 
Javascript + Angular Sesion 3
Javascript + Angular Sesion 3Javascript + Angular Sesion 3
Javascript + Angular Sesion 3
 
Javascript + Angular Sesion 2
Javascript + Angular Sesion 2Javascript + Angular Sesion 2
Javascript + Angular Sesion 2
 

Web apps con angular y material design