Web Components for Mobile

In this workshop we will focus on real world structure, design, naming conventions, testing and patterns for mobile, offline applications with vanilla Web Components.

Prerequisites

Basic Web Component / web standards knowledge, or attendance at a Web Component-related airhacks.live workshop. Attendance at: Best Practices, Hacks and Frontend Patterns with Vanilla Web Components is recommended.

Topics

• Apps installation on mobile devices / home screen
• Installation process customizations
• Introduction to Service Workers
• Service Worker patterns
• Routing with Web Components for mobile applications
• View and logic separation
• Patterns for highly interactive applications
• Layout and styling of native applications
• State management and unidirectional data flow
• Opinionated redux and redux-toolkit
• Dealing with long running tasks and backend communication
• Backend online / offline synchronization
• Applying Boundary Control Entity to mobile applications
• Backend communication patterns
• Using push notifications
• Accessing mobile Browser APIs
• [TBD]
• ...and most popular questions, topics and technologies from airhacks.tv

In this workshop I would like to explain the most significant features with working code and prepared examples. As a reference, you will get a GIT repository with all snippets and solutions, as well as prepared sample applications.

Environment requirements / prerequisites.

I/we will spend 90% of the time in code.

Feel free to contact me / register via email: workshops[-AT-] adam-bien.com

Registration