Post on 07-Aug-2015
¿Por qué usar Web Starter Kit?+JulioCesarSilvaGuzman@juliosguz
Estamos
en un época EXCELENTE
para el DESARROLLO
WEB
LO NUEVO y no tan nuevopara FRONTEND
Pero y esto ... ¿QUÉ ES?
Foto por Gratisography
Hola soy Julio el nuevo ...
Html + Css + Javascript
¿SUGERENCIA?
Usar sin preguntarse el ¿Por qué? Esta bien NUNCA
Publicaciones
antiguas
Información incorrecta
¿Donde encuentro
información sobre Desarrollo Web, Responsive Design y
Herramientas Útiles para iniciar?
WEB FUNDAMENTALS➔ Casos de Uso➔ Las mejores prácticas➔ Practicas fundamentales
https://developers.google.com/web/fundamentals/
DiseñosMultidispositivos
Herramientas Look and Feel
Optimizando el rendimiento
Monetización Integración y acceso a
dispositivos
Principios para diseñar
Formularios y modos de entrada
Imágenes, audio y video
Descubre y distribuye
Hay mucho por ESTUDIAR
WEB STARTER KIT
https://developers.google.com/web/starter-kit/
➔ Herramienta para Desarrollo Multidispositivo
CARACTERÍSTICAS
Uso de componentes como guía de estilos
Sincronización entre dispositivos
Recarga automática del
navegador
Soporte conSASS
Reportes con PageSpeed
ServidorHTTP
Optimización del rendimiento
Plantilla adaptable
multidispositivo
Como
FUNCIONA(Algunas funciones)
Imagemin
MinificadoConcatenación
CompiladoMinificado
Concatenación
normalize.scss global.css all.min.css
global.jsglobal.min.js
background.jpg (200KB) background.jpg (60KB)
SERVIDORHTTP+ARCHIVOSFINALESUso
SERVIDORHTTP+ARCHIVOSFINALESUso
REQUERIMIENTOS
Y algo mas:
EXPERIMENTENPRUEBEN
Empezando conWeb Starter Kit
Asistan a nuestros proximos eventos (Meetups, Codelabs) :
Estoes el
INICIO
y…..
Van a SUFRIR
Estamos
en un época EXCELENTE
para el DESARROLLO
WEB
PERORECUERDEN!!!
GRACIAS :)