JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing
Arquitectura
Diseñando increíbles expericias de usuario
- Aspectos básicos de la experiencia del usuario
- ¿Qué hace que un sitio para dispositivo móvil sea bueno?
- Introduction to variable fonts on the web
Accesibilidad
- Foco
- Semantics Built-in
- Semantics and ARIA
- Estilos accesibles
- How To Do an Accessibility Review
- Accessibility for teams
Animaciones
- Animaciones Intro
- Animaciones de CSS frente a JavaScript
- Aspectos básicos de la aceleración
- Aceleración personalizada
- Animaciones entre vistas
- Elección de la aceleración adecuada
- Animación de vistas modales
- Sincronización asimétrica de animaciones
- Animaciones y rendimiento
Responsive Web Design
- Aspectos básicos del diseño web adaptable
- Patrones de diseño web adaptables
- Imágenes responsive
- Contenido para varios dispositivos
Documentación
Recursos
- Awesome PWA
- PWA Builder
- Demo PWA completo de Gokulakrishnan Kalaikovan
- PWA Tutorial de IncredibleWeb
- Google Lighthouse
- Introducing Pokedex.org: a progressive webapp for Pokémon fans
- Banners de instalación de apps web
- Web App Manifest
- Notificaciones push en la web: Oportunas, relevantes y precisas
- PWA - PROGRESSIVE WEB APP HANDBOOK
- GitBook | @jdonsan: Desarrolla Progressive Web Apps
- el.abismo = de[null] | Serie PWA
Progressive Web Apps (PWAs): Checklist
Lo básico
- Usar HTTPs
- Es responsive en todos los dispositivos
- Debe funcionar sin conexión a internet
- Debe poder añadirse al Home Screen
- Primera carga rápida incluso en 3G
- Cross-browser support
- Respuesta inmediata en transiciones (acciones sobre links, botones, etc...)
- Cada pagina/vista tiene su propia URL
Extras