WebComponents Starter

"Built to last" with webstandards only (=no migrations).

This workshop focuses on essential HTML 5 and JavaScript knowledge and lays the foundation for the Effective (Progressive) Web Applications workshop. After this workshop you should be able to build a Single Page Application / Progressive Web Application "from scratch" without frameworks or libraries. You will also better understand the innerworkings of popular frameworks like Angular, React or Vue.js.

Prerequisites

Programming experience and basic HTML knowledge.

Topics

• Programming JavaScript ES 6+ with classes, templates, imports / modules, and inheritance (like Java)
• Asynchronous programming with JavaScript
• Productive development without frameworks and with minimalistic development requirements
• Testing, Debugging and performance profiling
• Standard DOM (UI Widget) Events and Custom Events
• HTML 5 foundation and API
• Dealing with user input
• Form validation and styling
• DOM manipulations without jQuery
• Web accessibility and power users
• Custom Element / Web Component API and interaction with JavaScript
• Understanding CSS
• App layout with CSS grid and flex
• Targeting multiple devices with responsive design and with media queries
• Accessing backends via WebSocket, HTTP and SSE
• Offline storage and caches
• Navigation, routing and browser history
• Modern Browser and DOM APIs
• Offline applications
• Code organization and structure
• Legacy browser support and polyfills

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