A primer on Web Components (Yves & Olivier Lange)

lun. 11 mars à 12:00

Fuseau horaire : Paris (GMT+01:00)

Campus Biotech Innovation Park
Geneva
Suisse
Genève

Web Components are ubiquitous and run natively on billion of devices in 2018. They allow to share and reuse functionality across web pages and apps, with the simplicity of markup — developers can create new HTML tags, beef-up existing HTML tags, or extend the components other developers have authored. In this 45–60 min talk & live-coding, we will walk you thru building a static PWA (Progressive Web App) with Web Components, and Google Firebase, while explaining the fundamentals of Web Components and its ecosystem. At the end of the talk, you should be able to start building such an app and web components yourself, deploy it within minutes, find the documentation and resources to help learn to #UseThePlatform. Primary topics covered: * Foundation of Web Components:

· What they are? Custom Elements, Shadow DOM, Templates, Modules

· How to create, use and publish them

· Web Components Best practices * Dataflows of Web Components:

· Retrieving and storing data

· Vanilla data bindings: « data in via attributes, data out via events » * The Ecosystem of Web Components:

· Understand the Polymer project

· Navigate WebComponents.org and discover its main collections

· Understand Material Design and A11Y

· Lit-HTML and Lit-Element Secondary topics: * Progressive Web Apps Starter Kit

  • A glimpse of Google Firebase. About us: Yves and Olivier Lange are running Le Petit Atelier de Génie logiciel sàrl ( https://petit-atelier.ch ), a software consultancy specialized in crafting ad-hoc software and business analysis — that is, whenever a piece is missing, we will analyse, design with you & craft it for you: either from scratch; or integrating with legacy systems. Last two years, we helped the development team of Lombard Odier Asset Management to design & create an UI App Starter Kit & Elements library, using Web Components and Polymer — which they used to rewrite 12 of their front-end apps. We've collaborated and delivered on 140 projects in the course of 18 years, for public and private organizations, such as Lombard Odier TIB & Asset Management, University of Geneva, University of Lausanne, The Graduate Institute Geneva, OFROU / Estavayer-le-Lac, Pro Helvetia / Zürich, RTS / Geneva, KBL / France & Luxembourg. Business intelligence dashboards; desktop & web applications; data migration; data visualizations; digital archives; document management systems; publishing pipelines: name it and we'll happily craft the apps, setup the systems for you and train your users! ###################################### Thanks a lot to our sponsors for supporting this event: EPFL Extension School

    https://exts.epfl.ch

Teaching the skills necessary to have in the digital age Image: Astronaut, by Poly ( http://model-viewer.glitch.me )

Source: https://www.meetup.com/fr-FR/GenevaWeb/events/258787967/


Campus Biotech Innovation Park
Geneva
Suisse

Technologie
Nous avons temporairement désactivé la possibilité de naviguer vers les tags.