~/talk

Web Components for Authentication - The what, the how and the why

Talkat ngVikings 2020 · 2020-05-25..05-26· [web-platform, security]
slides:none on file

Creates a concrete login web component that actually calls out to Auth0 SDK, exposes two HTML attributes (domain and client_id), and handles redirects, login/logout and UI updates via observed attributes and lifecycle callbacks; implements encapsulation with shadow DOM and customizable theming via CSS custom properties and parts; demos work in plain JavaScript and mentions Angular Elements, Stencil, Hybrids and LitElement as alternatives; claims browsers are stable and the component runs within the 20 minute build shown.

AI-written summary · about

  1. 0:00Start
  2. 1:12What is a Web Component?
  3. 8:29What is Authentication?
  4. 9:11and Authorization?
  5. 9:22The process of verifying what a user has access to
  6. 9:46Access to a resource is protected by both authentication and authorization
  7. 10:31Maximum interoperability
  8. 11:50Easy implementation
  9. 17:29What tools can we use to create Web Components?
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.