33
What's up with javascript & Drupal Théodore 'nod_' Biadala JS Maintainer for Drupal core Technical consultant @ Acquia Frontendunited, London 2013

What's up with javascript and Drupal 8

Embed Size (px)

DESCRIPTION

This talk will show what has been accomplished in the past year for core javascript and explain what's left for the last few months before code freeze. A few topics you can expect to show up: Performance Which JS library got in core and why Tools and workflow JS clean-up As well as some future-facing questions: New policies for third party JS API changes (PHP and JS) How can contrib deal with JS-related changes What's still missing for D8 There will be mention of some crazy ideas that might work from contrib.

Citation preview

Page 1: What's up with javascript and Drupal 8

What's up with javascript & Drupal

Théodore 'nod_' Biadala

JS Maintainer for Drupal coreTechnical consultant @ Acquia

Frontendunited, London 2013

Page 2: What's up with javascript and Drupal 8
Page 3: What's up with javascript and Drupal 8
Page 4: What's up with javascript and Drupal 8
Page 5: What's up with javascript and Drupal 8

Who?

nod_ — February 2012(cue months of wishing for another maintainer)

seutje — August 2012

jessebeach — September 2012

Page 6: What's up with javascript and Drupal 8

8

Page 7: What's up with javascript and Drupal 8
Page 8: What's up with javascript and Drupal 8
Page 9: What's up with javascript and Drupal 8
Page 10: What's up with javascript and Drupal 8
Page 11: What's up with javascript and Drupal 8
Page 12: What's up with javascript and Drupal 8
Page 13: What's up with javascript and Drupal 8
Page 14: What's up with javascript and Drupal 8
Page 15: What's up with javascript and Drupal 8
Page 16: What's up with javascript and Drupal 8
Page 17: What's up with javascript and Drupal 8

Library Upgrade policy

Core will ship withlatest version*

Page 18: What's up with javascript and Drupal 8

Library Upgrade policy

Core will ship withlatest version*

Page 19: What's up with javascript and Drupal 8

Tools

Page 20: What's up with javascript and Drupal 8
Page 21: What's up with javascript and Drupal 8

testing

fat module

Page 22: What's up with javascript and Drupal 8

Community

Page 23: What's up with javascript and Drupal 8

Impression of a JS dev by a Drupal dev

Page 24: What's up with javascript and Drupal 8

Webchick learning Javascript

Michael Schmid, CC-BY 2.0

Page 25: What's up with javascript and Drupal 8

Javascript Clean-up#1415788

Page 26: What's up with javascript and Drupal 8

Script dependencies

hook_library_info() {

$lib['myscript'] = array(

'js' => array($path . '/somefile.js' => array()),

'dependencies' => array(

array('system', 'jquery'),

array('system', 'drupal'),

arrary('system', 'drupalSettings'),

),

);

return $lib;

}

Page 27: What's up with javascript and Drupal 8

performance?

Page 28: What's up with javascript and Drupal 8

Editor: IE10

node/1

add/article

node/add

node

0 50 100 150 200 250

JSCSSHTML

Front-end time (ms)

Page 29: What's up with javascript and Drupal 8

Editor: IE10 – No toolbar 

node/1

add/article

node/add

node

0 50 100 150 200 250

JSCSSHTML

Front-end time (ms)

Page 30: What's up with javascript and Drupal 8

Visitor: IE10

node/1

node

0 50 100 150 200 250

JSCSSHTML

Front-end time (ms)

Page 31: What's up with javascript and Drupal 8
Page 32: What's up with javascript and Drupal 8

In Drupal 8

JS libraries will be upgraded

Declare all your dependencies

Core front-end performance is… ok!

Page 33: What's up with javascript and Drupal 8

Questions?

Théodore BIADALA

@nod_

[email protected]