¿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?
APRENDER
REPETIR
CREAR
COMPARTIR
Foto por Morgan Sessions
Usar sin
preguntarse el
¿Por qué?
Esta bien NUNCA
Publicaciones
antiguas
Información
incorrecta
ME HICISTE PERDER
EL TIEMPO!!!
Foto por Gratisography
¿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/fundam...
Diseños
Multidispositivos
Herramientas Look and Feel
Optimizando el
rendimiento
Monetización Integración y
acceso a
dispos...
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...
Como
FUNCIONA
(Algunas funciones)
Imagemin
Minificado
Concatenación
Compilado
Minificado
Concatenación
normalize.scss glob...
LIVE
RELOAD
Herramientas
BROWSER
SYNC
Herramientas
SERVIDOR
HTTP
+
ARCHIVOS
FINALES
Uso
SERVIDOR
HTTP
+
ARCHIVOS
FINALES
Uso
REQUERIMIENTOS
Y algo mas:
EXPERIMENTEN
PRUEBEN
Empezando con
Web Starter Kit
Asistan a nuestros proximos
eventos (Meetups, Codelabs) :
Esto
es el
INICIO
y…..
Van a
SUFRIR
Estamos
en un época
EXCELENTE
para el
DESARROLLO
WEB
PERO
RECUERDEN!!!
GRACIAS :)
¿Por qué usar Web Starter Kit?
of 25

¿Por qué usar Web Starter Kit?

Vivimos en la mejor época del Desarrollo Web pero ¿Sabes donde encontrar información necesaria?
Published on: Mar 4, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - ¿Por qué usar Web Starter Kit?

  • 1. ¿Por qué usar Web Starter Kit? +JulioCesarSilvaGuzman @juliosguz
  • 2. Estamos en un época EXCELENTE para el DESARROLLO WEB
  • 3. LO NUEVO y no tan nuevopara FRONTEND
  • 4. Pero y esto ... ¿QUÉ ES? Foto por Gratisography Hola soy Julio el nuevo ...
  • 5. Html + Css + Javascript ¿SUGERENCIA?
  • 6. APRENDER REPETIR CREAR COMPARTIR Foto por Morgan Sessions
  • 7. Usar sin preguntarse el ¿Por qué? Esta bien NUNCA Publicaciones antiguas Información incorrecta
  • 8. ME HICISTE PERDER EL TIEMPO!!! Foto por Gratisography
  • 9. ¿Donde encuentro información sobre Desarrollo Web, Responsive Design y Herramientas Útiles para iniciar?
  • 10. WEB FUNDAMENTALS ➔ Casos de Uso ➔ Las mejores prácticas ➔ Practicas fundamentales https://developers.google.com/web/fundamentals/
  • 11. Diseños Multidispositivos 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
  • 12. WEB STARTER KIT https://developers.google.com/web/starter-kit/ ➔ Herramienta para Desarrollo Multidispositivo
  • 13. CARACTERÍSTICAS Uso de componentes como guía de estilos Sincronización entre dispositivos Recarga automática del navegador Soporte con SASS Reportes con PageSpeed Servidor HTTP Optimización del rendimiento Plantilla adaptable multidispositivo
  • 14. Como FUNCIONA (Algunas funciones) Imagemin Minificado Concatenación Compilado Minificado Concatenación normalize.scss global.css all.min.css global.js global.min.js background.jpg (200KB) background.jpg (60KB)
  • 15. LIVE RELOAD Herramientas
  • 16. BROWSER SYNC Herramientas
  • 17. SERVIDOR HTTP + ARCHIVOS FINALES Uso
  • 18. SERVIDOR HTTP + ARCHIVOS FINALES Uso
  • 19. REQUERIMIENTOS Y algo mas:
  • 20. EXPERIMENTEN PRUEBEN Empezando con Web Starter Kit Asistan a nuestros proximos eventos (Meetups, Codelabs) :
  • 21. Esto es el INICIO y…..
  • 22. Van a SUFRIR
  • 23. Estamos en un época EXCELENTE para el DESARROLLO WEB PERO RECUERDEN!!!
  • 24. GRACIAS :)

Related Documents