The document discusses the concepts and intricacies of headless and traditional Drupal, focusing on JavaScript's role in rendering and routing. It highlights the significance of business logic in the backend, the advantages of using ES6 features, and touches on various tools and frameworks for effective development. The author, Théodore Biadala, emphasizes the need for accessible and secure headful Drupal implementations, alongside mentions of key resources and community discussions.

1. Headful Drupal
Théodore'nod_'Biadala
Core JS maintainer & Consultant @ Tag1

2. MiseryMisery
PainPain

3. CrazyCrazy
Drupal7Drupal7

4. Headless DrupalHeadless DrupalBuzzwordsince2014Buzzwordsince2014

5. pantheon.io/blog/headless-websites-whats-big-dealpantheon.io/blog/headless-websites-whats-big-deal

6. pantheon.io/blog/headless-websites-whats-big-dealpantheon.io/blog/headless-websites-whats-big-deal

7. Headless Drupal ?Headless Drupal ?
Frontendlogic ?Frontendlogic ?
–Templaterendering+routing–Templaterendering+routing
HeadlessAdminUI ?HeadlessAdminUI ?
–« We'renotthatdumb/rich »–« We'renotthatdumb/rich »
Businesslogic?Businesslogic?
–Stillinthebackend–Stillinthebackend

8. Headless… notHeadless… not

9. FacelessFaceless
drupaldrupal

10. Insecure and not accessibleInsecure and not accessible

11. Ideally…Ideally…

12. M. PatateM. Patate
drupaldrupal
M. PatateM. Patate
drupaldrupal

13. Web componentsWeb components

17. Headful DrupalHeadful Drupal
Helpful DrupalHelpful Drupal

18. HowHow

19. JSJS
Fewassumptions
Favornative/VanillaJS
Trytostayoutoftheway

20. ToolsTools
JSDoc

21. JSDocJSDoc
read.theodoreb.net/drupal-jsapi/

22. ISomorphicISomorphic

23. Shared JSShared JS

24. TestingTesting

25. Refactor of DOOMRefactor of DOOM
ES6ES6
PropermodulesPropermodules
SeparateinitializationSeparateinitialization
fromdeclarationfromdeclaration

27. ES6 : template strings

28. ES6 : modules

29. ES6 : Promise

30. Websocket

31. #Driesnote
GraphQL
“Progressive decoupling”

32. Discuss!
Théodore BIADALA
@nod_
theodore@biadala.net

33. “Broken Glass” — Sonny Abesamis

34. faceless Drupal
slideshare.net/exove/building-a-nodejs-accelerator-for-your-headless-drupal-backend-
drupalcamp-london-2015