Reading this slides?

There is a documentation for that!

Go read it on Github!

INTRO LECTEUR

The Web is on 🔥 F.I.R.E. 🔥

mini-conf

Paris Web 2019

Noël Macé

Noël Macé

Freelance WebDev Consultant & Teacher

Independent Dev Advocado 🥑 for the Web Platform

@noel_mace
in/noelmace

On ... F.I.R.E.? 🤨

pwa
PWA

F.I.R.E.

F.

I.

R.

E.

How the Web evolves

w3c logo
WHATWG logo
WICG logo
TC39 logo

Integrators

What's hot?

An integrated Web

The mini-infobar

interim experience

becomes annoying

Prevent mini-infobar

Prevent mini-infobar

Omnibox Button

Firefox Mobile

App Patterns

Inline Patterns

Special Patterns

Closing the App Gapp

Capabilities in flight

Badging API

Contact Picker API

Get Installed Related Apps API

Native File System API

Shape Detection API

Wake Lock API

Launched capabilities

Async Clipboard API (images)

Web Share Target

A Modular Web

ES Modules

Can I Use es6-module? Data on support for the es6-module feature across the major browsers from caniuse.com.

Bare specifiers

This restriction is in place so that in the future we can allow custom module loaders to give special meaning to "bare" import specifiers, like import "jquery" or import "web/crypto". For now any such imports will fail, instead of being treated as relative URLs.

Import Maps

KV Storage

import storage, {StorageArea} from 'std:kv-storage';

faster than localStorage API...

easier than IndexDB

closer to Map & Chromium storage API

using built-in modules for new HTML elements

DECIDE

Virtual Scroller

The <virtual-scroller> will manage the rendering of its children. It will prioritize rendering things that are in the viewport and not render children that are far away, such that we are only paying as little rendering cost as possible while still allowing them to work with find-in-page, accessibility features, focus navigation, fragment URL navigation, etc.
You can add, remove, modify children of the <virtual-scroller> as you would a regular element, using DOM APIs. When the set of actually-rendered children is about to change, the <virtual-scroller> will fire a "rangechange" event with the new range of rendered children.

Switch

Toast

show toast

Aaaand ... That it!

resources

@noel_mace

Github

dev.to/noelmace

Noël Macé's DEV Profile

noelmace/slides-wof-conf

Github

branch: parisweb-2019

Slides