adam bien's blog

Online workshops (airhacks.io) learning path. From WebStandards, over WebComponents to implementing, building and testing SPA WebApps. The following three online workshops are starting with the WebStandards foundation (HTML 5, DOM, CSS, layout, events), then cover WebComponents and finally the process of implementing, building, and testing "offline first" Single Page Applications (SPA), Progressive Web Applications (PWA):

1. WebStandards Igniter:

   This igniter will show you how to implement web applications without any additional frameworks or libraries and with web standards only. Starting with HTML 5 basics, DOM APIs, CSS, layout managers and concluding with ES 6, ES7 and modules. 80+ episodes, no slides, just code.

2. Web Components Igniter:

   This igniter introduces you to the Web Component standards: custom elements, templates, ES 6 imports, Shadow DOM and related CSS 3 features. The workshop starts with Shadow DOM concepts and ends with nested custom components, profiling and performance optimizations. Only vanilla JavaScript, CSS 3 and HTML 5 were used. No frameworks, no migrations.

3. Effective Web Apps with Web Standards (only):

   Learn how to combine Web APIs to develop, build and test lean and maintainable web applications without any external frameworks. No Frameworks -- No Migrations. In this continuous 5h coding session, I'm building step-by-step a "stockz" app: github.com/AdamBien/effectiveweb.training and explain my design decisions on-the-go. CSS grid and flex layout, Web Components, Service Workers, Cache Storage, Local Storage, rollup.js, d3js, lit-html, cypress.js, browser sync, native installer, templates, ES 6, routing, custom events, software updates included.

See you at Web, MicroProfile and Java EE Workshops at Munich Airport, Terminal 2 or Virtual Dedicated Workshops / consulting. Is Munich's airport too far? Learn from home: airhacks.io.