Web Components,
Polymer, and
HAX
#haxtheweb #apereo18
Bryan
Ollendyke
@btopro / btopro@psu.edu
Penn State, College of Arts & Architecture
Headless
Authoring
eXperience
What is Authoring
Experience?
Instructors & staff
are users, too!
Why can’t all authoring play nice together?
6 7 8
Headless
Authoring
eXperience!
What is HAX?
HAXtheweb.org
play now
How did we get headless?
So these right?
We don’t need a framework!
the web is the platform!!!
Wait, what is “the platform”?!
The web is the platform!
webcomponents.org
Why web components?
Design / component Uniformity
<div style=“color:blue;”>
<a href=“link.com”>Name</a>
</div>
<my-button link=“link.com”>
Name
</my-button>
Sustainability
Sustaina-whaaaaa?
Accessibility
Some Section header
Second Line
So what about DX?
Why does Drupal care about my Design.
I don’t know drupal and I’m not able to contribute
as a result of that.
Michael Collins, Feb 2017
“ “
Why does Drupal care about my Design.
I don’t know {your system here} and I’m not able
to contribute as a result of that.
Michael Collins, Feb 2017
“ “
The system will learn your Design.
The Design will not learn your system.
btopro, right now
“ “
Why Polymer?
U-VASE
Understanding
Via
A
Silly
Example
bower install --save LRNWebComponents/hax-body
bower install --save LRNWebComponents/hax-body
SIMULTANEOUS Cross project dev!!!!!!!!
6 7 8
Let’s work together
No matter what system we
choose!
@btopro
#haxtheweb
@elmsln

Apereo 2018 - Webcomponents and building a unified authoring experience for any project

Editor's Notes

  • #30 Atomic / Uniform / Pattern Library
  • #33 Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  • #34 Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  • #37 Semantic HTML
  • #60 In 1 year, 6 months of just Bryan and Potter.