what's up with javascript and drupal 8

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

Upload: theodore-biadala

Post on 19-Jun-2015

1.734 views

Category:

Technology


0 download

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.

TRANSCRIPT

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]