in 2024 the drupal front end - drupalcamp.be · the drupal front end in 2024 ... development....
TRANSCRIPT
![Page 1: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/1.jpg)
The Drupal front endin 2024
Preston So • 24 November 2018 • DrupalCamp Belgium 2018 keynote
![Page 2: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/2.jpg)
Heerlijk welkom!
Preston So is een innovatieleider, onderzoeker, speaker en auteur van Decoupled Drupal in de Praktijk (Apress, 2018).
Als een wereldwijd bekend figuur in decoupled Drupal en onderwerp expert in decentralized web en conversational design, is Preston Directeur van Onderzoek en Innovatie bij Acquia, waar hij Acquia Labs leidt, een innovatielab dat baanbrekende projecten voor klanten als de staat Georgia en Nestlé Purina bouwt.
Met twee keren op het podium op SXSW Interactive is Preston een gewilde speaker met keynotes op vijf continenten en in drie talen.
[email protected] • @prestonso • #drupalfrontend2024
![Page 3: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/3.jpg)
© 2017 Acquia Inc. — Confidential and Proprietary© 2017 Acquia Inc. — Confidential and Proprietary
We zijn het innovatielab van Acquia: een klein team van ingenieurs dat projecten bouwt die de grenzen van opkomende technologieën verleggen.
Hebt u futuristische ideeën maar geen expertise?Acquia Labs is uw innovatiepartner.
![Page 4: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/4.jpg)
Welcome!
Preston is an innovation lead, researcher, speaker, and author of Decoupled Drupal in Practice (Apress, 2018).
A globally recognized voice on decoupled Drupal and subject matter expert in the decentralized web and conversational design, Preston is Director of Research and Innovation at Acquia, where he helms Acquia Labs, an innovation center architecting projects for clients like the State of Georgia and Nestlé Purina.
Having spoken twice at SXSW Interactive, Preston is a sought-after presenter with keynotes on five continents and in three languages.
[email protected] • @prestonso • #drupalfrontend2024
![Page 5: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/5.jpg)
© 2017 Acquia Inc. — Confidential and Proprietary© 2017 Acquia Inc. — Confidential and Proprietary
We're Acquia's innovation lab — a small team of generalist engineers building pioneering projects that push the envelope in emerging technologies.
Have forward-looking ideas but need expertise?Acquia Labs is your innovation partner.
![Page 6: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/6.jpg)
6
Decoupled Drupal in PracticePre-order now:tiny.cc/decoupled-in-practice
In the first and only comprehensive guide to decoupled Drupal across the stack, with a foreword by Drupal project lead Dries Buytaert, learn everything you need to know about decoupled Drupal—from building the back end and designing APIs to integrating with front-end technologies.
![Page 7: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/7.jpg)
Decoupled Days will be back in New York City in June 2019!More announcements coming soon.
Follow @decoupleddays on Twitter to stay updated on everything about next year.
![Page 8: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/8.jpg)
What we'll cover
● A brief history of the Drupal front end● 2012: jQuery, Ajax, and responsive design● 2018: The channel explosion and JavaScript renaissance● 2024: New channels and new front-end workflows● Drupal's editorial incongruity: A difficult choice● Universal editing: Channel-designated content● Contextless editing: Channel-agnostic content● Drupal's front-end future and developer enablement● Epilogue: The Drupal front ends in 2024
![Page 9: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/9.jpg)
A brief history ofthe Drupal front end
1
![Page 10: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/10.jpg)
Drop.org
● Large swaths of primarily narrative text
● Images interspersed throughout and sometimes span viewport
● Multimedia scoped tightly to areas of page; videos are largely synonymous with images
● Interactions via keyboard and mouse
Websites 2000
![Page 11: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/11.jpg)
Drupal 4.0 released
Websites
2002
![Page 12: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/12.jpg)
Drupal 6.0 released 2008Websites
![Page 13: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/13.jpg)
Spark
● Large swaths of text span viewport
● Images span viewport● Multimedia spans viewport● Interactions via gestures
At right: Mobile-first editing
Websites
2012Mobile
Responsive
![Page 14: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/14.jpg)
Drupal iOS SDKfirst released
Now known as Waterwheel.swift2012
Mobile
![Page 15: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/15.jpg)
Wearables
![Page 16: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/16.jpg)
2015Wearables
Apple Watch
● Limited real estate means limited coexistence
● Limited text spans viewport● Images span viewport● Multimedia spans viewport● Interactions via gestures
![Page 17: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/17.jpg)
Digital signage
![Page 18: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/18.jpg)
University of Iowa campus signage
● Need for legibility means limited coexistence
● Limited text spans viewport● Images span viewport● Multimedia spans viewport● No direct interaction except
some gestures
2016Digital signage
![Page 19: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/19.jpg)
2017Drupal serves Roku
● Content display is locked down; limited design
● Limited text according to template
● Images according to template● Multimedia according to
template● Interactions via remote
Set-top boxes
![Page 20: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/20.jpg)
Augmented reality
![Page 21: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/21.jpg)
2017Shopping with augmented reality
● More flexible design, but content is situational
● Limited text superimposed situationally
● Images superimposed situationally
● Multimedia superimposed situationally
● Interactions via gestures and motion (content proprioception)
Augmented reality
![Page 22: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/22.jpg)
Conversational interfaces
![Page 23: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/23.jpg)
2017Ask GeorgiaGov
● Content is inaccessible without particular track
● Limited text as self-contained utterances
● No images● No multimedia except audio● Interactions via dialogue (zero
user interface)
Conversational
![Page 24: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/24.jpg)
What's next?
![Page 25: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/25.jpg)
How do we prepare for a futurewhere the front end is uncertain?
![Page 26: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/26.jpg)
2012: jQuery, Ajax,and responsive design
2
![Page 27: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/27.jpg)
In 2012 ...the world didn't end
![Page 28: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/28.jpg)
In 2012 ...we had few channels
![Page 29: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/29.jpg)
2012 (film)
![Page 30: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/30.jpg)
2012
The state of channels in 2012
Websites Responsive
![Page 31: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/31.jpg)
PHPTemplate, jQuery, and Ajax
● Themer experience. PHPTemplate and Smarty, the foregoing engines available for Drupal, focused on deemphasizing custom front-end development.
● However, as solutions like jQuery and Ajax became more popular for small-scale interactions on web pages, these solutions' inflexibility began to show.
![Page 32: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/32.jpg)
"Content is like water"
![Page 33: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/33.jpg)
Content should adapt to its contextrather than being context-specific
![Page 34: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/34.jpg)
2018: The channel explosionand JavaScript renaissance
3
![Page 35: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/35.jpg)
Cambrian explosion
![Page 36: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/36.jpg)
2018
2012
2018: Where we are now
Websites Responsive
Digital signage
Wearables
Set-top boxes
Augmented reality
Conversational
Mobile
![Page 37: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/37.jpg)
Developers challenge Drupalby pushing limits of what exists
![Page 38: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/38.jpg)
Six years later, front-end toolinglooks completely different
![Page 39: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/39.jpg)
Node.js and universal JavaScript haveelevated JavaScript to a global reach
![Page 40: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/40.jpg)
Drupal
JavaScript application framework
Initial markup
Server-side JavaScript
Client
Server
Client
Server
JavaScript framework(client-side execution)
Node.js
JavaScript framework (server-side execution)
Drupal
![Page 41: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/41.jpg)
Universal (isomorphic) JavaScript
Server Client
Node.js
JavaScript framework
HTML
JavaScript framework
HTML
Synchronous
Asynchronous
executes
renders
flush
bindings by
responds
calls REST API
![Page 42: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/42.jpg)
Universal JavaScript consuming Drupal
Server Client
Node.js
JavaScript framework
HTML
JavaScript framework
HTML
Synchronous
Asynchronous
executes
renders
flush
bindings by
responds
calls REST API
Drupal
calls REST
API
responds
![Page 43: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/43.jpg)
JavaScript is just another channel,and we should treat it as such
![Page 44: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/44.jpg)
Success! Here are others that might interest you:
Lorem ipsum dolor sit amet, consectetuer adipiscing.
Subscribe to our newsletter
E-mail address
Submit
Lorem ipsum dolor sit amet, consectetuer adipiscing.
Subscribe
Submit
Lorem ipsum dolor sit amet, consectetuer adipiscing.
Drupal
Progressively decoupled Drupal
Client
Server
Synchronous
Asynchronous
one bootstrap
Drupal front end
JavaScript framework
HTTP request
![Page 45: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/45.jpg)
The spectrum of progressive decoupling approaches
Extent of page controlled by JavaScriptLess More
Drupal- (PHP-) controlled JavaScript-controlled
Decoupled blocksInteractivity scoped to blocks; Drupal controls layout
Header
Footer
Decoupled main areaMain content handed over to JS; Drupal provides static routes and initial output
Page body
Decoupled page bodyEntire page body handed over to JS; Drupal provides initial state on page load
Block
Block
Block
Main content
![Page 46: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/46.jpg)
Progressive decoupling "black boxes"
Extent of page controlled by JavaScriptLess More
Drupal- (PHP-) controlled Drupal "black boxes"
Decoupled blocksInteractivity scoped to blocks; Drupal controls layout
Header
Footer
Decoupled main areaMain content handed over to JS; Drupal provides static routes and initial output
Page body
Decoupled page bodyEntire page body handed over to JS; Drupal provides initial state on page load
Block
Block
Block
Main content
![Page 47: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/47.jpg)
Progressive decoupling "black boxes"
Header
Footer
Page body
Block
Block
Block
Main content
![Page 48: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/48.jpg)
This developer-focused mindsethas expanded to other channels
![Page 49: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/49.jpg)
2024: New channels andnew front-end workflows
4
![Page 50: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/50.jpg)
Minority Report (2002)
![Page 51: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/51.jpg)
What will Drupallook like in 2024?
![Page 52: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/52.jpg)
Drupal will have a more modern andinteractive administrative interface
![Page 53: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/53.jpg)
Our clients will want better flexibility:better control and better interfaces
![Page 54: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/54.jpg)
We can't predict how 2024front-end workflows will look
![Page 55: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/55.jpg)
But we know that there will bemany more channels available
![Page 56: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/56.jpg)
Drupal's editorial incongruity:A difficult choice
5
![Page 57: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/57.jpg)
Drupal's editorial incongruity
Drupal's value proposition is becoming incongruous between the three personas: the user, the marketer, and the developer.
I have asked before: Is this irreconcilable?
![Page 58: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/58.jpg)
Developer experience
Marketer experience
Drupal's editorial incongruity
Websites Responsive
Digital signage
Wearables
Set-top boxes
Augmented reality
Conversational
Mobile
![Page 59: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/59.jpg)
Drupal's contextual interfaces: Abandon ship?
In-place editing Contextual links
Layout management
![Page 60: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/60.jpg)
Difficult questions
● Should Drupal abandon its contextual administration tools?
● Or should Drupal aim to emphasize its current use cases first and foremost?
● Should Drupal abandon the themer persona?
● Or should Drupal double down on the themer persona?
![Page 61: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/61.jpg)
Universal editingChannel-designated content
6
![Page 62: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/62.jpg)
Create a conversational interaction flowBuild an interaction flow to delineate which content is available to your Android and iOS chatbot, your web-driven chatbot, and your Alexa and Google Home voice assistants.
Manage admin Edit
Your content
FAQWhere can I purchase Lemon & Paeroa?
PRODUCTLemon & Paeroa
STORE LOCATIONTauranga
Insert bot responseSearch all content of this type
Return exact matchBOT:Feel free to ask me anything.|
PROMOTION10% off all soft drinks
INTENT: EDIT VARIATIONSI'm looking for help finding a product.
+ Add action
+ Add action
INTENT: EDIT VARIATIONSI need an answer to my question.
BOT:Sure!
ACTION: Search for PRODUCT
BOT:Insert response to intent
ACTION: Search for FAQ
+ Add action Editing conversational content
Insert bot responseSearch all content of this type
Return exact match
![Page 63: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/63.jpg)
Create an augmented reality overlayUse this interface to determine which content to deliver to an augmented reality overlay. The appearance of the overlay will be determined by the application providing augmented reality. Provide a target and content to return.
Manage admin Edit
Your content
FAQWhere can I purchase Lemon & Paeroa?
PRODUCTLemon & Paeroa
STORE LOCATIONTauranga
PROMOTION10% off all soft drinks
TARGET IMAGE RETURNED CONTENT
Use Teaser modeUse Full modeAdd all fields+ Add image + Add content
TARGET IMAGE RETURNED CONTENT
PRODUCT
TITLELemon & Paeroa
ALTERNATE NAMEL&P
DESCRIPTIONThe best soft drink in the entire world and world-famous in New Zealand!ALTERNATE NAMEL&P
DESCRIPTIONThe best soft drink in the entire world and world-famous in New Zealand!
Use Teaser modeUse Full modeAdd all fields
Editing augmented reality content
![Page 64: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/64.jpg)
Create locational contentInsert a location and provide a push notification for each beacon by providing the beacon's unique identifier. Drupal will automatically provide a URL for the delivery of a push notification to the device.
Manage admin Edit
Your content
FAQWhere can I purchase Lemon & Paeroa?
PRODUCTLemon & Paeroa
STORE LOCATIONTauranga
PROMOTION10% off all soft drinks
Editing situational content
LOCATION
+ Add location
LOCATION
STORE LOCATIONTauranga
PUSH NOTIFICATIONS
BEACON ID48c59773-0b51-461e-93e6-36ae93f4d788
CONTENT TO PUSH
+ Add content
PUSH NOTIFICATIONS
BEACON ID48c59773-0b51-461e-93e6-36ae93f4d788
CONTENT TO PUSH
PROMOTION10% off all soft drinks
![Page 65: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/65.jpg)
The theory of editing everything
● Edit every channel on "Drupal" through outside-in interfaces and API-first Drupal
● Consistent and seamless user experience across all channel editorial experiences
● Drupal for other experiences should be indistinguishable from Drupal for web experiences
![Page 66: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/66.jpg)
Outside-in interfaces
![Page 67: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/67.jpg)
Outside-in interfaces
![Page 68: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/68.jpg)
The spectrum of edit everything
Fewer channels More channels
Better usability on fewer devices
Fewer emulation techniques to maintain
Less need for developer assistance for editorial preview
Worse usability on more devices
More emulation techniques to maintain
More need for developer assistance for editorial
preview
![Page 69: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/69.jpg)
Universal editing overcontextualizescontent in its specific channels
![Page 70: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/70.jpg)
Universal editing is thus beneficialfor marketers but less for developers
![Page 71: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/71.jpg)
Tokyo
![Page 72: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/72.jpg)
Universal editing floutsseparation of concerns
![Page 73: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/73.jpg)
But marketers are fightingproper separation of concerns
![Page 74: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/74.jpg)
Contextless editing:Channel-agnostic content
7
![Page 75: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/75.jpg)
As the number of channels grows,Drupal is stuck betweena rock and a hard place
![Page 76: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/76.jpg)
Admin UI Initiative (ckrina)
![Page 77: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/77.jpg)
Contextless editing enables a different progression
API responses served to SDKs
Content rendered into API responses
SDKs provide contextual interface
![Page 78: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/78.jpg)
The old versus new Drupal way
Single channel
Content
Contextual interface
Traditional approach
Channel
Content
Contextual interface
Possible future approach
Channel
Contextual interface
![Page 79: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/79.jpg)
Contextless editing focuses onthe content rather than the context
![Page 80: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/80.jpg)
Contextless editing
● Instead of in-place editing, decontextualized editing (the traditional node edit form)
● Instead of contextual links, a focus on the content itself and its organization (content view)
● Instead of layout management, a focus on organized API responses (e.g., Node Queue)
![Page 81: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/81.jpg)
Real-world examples ofcontextless editing exist
![Page 82: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/82.jpg)
Contextless editing requiresstrong editorial awareness of omnichannel advantages
![Page 83: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/83.jpg)
Ask GeorgiaGov is a new Alexa skill which gives citizens of the state of Georgia answers to questions about popular state government topics such as how to renew a driver's license, how to register to vote, how to enroll a child in pre-K programs, and even who Georgia's governor is.
![Page 84: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/84.jpg)
Ask GeorgiaGov "popular topics" and "FAQs"
![Page 85: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/85.jpg)
Structure of Ask GeorgiaGov content
Topic
What you should know
![Page 86: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/86.jpg)
Structure of Ask GeorgiaGov content
Question
Answer
FAQ
![Page 87: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/87.jpg)
IntroductionInvite interest
Encourage trust
OrientationSystem optionsActions to goal
ActionSet of tasks
User controls
GuidanceInstructions
Feedback
Ask GeorgiaGov key moments
Welcome to GeorgiaGov. Feel free to ask a question.
(Unclear)
Sorry, I didn't understand. Ask me a question related to the state government of Georgia.
How do I renew my driver's license?
Does this sound helpful? Driver's licenses.
Yes.
![Page 88: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/88.jpg)
IntroductionInvite interest
Encourage trust
OrientationSystem optionsActions to goal
ActionSet of tasks
User controls
GuidanceInstructions
Feedback
Ask GeorgiaGov key moments
The Department of Driver Services helps you obtain, renew, or replace ...
I have a list of related information. Would you like to hear it?
Sure.
Does this sound useful? How do I transfer my out-of-state driver's license once I move to Georgia?
Yes.
![Page 89: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/89.jpg)
IntroductionInvite interest
Encourage trust
OrientationSystem optionsActions to goal
ActionSet of tasks
User controls
GuidanceInstructions
Feedback
Ask GeorgiaGov key moments
Within 30 days of moving to Georgia you are required to visit the ...
Would you like to hear more related information?
No.
If you need a phone number for further assistance, say Phone number. If you have another question, feel free to ask it. Otherwise, you can say Exit.
Exit.
![Page 90: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/90.jpg)
Content audits will help you todecontextualize your content
![Page 91: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/91.jpg)
Making content less contextually specific
How long can I receive unemployment benefits?
How long can I receive benefits?
Are benefits taxable?
Original
NewOriginal
Are unemployment benefits taxable?
New
![Page 92: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/92.jpg)
Calls to action and link-rich text
The Social Security Administration can help you change your name on your Social Security card.
Learn how to change your name on your Social Security card.
You can receive payments through either a debit card or direct deposit. Learn more about payments.
Original
New
Original
You can receive payments through either a debit card or direct deposit.
New
![Page 93: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/93.jpg)
Calls to action and link-rich text
In Georgia, the Family Support Registry typically pulls payments directly from your paycheck. However, you can send your own payments online through your bank account, your credit card, or Western Union. You may also send your payments by mail to the address provided in your court order.
Read more about this.
Original
New
![Page 94: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/94.jpg)
Drupal's front-end futureand developer enablement
8
![Page 95: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/95.jpg)
Developers expand Drupal's reach
Web
Java-Script
Native mobile
AR/VR
Haptic
Vue.js
React WebVR
A-Frame
Swift (iOS)
X
Java (Android)
ReactVR
![Page 96: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/96.jpg)
Developers expand Drupal's reach
Web
Java-Script
Native mobile
AR/VR
Haptic
Vue.js
React WebVR
A-Frame
Swift (iOS)
X
Java (Android)
ReactVR
Reach of Drupal ecosystem
![Page 97: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/97.jpg)
The more multipolar, the better
Drupal
Web
Native mobile
AR/VR
Haptic
Java-Script
Twig WebVR
A-Frame
Swift (iOS)
X
Java (Android)
ReactVR
React
Vue.js
![Page 98: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/98.jpg)
Drupalcontextless
editing
Web
Native mobile
AR/VR
Haptic
Java-Script
Twig WebVR
A-Frame
Swift (iOS)
X
Java (Android)
ReactVR
React
Vue.js
No custom work required
Some custom work required
Entirely custom work
![Page 99: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/99.jpg)
We need a new concept ofeditor enablement in addition todeveloper enablement
![Page 100: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/100.jpg)
Drupalcontextless
editing
Web
Native mobile
AR/VR
Haptic
Java-Script
Twig WebVR
A-Frame
Swift (iOS)
X
Java (Android)
ReactVR
React
Vue.js
No custom work required
Some custom work required
![Page 101: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/101.jpg)
If we build the APIs,the developers will come
![Page 102: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/102.jpg)
If we enable developers to build UIs,editors will come along too
![Page 103: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/103.jpg)
Drupal is not just the CMS;it encompasses the ecosystem too
![Page 104: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/104.jpg)
Drupalcontextless
editing
Web
Native mobile
AR/VR
Haptic
Java-Script
Twig WebVR
A-Frame
Swift (iOS)
X
Java (Android)
ReactVR
React
Vue.js
No custom work required
Some custom work required
Drupal's "range"
![Page 105: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/105.jpg)
The API-first initiativeprepares us for any eventuality
![Page 106: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/106.jpg)
Epilogue:The Drupal front ends in 2024
9
![Page 107: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/107.jpg)
Who is the Drupal front end for, andhow do we make it work for them?
![Page 108: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/108.jpg)
In my view, contextless editingwill ultimately win out
![Page 109: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/109.jpg)
But editors' and marketers' needswill only become more demanding
![Page 110: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/110.jpg)
As such, we need an approach thatenables developers and editors
![Page 111: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/111.jpg)
Enable developers so thatthey can enable editors
![Page 112: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/112.jpg)
Drupal's API-first orientationprepares us for any 2024 event
![Page 113: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/113.jpg)
From stability in API-firstwe can expand editorial range
![Page 114: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/114.jpg)
Content should adapt to contextand not be content-specific
![Page 115: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/115.jpg)
Let's get back to thinking aboutcontent rather than its context
![Page 116: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/116.jpg)
Dank u wel! • Thank you!
Preston is an innovation lead, researcher, speaker, and author of Decoupled Drupal in Practice (Apress, 2018).
A globally recognized voice on decoupled Drupal and subject matter expert in the decentralized web and conversational design, Preston is Director of Research and Innovation at Acquia, where he helms Acquia Labs, an innovation center architecting projects for clients like the State of Georgia and Nestlé Purina.
Having spoken twice at SXSW Interactive, Preston is a sought-after presenter with keynotes on four continents and in three languages.
[email protected] • @prestonso • #talkovertext
![Page 117: in 2024 The Drupal front end - drupalcamp.be · The Drupal front end in 2024 ... development. However, as solutions like jQuery and Ajax became more popular for small-scale ... Universal](https://reader034.vdocuments.mx/reader034/viewer/2022042219/5ec5676fb8e2bb797f460e16/html5/thumbnails/117.jpg)
117
Decoupled Drupal in PracticePre-order now:tiny.cc/decoupled-in-practice
In the first and only comprehensive guide to decoupled Drupal across the stack, with a foreword by Drupal project lead Dries Buytaert, learn everything you need to know about decoupled Drupal—from building the back end and designing APIs to integrating with front-end technologies.