Stupid Simple: Creating Simple, Reusable, Accessible Javascript Interactivity in Drupal (or wherever)

ctorgalson — Sun, 23 Apr 2023 15:05:53 +0000

Room

HS13 (2nd floor)

ctorgalson Sun, 04/23/2023 - 17:05

Time Slot

Wed 10:45am to 11:30am (7/19/23)

Session length

Long session - 45min, including Q&A

Audience

Intermediate

Session Category

Decoupled & Frontend Development

There are a few kinds of javascript-based interactive components that experienced front-end developers have typically built many times. We usually do this because we think the implementation needs to be specific to a given project even though we routinely re-use other code (like contrib modules and base themes) on every project.

If we could avoid this, we'd benefit by reducing time spent re-inventing the wheel, and by making it possible to back-port bugfixes and new features to existing projects.

Well, we can avoid it. Reusable, extensible, customisable implementations of these small interactive components is surprisingly simple--and fast.

In this session, I will:

outline a flexible way to design and plan simple interactive javascript components for web projects with or without Drupal,
step through the implementation of a flexible, customisable, and accessible version of the Web Accessibility Initiative's "disclosure" (or show/hide) pattern,
(time permitting) step through extending the disclosure to create another common type of interactive component.

Attendees to the session will learn:

a way to decide the appropriate roles of html, javascript, and css when building interactive tools,
a way to design javascript for progressive enhancement,
a way to design javascript for reusability & extensibility,
a way to design javascript for customisibility,
a way to design javascript for responsivity,
a way to design your javascript for accessibility,
a way to make javascript responsive.

Speaker(s)

Christopher Torgalson

Front End Developer at Annertech

Speaker biography

Christopher Torgalson has been building stuff on and for the web ever since failing to make a go of a career doing philosophy. His core competencies are the front-end, specifically in Drupal, but he also has experience in the back-end and in devops.

He currently works with Annertech where he does front-end, back-end, and devops work.

Session Keywords

Javascript

CSS

Frontend Performance