際際滷

際際滷Share a Scribd company logo
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
What's up with javascript and Drupal 8
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
8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
Library Upgrade policy



Core will ship with
 latest version*
Library Upgrade policy



Core will ship with
 latest version*
Tools
What's up with javascript and Drupal 8
testing



fat module
Community
Impression of a JS dev by a Drupal dev
Webchick learning Javascript




                      Michael Schmid, CC-BY 2.0
Javascript Clean-up
      #1415788
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;
}
performance?
Editor: IE10

      node



 node/add

                                                               JS
                                                               CSS
add/article                                                    HTML




   node/1


              0   50    100                  150   200   250

                       Front-end time (ms)
Editor: IE10 No toolbar

      node



 node/add

                                                                 JS
                                                                 CSS
add/article                                                      HTML




   node/1


              0   50     100                   150   200   250

                         Front-end time (ms)
Visitor: IE10


  node



                                                           JS
                                                           CSS
                                                           HTML

node/1




         0   50    100                   150   200   250

                   Front-end time (ms)
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!
Questions?


Th辿odore BIADALA
@nod_
theodore.biadala@acquia.com

More Related Content

What's up with javascript and Drupal 8