In-depth changes to Drupal 8 javascript
7 likes7,552 views
The document provides an overview of significant changes to JavaScript in Drupal 8, including updates to the way scripts are added and dependencies are managed. It outlines the transition from Drupal 7 to Drupal 8, addressing issues with core JS and third-party libraries, while emphasizing improvements like strict mode and better aggregation. Additionally, it highlights new APIs and features that enhance functionality and responsiveness in the platform.
1 of 49
Downloaded 14 times
![PHP changes
drupal_add_js()
scripts[] =](https://image.slidesharecdn.com/javascript-changes-2013-131123064222-phpapp02/85/In-depth-changes-to-Drupal-8-javascript-7-320.jpg)
![PHP changes
'T
N
O
D
drupal_add_js()
scripts[] =](https://image.slidesharecdn.com/javascript-changes-2013-131123064222-phpapp02/85/In-depth-changes-to-Drupal-8-javascript-8-320.jpg)
![hook_library_info ?
$libraries['myscript'] = array(
'js' => array('script.js'),
'dependencies' => array(
array('system', 'jquery'),
array('system', 'drupal'),
array('system', 'drupalSettings'),
array('system', 'jquery.once'),
));](https://image.slidesharecdn.com/javascript-changes-2013-131123064222-phpapp02/85/In-depth-changes-to-Drupal-8-javascript-10-320.jpg)
![hook_library_info ?
$libraries['myscript'] = array(
'js' => array('script.js'),
'dependencies' => array(
array('system', 'jquery'),
array('system', 'drupal'),
array('system', 'drupalSettings'),
array('system', 'jquery.once'),
));](https://image.slidesharecdn.com/javascript-changes-2013-131123064222-phpapp02/85/In-depth-changes-to-Drupal-8-javascript-11-320.jpg)
![AFTER
function my_module_library_info () {
$libraries['myscript'] = array(
'js' => array($module_path . '/js/script.js'),
'dependencies' => array( /* … */ ) );
return $libraries;
}
function my_page() {
return array( '#theme' => 'item_list',
'#items' => array('one', 'two', 'three'),
'#attach' => array( 'library' => array( array('my_module', 'myscript') ) );
}](https://image.slidesharecdn.com/javascript-changes-2013-131123064222-phpapp02/85/In-depth-changes-to-Drupal-8-javascript-14-320.jpg)
Ad
Recommended
Upgrade your javascript to drupal 8
Upgrade your javascript to drupal 8Théodore Biadala The document discusses the necessary changes for upgrading JavaScript to Drupal 8, highlighting important functions and features including custom modules, render arrays, and dependencies. It outlines revisions in JavaScript handling, the transition from Drupal 7 to Drupal 8, and introduces new APIs and libraries. The speaker's contact information and a survey link are provided for further engagement.
Drupal.js: Best Practices for Managing Javascript in Drupal
Drupal.js: Best Practices for Managing Javascript in DrupalBryan Braun This document outlines best practices for managing JavaScript in Drupal, emphasizing the proper usage of the drupal_add_js() function, including its parameters for performance optimization. It also discusses how to pass data from PHP to JavaScript using settings and implements drupal behaviors for event handling. The document highlights the evolution of jQuery versions across different Drupal releases and the effects of these changes on JavaScript management.
Intro To jQuery In Drupal
Intro To jQuery In DrupalMatthew Farina The document provides an introduction to using jQuery in Drupal, outlining its history and integration into different versions of Drupal. It explains how to add JavaScript and CSS within themes, manage script and style dependencies, and utilize Drupal's built-in functions for handling settings, translations, and theming. Additionally, it addresses using jQuery UI modules and updating to newer jQuery versions while demonstrating practical code examples.
JavaScript in Drupal 7: What developers need to know
JavaScript in Drupal 7: What developers need to knowkatbailey This document discusses JavaScript improvements and changes in Drupal 7. It outlines problems with JavaScript in Drupal 6 and provides solutions implemented in Drupal 7, such as a standardized way to add JavaScript through libraries and behaviors, improved AJAX support through a new framework, and core inclusion of jQuery UI. Behaviors can now be attached and detached, and there are standardized methods for JSON encoding, adding settings to AJAX responses, and ensuring behaviors are only attached once.
[Srijan Wednesday Webinars] Ruling Drupal 8 with #d8rules
[Srijan Wednesday Webinars] Ruling Drupal 8 with #d8rulesSrijan Technologies The document outlines the development and features of the Rules module for Drupal 8, detailing its capabilities in creating flexible workflows through events, conditions, and actions. It highlights the module's integration within Drupal 8's architecture, promoting contributions and community involvement while supporting customizable mail notifications and complex redirection mechanisms. Additionally, the document provides a roadmap and technical details for plugin creation, configuration management, and the typed data API, facilitating user-friendly site building and module integration.
JQuery In Drupal
JQuery In Drupalkatbailey The document provides an overview of integrating jQuery within Drupal, detailing its history, syntax, and core functions like drupal_add_js, drupal_get_js, and drupal_to_js. It explains how to use AJAX with jQuery to dynamically load content into web pages without refreshing, as well as introduces the concept of 'Behaviors' in Drupal 6, which automate jQuery execution on pages. Additionally, it discusses the Asynchronous HTML and HTTP (AHAH) framework within Drupal for loading server content directly into the DOM.
Using JavaScript in Drupal
Using JavaScript in Drupalkatbailey This document discusses using jQuery in Drupal, including how it has been included in Drupal core since version 5 due to its small file size and modular nature. It also outlines important PHP functions for adding JavaScript to pages like drupal_add_js() and drupal_get_js(), and provides examples of using these functions to add JavaScript files, settings, and inline code.
Drupal Javascript for developers
Drupal Javascript for developersDream Production AG This document serves as a technical guide for Drupal developers on integrating JavaScript within modules and themes, covering the addition of JS files, the use of behaviors, and AJAX framework implementations. It details methods for managing libraries and the creation of responsive web components in Drupal, along with best practices to avoid issues like code duplication using jQuery's 'once' method. The guide emphasizes the use of Drupal's built-in functions and commands to effectively enhance page interactivity without compromising performance.
Backbone
BackboneGlenn De Backer Backbone.js is a JavaScript library that provides structure to applications by supplying models, collections, and views. It follows an MVC-like pattern, with models representing data, views handling display/interaction logic, and routers managing navigation. Backbone is lightweight and depends on Underscore.js for utility functions. Models manage data and can fetch/save to servers. Collections are ordered sets of models. Views display data and handle events. Routers map URLs to functions. Underscore provides over 100 helper functions for tasks like iteration, filtering, and more.
BackboneJs
BackboneJsJineesh John This document provides an overview of the main components in Backbone.js: Models, Views, Collections, and Routers. It describes what each component does, provides basic examples of implementation, and mentions some extras like Sinon.js and trends/resources.
Understanding backbonejs
Understanding backbonejsNick Lee This document provides an overview of using the Backbone.js framework for client-side MVC applications. It discusses why Backbone is useful for structuring JavaScript applications, its core architecture including models, collections, views and routers. It also provides examples of how to convert jQuery code to use a Backbone-based approach and lists some real-world applications that use Backbone.
Backbone js in drupal core
Backbone js in drupal coreMarcin Wosinek This document discusses using the JavaScript framework Backbone.js in Drupal. It begins by explaining why JavaScript matters for modern web development. It then introduces Backbone and its key concepts like the model-view-controller (MVC) pattern. Specific Backbone components are demonstrated, like models, templates, collections, views, routing, and using the Underscore.js library. Ways to incorporate Backbone in a Drupal module are presented. The document concludes by mentioning additional Backbone resources and posing questions.
AngularJS Services
AngularJS ServicesEyal Vardi The document discusses AngularJS $http service and promises. It shows how to make GET and POST requests with $http, configure headers, intercept responses, and handle success and error callbacks with promises. It also covers using the $resource service to encapsulate RESTful requests and responses into objects and shows how to inject dependencies into controllers and services.
[Coscup 2012] JavascriptMVC
[Coscup 2012] JavascriptMVCAlive Kuo This document discusses JavascriptMVC, an alternative Javascript MVC framework to BackboneJS. It provides an overview of JavascriptMVC's features such as MIT licensing, clear documentation, and providing an almost total solution for building web applications. Potential pros include the licensing, documentation, and comprehensive features. Potential cons include it being less well known and having fewer online resources than BackboneJS in Taiwan. Examples of how it handles classes, CSS, data loading/validation, and views are also provided.
AngularJS - $http & $resource Services
AngularJS - $http & $resource ServicesEyal Vardi This document discusses the AngularJS $http service and how it can be used to make AJAX requests. It shows examples of making GET and POST requests using $http, configuring headers, intercepting requests/responses, caching responses, and using the $resource service to create resources that can be used to interact with RESTful APIs.
Drupal 8: Fields reborn
Drupal 8: Fields rebornPablo López Escobés The document summarizes changes to the field system in Drupal 8. Key points include:
- Fields and field storage have been unified and moved into configuration entities for improved portability and management. Field definitions and instances are now configuration entities.
- Field types, formatters and widgets are now plugins for improved extensibility. Field item storage and access is standardized through interfaces.
- The field API and entity API have been merged, allowing fields to work across all entity types through a common storage system and set of APIs.
Backbonejs for beginners
Backbonejs for beginnersDivakar Gu Backbone.js is a client-side MVC framework that provides structure and reusable components for JavaScript applications. It includes models for data, collections for grouping models, views for displaying data and handling user interaction, and routers for handling application routes and linking views. Backbone.js uses REST and JSON for communicating with servers and emphasizes separation of concerns and modular, reusable code through its MVC architecture.
Backbone js in action
Backbone js in actionUsha Guduri The document discusses Backbone.js as a framework that structures web applications through models, views, and collections with a RESTful JSON interface. It highlights key features such as model binding, collection methods, view rendering, and the router for managing application state. Additionally, it provides code examples and suggests further resources for learning Backbone.js and related technologies.
The Django Book - Chapter 5: Models
The Django Book - Chapter 5: ModelsSharon Chen The document provides an overview of Django's database models, detailing the Model-View-Controller (MVC) architecture along with its alternatives like Model-Template-View (MTV). It explains the distinction between a Django project and an app, provides instructions for creating and managing database configurations, and includes commands for data access, filtering, and manipulation. Additionally, it highlights the importance of model syntax checks and the limitations of certain commands in database synchronization.
Hack tutorial
Hack tutorialWakana Yoshizawa This document provides a tutorial on the Hack programming language. It introduces Hack as a PHP extension created by Facebook that adds static typing. It also discusses HHVM, a virtual machine that compiles PHP and Hack to binary code for improved performance. The tutorial then walks through a series of exercises to demonstrate Hack features like type annotations, generics, and XHP for building HTML elements.
AngularJS $http Interceptors (Explanation and Examples)
AngularJS $http Interceptors (Explanation and Examples)Brian Swartzfager This document discusses AngularJS $http interceptors, which are event functions triggered during HTTP requests made with $http, $resource, and $httpBackend. There are four types of interceptors: request, requestError, response, and responseError. Interceptors are created as service factory functions and added to the $httpProvider interceptors array. They are useful for applying cross-cutting concerns like request configuration, response transformation, error handling, and authentication checks across an application. Interceptors can control their behavior conditionally based on injected services or objects. Examples demonstrate interceptors for request configuration, 400/403/500 error handling, and response processing.
Tango with django
Tango with djangoRajan Kumar Upadhyay The document discusses the advantages of Python and the Django framework for software development, highlighting its efficiency, scalability, and user-friendly features. It outlines the structure and components of a Django project, including models, views, templates, and forms. Additionally, it provides a step-by-step guide for setting up a project and creating a release tracking system with examples of code and settings configurations.
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVCpootsbook Philip Poots is a Ruby developer who works at Audacio.us. He focuses on structure frameworks, state applications, and speed with JavaScript.
Drupal 8 Services And Dependency Injection
Drupal 8 Services And Dependency InjectionPhilip Norton This document discusses Drupal 8 services and dependency injection, highlighting how services provide access to various functionalities in Drupal and how dependency injection simplifies object instantiation without manual dependency management. It includes examples of defining services in YAML files, creating service interfaces and classes, and overriding services through service provider classes. Additionally, it covers practical implementation examples such as integrating the PCA Predict module for address matching and testing via a stub service.
Jqeury ajax plugins
Jqeury ajax pluginsInbal Geffen This document discusses jQuery and plugins. It begins by showing how to perform AJAX requests without jQuery using XMLHttpRequest. It then demonstrates how to simplify AJAX requests using jQuery's $.post, $.get, and $.ajax methods. The document concludes by explaining that many jQuery plugins exist to add functionality, how to include plugin code in a webpage, and provides examples of plugin usage and structure.
BackboneJS Training - Giving Backbone to your applications
BackboneJS Training - Giving Backbone to your applicationsJoseph Khan The document provides an overview of Backbone.js, covering essential concepts such as MVC, single-page applications, and the structure of web applications. It details the core components of Backbone.js including models, views, collections, and events, along with practical coding examples. Additionally, it includes tools needed for development, a live demo app, and references for further reading.
Odoo Experience 2018 - Visualizing Data in Odoo: How to Create a New View
Odoo Experience 2018 - Visualizing Data in Odoo: How to Create a New ViewElínAnna Jónasdóttir 1. The document discusses how to create a new view in Odoo by walking through the steps of building a basic "Hello World" view.
2. It begins by setting up the basic addon structure and files needed to define the new view type. It then covers importing dependencies, defining the view class, and exporting the view.
3. The document demonstrates adding functionality like fetching and displaying data, using an architectural definition, and extending the view using a JavaScript class.
4. It concludes that creating a new view in Odoo is relatively easy and fast, taking around 130 lines of code, but additional work is still needed for testing, documentation, customization, and validation.
Patterns Are Good For Managers
Patterns Are Good For ManagersAgileThought Michael Cooper, a senior consultant, emphasizes the importance of structured patterns for software development to enhance productivity, onboarding, and code quality. He discusses the MVC (Model-View-Controller) architecture as a means to encourage solid code and standardized testing in Angular projects, allowing developers to become productive quickly. Additionally, the document highlights various code samples and tools to support the implementation of these patterns.
Drupal & javascript
Drupal & javascriptAlmog Baku This document discusses using JavaScript with Drupal. It introduces Drupal.js, which handles communication between Drupal and JavaScript scripts. It covers defining behaviors, settings, locales, and themes in JavaScript. It also discusses adding and managing scripts, working with libraries like jQuery, and Drupal's Ajax framework for building Ajax forms and functionality.
jQuery UI Widgets, Drag and Drop, Drupal 7 Javascript
jQuery UI Widgets, Drag and Drop, Drupal 7 JavascriptDarren Mothersele The document discusses the integration of jQuery UI into Drupal 7 to enhance user interface through JavaScript, detailing the creation of various interactive widgets and managing JavaScript files effectively. It covers the use of jQuery UI features like buttons and dialogs, along with setups for draggable and droppable functionalities, while emphasizing the importance of using Drupal behaviors for these interactions. Additionally, the document provides code examples and resources for further implementation and customization.
More Related Content
What's hot (20)
Backbone
BackboneGlenn De Backer Backbone.js is a JavaScript library that provides structure to applications by supplying models, collections, and views. It follows an MVC-like pattern, with models representing data, views handling display/interaction logic, and routers managing navigation. Backbone is lightweight and depends on Underscore.js for utility functions. Models manage data and can fetch/save to servers. Collections are ordered sets of models. Views display data and handle events. Routers map URLs to functions. Underscore provides over 100 helper functions for tasks like iteration, filtering, and more.
BackboneJs
BackboneJsJineesh John This document provides an overview of the main components in Backbone.js: Models, Views, Collections, and Routers. It describes what each component does, provides basic examples of implementation, and mentions some extras like Sinon.js and trends/resources.
Understanding backbonejs
Understanding backbonejsNick Lee This document provides an overview of using the Backbone.js framework for client-side MVC applications. It discusses why Backbone is useful for structuring JavaScript applications, its core architecture including models, collections, views and routers. It also provides examples of how to convert jQuery code to use a Backbone-based approach and lists some real-world applications that use Backbone.
Backbone js in drupal core
Backbone js in drupal coreMarcin Wosinek This document discusses using the JavaScript framework Backbone.js in Drupal. It begins by explaining why JavaScript matters for modern web development. It then introduces Backbone and its key concepts like the model-view-controller (MVC) pattern. Specific Backbone components are demonstrated, like models, templates, collections, views, routing, and using the Underscore.js library. Ways to incorporate Backbone in a Drupal module are presented. The document concludes by mentioning additional Backbone resources and posing questions.
AngularJS Services
AngularJS ServicesEyal Vardi The document discusses AngularJS $http service and promises. It shows how to make GET and POST requests with $http, configure headers, intercept responses, and handle success and error callbacks with promises. It also covers using the $resource service to encapsulate RESTful requests and responses into objects and shows how to inject dependencies into controllers and services.
[Coscup 2012] JavascriptMVC
[Coscup 2012] JavascriptMVCAlive Kuo This document discusses JavascriptMVC, an alternative Javascript MVC framework to BackboneJS. It provides an overview of JavascriptMVC's features such as MIT licensing, clear documentation, and providing an almost total solution for building web applications. Potential pros include the licensing, documentation, and comprehensive features. Potential cons include it being less well known and having fewer online resources than BackboneJS in Taiwan. Examples of how it handles classes, CSS, data loading/validation, and views are also provided.
AngularJS - $http & $resource Services
AngularJS - $http & $resource ServicesEyal Vardi This document discusses the AngularJS $http service and how it can be used to make AJAX requests. It shows examples of making GET and POST requests using $http, configuring headers, intercepting requests/responses, caching responses, and using the $resource service to create resources that can be used to interact with RESTful APIs.
Drupal 8: Fields reborn
Drupal 8: Fields rebornPablo López Escobés The document summarizes changes to the field system in Drupal 8. Key points include:
- Fields and field storage have been unified and moved into configuration entities for improved portability and management. Field definitions and instances are now configuration entities.
- Field types, formatters and widgets are now plugins for improved extensibility. Field item storage and access is standardized through interfaces.
- The field API and entity API have been merged, allowing fields to work across all entity types through a common storage system and set of APIs.
Backbonejs for beginners
Backbonejs for beginnersDivakar Gu Backbone.js is a client-side MVC framework that provides structure and reusable components for JavaScript applications. It includes models for data, collections for grouping models, views for displaying data and handling user interaction, and routers for handling application routes and linking views. Backbone.js uses REST and JSON for communicating with servers and emphasizes separation of concerns and modular, reusable code through its MVC architecture.
Backbone js in action
Backbone js in actionUsha Guduri The document discusses Backbone.js as a framework that structures web applications through models, views, and collections with a RESTful JSON interface. It highlights key features such as model binding, collection methods, view rendering, and the router for managing application state. Additionally, it provides code examples and suggests further resources for learning Backbone.js and related technologies.
The Django Book - Chapter 5: Models
The Django Book - Chapter 5: ModelsSharon Chen The document provides an overview of Django's database models, detailing the Model-View-Controller (MVC) architecture along with its alternatives like Model-Template-View (MTV). It explains the distinction between a Django project and an app, provides instructions for creating and managing database configurations, and includes commands for data access, filtering, and manipulation. Additionally, it highlights the importance of model syntax checks and the limitations of certain commands in database synchronization.
Hack tutorial
Hack tutorialWakana Yoshizawa This document provides a tutorial on the Hack programming language. It introduces Hack as a PHP extension created by Facebook that adds static typing. It also discusses HHVM, a virtual machine that compiles PHP and Hack to binary code for improved performance. The tutorial then walks through a series of exercises to demonstrate Hack features like type annotations, generics, and XHP for building HTML elements.
AngularJS $http Interceptors (Explanation and Examples)
AngularJS $http Interceptors (Explanation and Examples)Brian Swartzfager This document discusses AngularJS $http interceptors, which are event functions triggered during HTTP requests made with $http, $resource, and $httpBackend. There are four types of interceptors: request, requestError, response, and responseError. Interceptors are created as service factory functions and added to the $httpProvider interceptors array. They are useful for applying cross-cutting concerns like request configuration, response transformation, error handling, and authentication checks across an application. Interceptors can control their behavior conditionally based on injected services or objects. Examples demonstrate interceptors for request configuration, 400/403/500 error handling, and response processing.
Tango with django
Tango with djangoRajan Kumar Upadhyay The document discusses the advantages of Python and the Django framework for software development, highlighting its efficiency, scalability, and user-friendly features. It outlines the structure and components of a Django project, including models, views, templates, and forms. Additionally, it provides a step-by-step guide for setting up a project and creating a release tracking system with examples of code and settings configurations.
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVCpootsbook Philip Poots is a Ruby developer who works at Audacio.us. He focuses on structure frameworks, state applications, and speed with JavaScript.
Drupal 8 Services And Dependency Injection
Drupal 8 Services And Dependency InjectionPhilip Norton This document discusses Drupal 8 services and dependency injection, highlighting how services provide access to various functionalities in Drupal and how dependency injection simplifies object instantiation without manual dependency management. It includes examples of defining services in YAML files, creating service interfaces and classes, and overriding services through service provider classes. Additionally, it covers practical implementation examples such as integrating the PCA Predict module for address matching and testing via a stub service.
Jqeury ajax plugins
Jqeury ajax pluginsInbal Geffen This document discusses jQuery and plugins. It begins by showing how to perform AJAX requests without jQuery using XMLHttpRequest. It then demonstrates how to simplify AJAX requests using jQuery's $.post, $.get, and $.ajax methods. The document concludes by explaining that many jQuery plugins exist to add functionality, how to include plugin code in a webpage, and provides examples of plugin usage and structure.
BackboneJS Training - Giving Backbone to your applications
BackboneJS Training - Giving Backbone to your applicationsJoseph Khan The document provides an overview of Backbone.js, covering essential concepts such as MVC, single-page applications, and the structure of web applications. It details the core components of Backbone.js including models, views, collections, and events, along with practical coding examples. Additionally, it includes tools needed for development, a live demo app, and references for further reading.
Odoo Experience 2018 - Visualizing Data in Odoo: How to Create a New View
Odoo Experience 2018 - Visualizing Data in Odoo: How to Create a New ViewElínAnna Jónasdóttir 1. The document discusses how to create a new view in Odoo by walking through the steps of building a basic "Hello World" view.
2. It begins by setting up the basic addon structure and files needed to define the new view type. It then covers importing dependencies, defining the view class, and exporting the view.
3. The document demonstrates adding functionality like fetching and displaying data, using an architectural definition, and extending the view using a JavaScript class.
4. It concludes that creating a new view in Odoo is relatively easy and fast, taking around 130 lines of code, but additional work is still needed for testing, documentation, customization, and validation.
Patterns Are Good For Managers
Patterns Are Good For ManagersAgileThought Michael Cooper, a senior consultant, emphasizes the importance of structured patterns for software development to enhance productivity, onboarding, and code quality. He discusses the MVC (Model-View-Controller) architecture as a means to encourage solid code and standardized testing in Angular projects, allowing developers to become productive quickly. Additionally, the document highlights various code samples and tools to support the implementation of these patterns.
Similar to In-depth changes to Drupal 8 javascript (20)
Drupal & javascript
Drupal & javascriptAlmog Baku This document discusses using JavaScript with Drupal. It introduces Drupal.js, which handles communication between Drupal and JavaScript scripts. It covers defining behaviors, settings, locales, and themes in JavaScript. It also discusses adding and managing scripts, working with libraries like jQuery, and Drupal's Ajax framework for building Ajax forms and functionality.
jQuery UI Widgets, Drag and Drop, Drupal 7 Javascript
jQuery UI Widgets, Drag and Drop, Drupal 7 JavascriptDarren Mothersele The document discusses the integration of jQuery UI into Drupal 7 to enhance user interface through JavaScript, detailing the creation of various interactive widgets and managing JavaScript files effectively. It covers the use of jQuery UI features like buttons and dialogs, along with setups for draggable and droppable functionalities, while emphasizing the importance of using Drupal behaviors for these interactions. Additionally, the document provides code examples and resources for further implementation and customization.
jQuery & 10,000 Global Functions: Working with Legacy JavaScript
jQuery & 10,000 Global Functions: Working with Legacy JavaScriptGuy Royse The document discusses challenges in modernizing legacy JavaScript systems while highlighting common issues such as untestable code, excessive global functions, and deeply nested callbacks. It proposes solutions including refactoring techniques, adopting modern practices like Test-Driven Development, and utilizing promises to improve asynchronous calls. The focus is on creating maintainable, testable code through best practices and strategic refactoring.
Drupal II: The SQL
Drupal II: The SQLddiers This document discusses using the Drupal database API to interact with the database in Drupal. It covers the basics of db_query and dynamic queries using db_select. It discusses how to add conditions, joins, sorting, and other clauses to dynamic queries. It also covers how to work with result sets and how to perform inserts, updates, and deletes using the API. Finally, it discusses when to use the database API versus views and provides a case study comparing the two approaches.
Dependency Management with RequireJS
Dependency Management with RequireJSAaronius This document provides an overview of dependency management with RequireJS. It defines key concepts like modules, AMD, and RequireJS. It demonstrates how to define modules, request dependencies, and configure RequireJS. It also covers more advanced topics like defining constructor modules, configuring paths and shimming non-AMD libraries, using plugins, conditional dependencies, error handling, and optimization.
JavaScript the Smart Way - Getting Started with jQuery
JavaScript the Smart Way - Getting Started with jQuerykatbailey The document is a presentation on using jQuery in conjunction with Drupal, explaining the distinctions between JavaScript, jQuery, and AJAX. It highlights the advantages of jQuery, such as simplified code and effective DOM manipulation techniques, while providing examples of using jQuery within a Drupal environment, including methods for adding JavaScript and AJAX functionality. Key takeaways emphasize jQuery's conciseness, selector capabilities, modularity, and ease of use with AJAX.
What's new in the Drupal 7 API?
What's new in the Drupal 7 API?Alexandru Badiu This document summarizes changes to the Drupal 7 API, including improvements to the database, translation, rendering, queue, and file APIs. Key changes include an object-oriented database API, support for localization servers, storing page content as render arrays, adding producer/worker queues to offload long tasks from cron, and a stream-based file API. Modules can now more easily alter queries and page output, and additional queue and file stream types can be defined.
8 things to know about theming in drupal 8
8 things to know about theming in drupal 8Logan Farr The document covers key aspects of theming in Drupal 8, emphasizing changes in file structure, library management, and template processing with Twig. It outlines specific configurations in YAML files and best practices for debugging and using preprocess functions. The document also provides references for additional reading and resources for building a Drupal 8 theme.
Drupal Module Development - OSI Days 2010
Drupal Module Development - OSI Days 2010Siva Epari This document provides an overview of module development in Drupal. It introduces the presenters Ipsita Mishra and Siva Kumar Epari and their experience with Drupal. It then discusses the different types of modules in Drupal including core modules, contrib modules, and custom modules. For each type, it provides brief descriptions and examples. It also covers best practices for writing a custom module including file and directory structure. Finally, it discusses several developer tools that can help with module development like Drush, Devel, Devel Themer, and Coder.
Drupal Module Development
Drupal Module Developmentipsitamishra This document provides an overview of module development in Drupal. It introduces the presenters Ipsita Mishra and Siva Kumar Epari and their experience with Drupal. It then discusses the different types of modules in Drupal including core modules, contrib modules, and custom modules. For each type, it provides brief descriptions and examples. It also covers best practices for writing custom modules including file and code structure. Finally, it discusses various Drupal APIs and hooks that are useful for module development like hook_menu(), hook_block(), and tools that can assist with development like Drush, Devel, and Coder.
Drupal as a web framework
Drupal as a web frameworkAdam Kalsey The document discusses Drupal as a web application framework designed to streamline the development of dynamic websites and web services. It includes code snippets for user management, database access, and specific functionalities related to audioblogger and framework demos. Additionally, it provides contact information and links to resources like demo modules and slides for further exploration.
Javascript Pulp Fiction
Javascript Pulp FictionThéodore Biadala The document discusses various technical aspects related to JavaScript and Drupal, focusing on frontend development and testing. It highlights the importance of using data attributes, managing session storage, and adhering to best practices like using *.libraries.yml for declaring dependencies. Additionally, it touches on team dynamics and challenges faced in patching and maintaining frontend features in Drupal.
JavaScript in Drupal 7: What developers need to know
JavaScript in Drupal 7: What developers need to knowWork at Play This document discusses JavaScript improvements and changes in Drupal 7. It outlines problems with JavaScript usage in Drupal 6 and provides solutions implemented in Drupal 7, such as a standardized way to add JavaScript through libraries and behaviors, improved AJAX functionality, and core inclusion of jQuery UI. Key changes include separating jQuery from the $ alias, adding weight to script files, supporting external JavaScript, and attaching behaviors to dynamically-loaded content.
Debugging in drupal 8
Debugging in drupal 8Allie Jones The document discusses debugging techniques in Drupal 8. It begins by outlining some basic configuration options like PHP error reporting and the Devel module. It then covers specific debugging tools like Xdebug, Drupal Console, and the Web Profiler module. Various code examples demonstrate debugging problems like class not found errors and accessing protected properties. Continuous integration with Probo CI and pull requests are presented as solutions for testing and client approval workflows. The key steps for debugging are identified as thinking through code logically, identifying goals, finding the right tool to solve problems, and testing fixes.
JDay Deutschland 2015 - PHP Design Patterns in Joomla!
JDay Deutschland 2015 - PHP Design Patterns in Joomla!Yves Hoppe This document discusses various design patterns used in PHP and Joomla, including examples of how they are implemented. It covers creational patterns like factories, structural patterns like MVC and observer, and behavioral patterns. It also discusses anti-patterns to avoid. Joomla's auto-loading and class registration via JLoader is explained as helping performance and simplicity over require statements. Examples are given of how patterns like observer, MVC and strategy are combined in Joomla.
Drupal - dbtng 25th Anniversary Edition
Drupal - dbtng 25th Anniversary Editionddiers The document provides an overview of using the Drupal database API for interacting with the Drupal database. It covers basics of db_query and dynamic queries using db_select. Key points include using placeholders in queries, working with result sets, and more advanced topics like joins, sorting, conditional statements, and query tagging. The document suggests considering the database API as an alternative to Views when custom queries or aggregated data are needed that may require complex Views configuration.
[Bristol WordPress] Supercharging WordPress Development
[Bristol WordPress] Supercharging WordPress DevelopmentAdam Tomat The document discusses enhancing WordPress development through the adoption of modern best practices and frameworks, emphasizing the importance of clean, maintainable code. It highlights the shift from procedural to object-oriented programming, presenting benefits such as separation of concerns and the ability to manage dependencies more efficiently. Additionally, it evaluates tools like Timber and Lumberjack, advocating for a product mindset in building scalable and customizable WordPress applications.
Fatc
FatcWade Arnold This document discusses Wade Arnold's experience with PHP and Zend Framework. It provides an overview of Wade's background working on Zend Amf and other PHP projects. It also includes examples of file structures, models, and services that demonstrate how to build a PHP application that integrates with Flash using Zend Amf. The document advocates for using standards like Zend Framework to build robust PHP applications and services.
PHP MVC
PHP MVCReggie Niccolo Santos The document discusses the Model-View-Controller (MVC) pattern, which separates an application into three main components: the model, the view, and the controller. The model manages the application's data logic and rules. The view displays the data to the user. The controller handles input and converts it to commands for the model and view. An example PHP MVC application is provided to illustrate how the components work together. Benefits of MVC include flexibility, testability, and separation of concerns between the three components.
Drupal 8 Services
Drupal 8 ServicesPhilip Norton This document discusses Drupal services and provides examples of how to use and customize services. It covers:
- Common Drupal services like path, cache, and entity services
- Defining services in a module's services.yml file
- Overriding existing services by decorating or replacing their class
- Creating a custom service for integrating with an external API
- Stubbing out an external API service for local testing without hitting the real API
Ad
More from Théodore Biadala (8)
Offline Drupal with progressive web app
Offline Drupal with progressive web appThéodore Biadala Presentation from the "Offline Drupal with progressive web app" session at drupalcamp japan: http://2017.drupalcampjapan.net/
Frontend thunderdome
Frontend thunderdomeThéodore Biadala Le document, présenté par Théodore Biadala lors d'un événement en 2015, traite de l'évolution des smartphones depuis les années 1990, mettant en lumière les batailles entre différents systèmes d'exploitation et la performance des appareils. Il inclut des statistiques sur l'utilisation des smartphones et des données comparatives sur la performance de divers modèles. Les défis de la performance mobile et l'importance du développement web optimisé pour les appareils mobiles sont également abordés.
Headful drupal
Headful drupalThéodore Biadala 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.
Accessibility is not for screenreaders
Accessibility is not for screenreadersThéodore Biadala The document discusses the importance of web accessibility beyond just screen readers, emphasizing that it is a process focused on real-life usability for all people. It outlines the Web Content Accessibility Guidelines (WCAG) comprising principles such as perceivable, operable, understandable, and robust, and encourages integrating accessibility scenarios into user stories. Additionally, it mentions tools and resources available for ensuring accessibility in web development, particularly regarding Drupal.
javascript for backend developers
javascript for backend developersThéodore Biadala The document discusses various aspects of JavaScript as it pertains to backend development, addressing performance considerations and interactions with front-end frameworks. It highlights the importance of optimized coding practices to avoid common pitfalls, such as callback hell and variable scope issues. Additionally, it offers practical examples for ensuring efficient behavior during AJAX calls and element manipulation.
Vanilla JS*
Vanilla JS*Théodore Biadala The document discusses the use of vanilla JavaScript in Drupal development, highlighting its benefits over jQuery, particularly in terms of performance and maintainability. It emphasizes the importance of clean code, browser support, and the effectiveness of micro libraries for specific tasks. The presentation also addresses common issues with AJAX handling and event management in JavaScript, proposing a hybrid approach that combines the strengths of both vanilla JS and jQuery.
Web accessibiilty and Drupal
Web accessibiilty and DrupalThéodore Biadala The document discusses web accessibility in relation to Drupal, focusing on the Web Content Accessibility Guidelines (WCAG) and related standards. It highlights the importance of making web content perceivable, operable, understandable, and robust, while also mentioning tools and resources for testing accessibility within Drupal. The author, Théodore Biadala, shares his contact information for further questions.
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8Théodore Biadala The document discusses JavaScript integration and performance within the Drupal framework, as presented by Théodore 'nod_' Biadala. It highlights the significance of library upgrades and core shipping practices, along with performance metrics for front-end development in relation to different browsers. Additionally, it addresses the experience of Drupal developers transitioning to JavaScript.
Ad
Recently uploaded (20)
Kubernetes Security Act Now Before It’s Too Late
Kubernetes Security Act Now Before It’s Too LateMichael Furman In today's cloud-native landscape, Kubernetes has become the de facto standard for orchestrating containerized applications, but its inherent complexity introduces unique security challenges. Are you one YAML away from disaster?
This presentation, "Kubernetes Security: Act Now Before It’s Too Late," is your essential guide to understanding and mitigating the critical security risks within your Kubernetes environments. This presentation dives deep into the OWASP Kubernetes Top Ten, providing actionable insights to harden your clusters.
We will cover:
The fundamental architecture of Kubernetes and why its security is paramount.
In-depth strategies for protecting your Kubernetes Control Plane, including kube-apiserver and etcd.
Crucial best practices for securing your workloads and nodes, covering topics like privileged containers, root filesystem security, and the essential role of Pod Security Admission.
Don't wait for a breach. Learn how to identify, prevent, and respond to Kubernetes security threats effectively.
It's time to act now before it's too late!
PyData - Graph Theory for Multi-Agent Integration
PyData - Graph Theory for Multi-Agent Integrationbarqawicloud Graph theory is a well-known concept for algorithms and can be used to orchestrate the building of multi-model pipelines. By translating tasks and dependencies into a Directed Acyclic Graph, we can orchestrate diverse AI models, including NLP, vision, and recommendation capabilities. This tutorial provides a step-by-step approach to designing graph-based AI model pipelines, focusing on clinical use cases from the field.
Artificial Intelligence in the Nonprofit Boardroom.pdf
Artificial Intelligence in the Nonprofit Boardroom.pdfOnBoard OnBoard recently partnered with Microsoft Tech for Social Impact on the AI in the Nonprofit Boardroom Survey, an initiative designed to uncover the current and future role of artificial intelligence in nonprofit governance.
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptx
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptxFIDO Alliance FIDO Seminar: New Data: Passkey Adoption in the Workforce
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptxFIDO Alliance FIDO Seminar: Perspectives on Passkeys & Consumer Adoption
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...
Integration of Utility Data into 3D BIM Models Using a 3D Solids Modeling Wor...Safe Software Jacobs has developed a 3D utility solids modelling workflow to improve the integration of utility data into 3D Building Information Modeling (BIM) environments. This workflow, a collaborative effort between the New Zealand Geospatial Team and the Australian Data Capture Team, employs FME to convert 2D utility data into detailed 3D representations, supporting enhanced spatial analysis and clash detection.
To enable the automation of this process, Jacobs has also developed a survey data standard that standardizes the capture of existing utilities. This standard ensures consistency in data collection, forming the foundation for the subsequent automated validation and modelling steps. The workflow begins with the acquisition of utility survey data, including attributes such as location, depth, diameter, and material of utility assets like pipes and manholes. This data is validated through a custom-built tool that ensures completeness and logical consistency, including checks for proper connectivity between network components. Following validation, the data is processed using an automated modelling tool to generate 3D solids from 2D geometric representations. These solids are then integrated into BIM models to facilitate compatibility with 3D workflows and enable detailed spatial analyses.
The workflow contributes to improved spatial understanding by visualizing the relationships between utilities and other infrastructure elements. The automation of validation and modeling processes ensures consistent and accurate outputs, minimizing errors and increasing workflow efficiency.
This methodology highlights the application of FME in addressing challenges associated with geospatial data transformation and demonstrates its utility in enhancing data integration within BIM frameworks. By enabling accurate 3D representation of utility networks, the workflow supports improved design collaboration and decision-making in complex infrastructure projects
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdf
ENERGY CONSUMPTION CALCULATION IN ENERGY-EFFICIENT AIR CONDITIONER.pdfMuhammad Rizwan Akram DC Inverter Air Conditioners are revolutionizing the cooling industry by delivering affordable,
energy-efficient, and environmentally sustainable climate control solutions. Unlike conventional
fixed-speed air conditioners, DC inverter systems operate with variable-speed compressors that
modulate cooling output based on demand, significantly reducing energy consumption and
extending the lifespan of the appliance.
These systems are critical in reducing electricity usage, lowering greenhouse gas emissions, and
promoting eco-friendly technologies in residential and commercial sectors. With advancements in
compressor control, refrigerant efficiency, and smart energy management, DC inverter air conditioners
have become a benchmark in sustainable climate control solutions
Data Validation and System Interoperability
Data Validation and System InteroperabilitySafe Software A non-profit human services agency with specialized health record and billing systems. Challenges solved include access control integrations from employee electronic HR records, multiple regulations compliance, data migrations, benefits enrollments, payroll processing, and automated reporting for business intelligence and analysis.
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)
FME for Distribution & Transmission Integrity Management Program (DIMP & TIMP)Safe Software Peoples Gas in Chicago, IL has changed to a new Distribution & Transmission Integrity Management Program (DIMP & TIMP) software provider in recent years. In order to successfully deploy the new software we have created a series of ETL processes using FME Form to transform our gas facility data to meet the required DIMP & TIMP data specifications. This presentation will provide an overview of how we used FME to transform data from ESRI’s Utility Network and several other internal and external sources to meet the strict data specifications for the DIMP and TIMP software solutions.
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven Infrastructure
No-Code Workflows for CAD & 3D Data: Scaling AI-Driven InfrastructureSafe Software When projects depend on fast, reliable spatial data, every minute counts.
AI Clearing needed a faster way to handle complex spatial data from drone surveys, CAD designs and 3D project models across construction sites. With FME Form, they built no-code workflows to clean, convert, integrate, and validate dozens of data formats – cutting analysis time from 5 hours to just 30 minutes.
Join us, our partner Globema, and customer AI Clearing to see how they:
-Automate processing of 2D, 3D, drone, spatial, and non-spatial data
-Analyze construction progress 10x faster and with fewer errors
-Handle diverse formats like DWG, KML, SHP, and PDF with ease
-Scale their workflows for international projects in solar, roads, and pipelines
If you work with complex data, join us to learn how to optimize your own processes and transform your results with FME.
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...Edge AI and Vision Alliance For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2025/06/from-enterprise-to-makers-driving-vision-ai-innovation-at-the-extreme-edge-a-presentation-from-sony-semiconductor-solutions/
Amir Servi, Edge Deep Learning Product Manager at Sony Semiconductor Solutions, presents the “From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge” tutorial at the May 2025 Embedded Vision Summit.
Sony’s unique integrated sensor-processor technology is enabling ultra-efficient intelligence directly at the image source, transforming vision AI for enterprises and developers alike. In this presentation, Servi showcases how the AITRIOS platform simplifies vision AI for enterprises with tools for large-scale deployments and model management.
Servi also highlights his company’s collaboration with Ultralytics and Raspberry Pi, which brings YOLO models to the developer community, empowering grassroots innovation. Whether you’re scaling vision AI for industry or experimenting with cutting-edge tools, this presentation will demonstrate how Sony is accelerating high-performance, energy-efficient vision AI for all.
TrustArc Webinar - 2025 Global Privacy Survey
TrustArc Webinar - 2025 Global Privacy SurveyTrustArc How does your privacy program compare to your peers? What challenges are privacy teams tackling and prioritizing in 2025?
In the sixth annual Global Privacy Benchmarks Survey, we asked global privacy professionals and business executives to share their perspectives on privacy inside and outside their organizations. The annual report provides a 360-degree view of various industries' priorities, attitudes, and trends. See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar features an expert panel discussion and data-driven insights to help you navigate the shifting privacy landscape. Whether you are a privacy officer, legal professional, compliance specialist, or security expert, this session will provide actionable takeaways to strengthen your privacy strategy.
This webinar will review:
- The emerging trends in data protection, compliance, and risk
- The top challenges for privacy leaders, practitioners, and organizations in 2025
- The impact of evolving regulations and the crossroads with new technology, like AI
Predictions for the future of privacy in 2025 and beyond
The State of Web3 Industry- Industry Report
The State of Web3 Industry- Industry ReportLiveplex Web3 is poised for mainstream integration by 2030, with decentralized applications potentially reaching billions of users through improved scalability, user-friendly wallets, and regulatory clarity. Many forecasts project trillions of dollars in tokenized assets by 2030 , integration of AI, IoT, and Web3 (e.g. autonomous agents and decentralized physical infrastructure), and the possible emergence of global interoperability standards. Key challenges going forward include ensuring security at scale, preserving decentralization principles under regulatory oversight, and demonstrating tangible consumer value to sustain adoption beyond speculative cycles.
June Patch Tuesday
June Patch TuesdayIvanti Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Supporting the NextGen 911 Digital Transformation with FME
Supporting the NextGen 911 Digital Transformation with FMESafe Software Next Generation 911 involves the transformation of our 911 system from an old analog one to the new digital internet based architecture. The evolution of NG911 opens up a host of new opportunities to improve the system. This includes everything from device based location, to real time text. This can improve location accuracy dramatically as well as provide live updates from the citizen in need along with real time sensor updates. There is also the opportunity to provide multi-media attachments and medical records if the end user approves. This digital transformation and enhancements all require the support of new NENA and CRTC standards, along with integration across a variety of data streams.
This presentation will focus on how FME has supported NG911 transformations to date, and how we are positioning FME to support the enhanced capabilities to come. This session will be of interest to emergency services, municipalities and anyone who may be interested to know more about how emergency services are being improved to provide more accurate, localized information in order to improve the speed and relevance of emergency response and ultimately save more lives and provide better outcomes for those in need.
Oracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI ProfessionalVICTOR MAESTRE RAMIREZ Oracle Cloud Infrastructure Generative AI Professional
Introduction to Typescript - GDG On Campus EUE
Introduction to Typescript - GDG On Campus EUEGoogle Developer Group On Campus European Universities in Egypt Interested in leveling up your JavaScript skills? Join us for our Introduction to TypeScript workshop.
Learn how TypeScript can improve your code with dynamic typing, better tooling, and cleaner architecture. Whether you're a beginner or have some experience with JavaScript, this session will give you a solid foundation in TypeScript and how to integrate it into your projects.
Workshop content:
- What is TypeScript?
- What is the problem with JavaScript?
- Why TypeScript is the solution
- Coding demo
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...NTT DATA Technology & Innovation Can We Use Rust to Develop Extensions for PostgreSQL?
(POSETTE: An Event for Postgres 2025)
June 11, 2025
Shinya Kato
NTT DATA Japan Corporation
Your startup on AWS - How to architect and maintain a Lean and Mean account
Your startup on AWS - How to architect and maintain a Lean and Mean accountangelo60207 Prevent infrastructure costs from becoming a significant line item on your startup’s budget! Serial entrepreneur and software architect Angelo Mandato will share his experience with AWS Activate (startup credits from AWS) and knowledge on how to architect a lean and mean AWS account ideal for budget minded and bootstrapped startups. In this session you will learn how to manage a production ready AWS account capable of scaling as your startup grows for less than $100/month before credits. We will discuss AWS Budgets, Cost Explorer, architect priorities, and the importance of having flexible, optimized Infrastructure as Code. We will wrap everything up discussing opportunities where to save with AWS services such as S3, EC2, Load Balancers, Lambda Functions, RDS, and many others.
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...
“From Enterprise to Makers: Driving Vision AI Innovation at the Extreme Edge,...Edge AI and Vision Alliance
Introduction to Typescript - GDG On Campus EUE
Introduction to Typescript - GDG On Campus EUEGoogle Developer Group On Campus European Universities in Egypt
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...
Can We Use Rust to Develop Extensions for PostgreSQL? (POSETTE: An Event for ...NTT DATA Technology & Innovation
In-depth changes to Drupal 8 javascript
- 1. In-depth changes to Drupal 8 javascript Théodore 'nod_' Biadala JS Maintainer for Drupal core Technical consultant @ Acquia DrupalCamp, Vienna 2013
- 2. Who had problems with core JS ? With contrib JS ? Who knows about AMD/CommonJS ?
- 3. TL ; DR
- 4. Javascript changes (search & replace) Drupal.settings ↓ drupalSettings
- 5. Javascript changes (search & replace) Drupal.theme.prototype ↓ Drupal.theme
- 6. Javascript changes (search & replace) Drupal.ajax.prototype.commands ↓ Drupal.AjaxCommands.prototype
- 10. hook_library_info ? $libraries['myscript'] = array( 'js' => array('script.js'), 'dependencies' => array( array('system', 'jquery'), array('system', 'drupal'), array('system', 'drupalSettings'), array('system', 'jquery.once'), ));
- 11. hook_library_info ? $libraries['myscript'] = array( 'js' => array('script.js'), 'dependencies' => array( array('system', 'jquery'), array('system', 'drupal'), array('system', 'drupalSettings'), array('system', 'jquery.once'), ));
- 12. Example
- 13. BEFORE function my_page() { drupal_add_ js($module_path . '/js/script.js'); return array( '#theme' => 'item_list', '#items' => array('one', 'two', 'three'), ); }
- 14. AFTER function my_module_library_info () { $libraries['myscript'] = array( 'js' => array($module_path . '/js/script.js'), 'dependencies' => array( /* … */ ) ); return $libraries; } function my_page() { return array( '#theme' => 'item_list', '#items' => array('one', 'two', 'three'), '#attach' => array( 'library' => array( array('my_module', 'myscript') ) ); }
- 15. Maybe if patch #1996238 gets in my_module.library.yml: my_module.module: myscript: function my_page() { js: return array( - { file: js/script.js } '#theme' => 'item_list', dependencies: '#items' => array( /* … */ ), - system/jquery '#attach' => array( - system/drupal 'library' => array( - system/drupalSettings 'my_module/myscript', - system/jquery.once ) ) ); }
- 16. DONE !
- 17. Why ?
- 19. D7 problems jQuery 1.4.4 jQuery + drupal.js on all pages Core JS breaks easily Contrib JS is not great
- 21. D8 solutions Update all third party JS libraries Declare all script dependencies Strict mode & JSHint Coding standards
- 22. D8 solutions Update all third party JS libraries Declare all script dependencies Strict mode & JSHint Coding standards
- 23. Declare all script dependencies (AMD anyone ?)
- 25. Script Dependencies Only load what you use Dependency graph! Better aggregation, and... HTTP2 ready!
- 26. JSHint {} required === or !== new MyConstructor() hasOwnProperty() “use strict”; var
- 28. New
- 30. Wait… jQuery 2?
- 34. New APIs Drupal.announce(text, priority) Drupal.displace(broadcast) Drupal.debounce(func, wait) Drupal.dialog(element, options)
- 35. New Features Responsive tables Responsive images Quick edit Many more…
- 36. Same old stuff No documentation on api.d.o No testing No performance measurements ajax.js Drupal.behaviors
- 37. REST
- 38. Rest, edit & backbone (Expected) REST POST GET
- 39. Rest, edit & backbone (Reality) Get field edit form Hide & ajaxify form Drupal Submit Ajax form
- 42. Assets handling
- 43. Bonus
- 44. Overlay
- 45. Overlay
- 49. Questions ! Théodore BIADALA @nod_ [email protected] Pics found on: wtfevolution.tumblr.com