Video here: https://www.youtube.com/watch?v=9KYzOtAiuqY Headless Drupal certainly is popular, so is fast and maintainable code. This session will talk about JavaScript in general, presenting the latest news about the language and it's ecosystem, and Drupal in particular, exposing how Drupal could benefit from the language's evolution. This session will present news from around the frontend world and will be used to talk about: what developers want Drupal JS to do (or not do!), approaches for the Refactor of Doom (RD) that need to happen for JavaScript to be unit-testable (ES6 modules, patterns, etc.), intermediate steps to make some amount of testing possible prior to the RD, tools aimed at Drupal JS developers (eslint plugins, nodejs utilities for Drupal, etc.) frameworks, how to make decoupled implementations easier (aka. giving back some brains to headless implementations) anything else that is important to you. Core frontend is vastly better than it used to be, so much so that going headless because Drupal is a pain to work with is not an argument that can be made easily. Help us make that argument stronger to prevent people from loosing their head and drive projects to the ground.

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