Version 0.42-with-extra-sparkles

Lecture: Modular Web

New ways for free software developers to shape the world.

Upcoming web component technologies like the Client-side Component Model (ccm) bring us to a new kind of web. Each developed ccm-based web component, that is published under a free software licence, expands the functionality of the web as a whole and is embeddable in every web-based content. They are reusable and recombinable like Lego. In this talk we give a showcase, on the example of ccm, based on live demos, how it feels to think, work and
develop in web components and what possibilities this will offer, specially to the free software community. After that, ccm will be explained in more detail.

The ccm framework provides two services, one for embedding ccm components inside any web-based content and the other service for data management. It is a tiny JavaScript file (24kB minified, 9kB zipped), uses standard JavaScript (ES5) only and has no dependency to other resources or frameworks. The ccm framework is published as free software under MIT licence ( It is loaded automatically when a ccm component is used.

A ccm component is a tiny JavaScript file which works with standard HTML, CSS and is based on the ccm framework. It may be composed of other ccm components and may use other JavaScript frameworks. From multiple ccm components, complex components and web apps can be constructed. There are no restrictions in complexity and application domain. Every ccm component is embeddable in every web-based content.

A ccm web component is embeddable on-demand and cross-domain inside any web-based content. On-demand means that a component is not only embeddable when a website is loading, it can also be included later. Cross-domain means that components must not be located on the same server where the actual website comes from, but it can be located on any other web server. With both aspects, any web user is able to embed a component in any currently viewed web page. The embedding of a ccm web component works without iFrame. The CSS, JavaScript and HTML ids and classes are capsuled in Shadow DOM.

Like the Lego way, ccm components are recombinable. This results in a dependency tree. For example the component for rendering a learning unit reuses the components for quiz and video and the video component reuses components for commentary and rating. These
dependencies are automatically solved recursively and asynchronously by the ccm framework at runtime. The framework ensures that all dependent resources are loaded in parallel and no resource is loaded twice. Any dependent resource and data can be loaded cross-domain.
There are three different ways how to use a ccm component: Declarative via HTML Tag, functional via JavaScript and interactive via Bookmarklet.


Day: 2017-08-19
Start time: 10:00
Duration: 01:00
Room: HS 6
Track: FrOSCon meets Science
Language: en



Click here to let us know how you liked this event.

Concurrent Events