¿por qué usar web starter kit?
TRANSCRIPT
![Page 1: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/1.jpg)
¿Por qué usar Web Starter Kit?+JulioCesarSilvaGuzman@juliosguz
![Page 2: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/2.jpg)
Estamos
en un época EXCELENTE
para el DESARROLLO
WEB
![Page 3: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/3.jpg)
LO NUEVO y no tan nuevopara FRONTEND
![Page 4: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/4.jpg)
Pero y esto ... ¿QUÉ ES?
Foto por Gratisography
Hola soy Julio el nuevo ...
![Page 5: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/5.jpg)
Html + Css + Javascript
¿SUGERENCIA?
![Page 7: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/7.jpg)
Usar sin preguntarse el ¿Por qué? Esta bien NUNCA
Publicaciones
antiguas
Información incorrecta
![Page 9: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/9.jpg)
¿Donde encuentro
información sobre Desarrollo Web, Responsive Design y
Herramientas Útiles para iniciar?
![Page 10: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/10.jpg)
WEB FUNDAMENTALS➔ Casos de Uso➔ Las mejores prácticas➔ Practicas fundamentales
https://developers.google.com/web/fundamentals/
![Page 11: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/11.jpg)
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
![Page 12: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/12.jpg)
WEB STARTER KIT
https://developers.google.com/web/starter-kit/
➔ Herramienta para Desarrollo Multidispositivo
![Page 13: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/13.jpg)
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
![Page 14: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/14.jpg)
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)
![Page 17: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/17.jpg)
SERVIDORHTTP+ARCHIVOSFINALESUso
![Page 18: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/18.jpg)
SERVIDORHTTP+ARCHIVOSFINALESUso
![Page 19: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/19.jpg)
REQUERIMIENTOS
Y algo mas:
![Page 20: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/20.jpg)
![Page 21: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/21.jpg)
EXPERIMENTENPRUEBEN
Empezando conWeb Starter Kit
Asistan a nuestros proximos eventos (Meetups, Codelabs) :
![Page 22: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/22.jpg)
Estoes el
INICIO
y…..
![Page 23: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/23.jpg)
Van a SUFRIR
![Page 24: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/24.jpg)
Estamos
en un época EXCELENTE
para el DESARROLLO
WEB
PERORECUERDEN!!!
![Page 25: ¿Por qué usar Web Starter Kit?](https://reader033.vdocuments.net/reader033/viewer/2022050808/55c46eb5bb61ebf10c8b4626/html5/thumbnails/25.jpg)
GRACIAS :)