Vivimos en la mejor época del Desarrollo Web pero ¿Sabes donde encontrar información necesaria?

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:

21. EXPERIMENTEN
PRUEBEN
Empezando con
Web Starter Kit
Asistan a nuestros proximos
eventos (Meetups, Codelabs) :

22. Esto
es el
INICIO
y…..

23. Van a
SUFRIR

24. Estamos
en un época
EXCELENTE
para el
DESARROLLO
WEB
PERO
RECUERDEN!!!

25. GRACIAS :)