Upgrade your javascript to drupal 8

Sep 25, 20134 likes4,441 views

Drupal 8 introduces a lot of changes for javascript: how to add a JS file to a page, how Drupal process the aggregation of JS files, what are the new javascript APIs, what do we mean by mobile-first. This session will focus on showing Drupal developers how to update their javascript from Drupal 7 to 8 by taking an example module and going through all the relevant changes. By the end you'll know what fancy new features Drupal 8 provides you to build rich applications on top of Drupal while keeping mobile devices in mind.

Upgrade your JavaScript
to Drupal 8
Théodore'nod_'Biadala
JS Maintainer for Drupal core
Technical consultant @ Acquia
DrupalCon, Prague 2013

Few things before starting
Who can write a custom module?
Who knows about render array?
Who knows about #attached?
Who knows about hook_library()?

Javascript changes
(search&replace)
Drupal.settings
↓
drupalSettings

Javascript changes
(search&replace)
Drupal.theme.prototype
↓
Drupal.theme

Javascript changes
(search&replace)
Drupal.ajax.prototype.commands
↓
Drupal.AjaxCommands.prototype

PHP changes
drupal_add_js()
scripts[] =DON'T

PHP changes
#attached
hook_library_info()DO

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'),
));

$BEFORE function my_page() { drupal_add_js($module_path.'/script.js'); return array( '#theme' => 'item_list', '#items' => array('one', 'two', 'three'), ); }$

$AFTER function my_module_library_info () { $libraries['myscript'] = array( 'js' => array($module_path . '/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')) ); }$

$Maybe if patch #1996238 gets in my_module.library.yml: myscript: js: - { file: script.js } dependencies: - system/jquery - system/drupal - system/drupalSettings - system/jquery.once my_module.module: function my_page() { return array( '#theme' => 'item_list', '#items' => array( /* … */ ), '#attach'=>array( 'library'=>array( 'my_module/myscript', )) ); }$

D7 problems
jQuery 1.4.4
jQuery + drupal.js on all pages
Core JS breaks easily
Contrib JS is not great

D8 solutions
Update all third party JS libraries
Declare all script dependencies
Strict mode & JSHint
Coding standards

New libraries
jQuery 2
Underscore
Backbone
Modernizr
CKEditor
Joyride

New APIs
Drupal.announce(text, priority)
Drupal.displace(broadcast)
Drupal.debounce(func, wait)
Drupal.dialog(element, options)

New Features
Responsive tables
Responsive images
Quick edit
Many, many more…

Questions !
Théodore BIADALA
@nod_
theodore.biadala@acquia.com
Take the survey:
prague2013.drupal.org/session/upgrading-your-js-drupal-8
Pics found on: wtfevolution.tumblr.com

$BEFORE function my_page() { drupal_add_js($module_path.'/script.js'); return array( '#theme' => 'item_list', '#items' => array('one', 'two', 'three'), ); }$

Drupal 8 introduces a lot of changes for javascript: how to add a JS file to a page, how Drupal process the aggregation of JS files, what are the new javascript APIs. We'll be looking into the reasons for those changes. After a quick recap of the changes you need to make to port your JS to Drupal 8, we'll dig into the changes you should embrace as a module maintainer or site developer to make your life, and the web, better. But it's not all pretty, when you want to use some more advanced D8 features with your JS, you have to use messy workarounds. We'll look at a few examples of what happens when Backbone, Drupal and fancy functionalities meet in core and what it'd take to fix the mess.

Drupal.js: Best Practices for Managing Javascript in DrupalBryan Braun

Intro To jQuery In DrupalMatthew Farina

[Srijan Wednesday Webinars] Ruling Drupal 8 with #d8rulesSrijan Technologies

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.

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.

JQuery In Drupalkatbailey

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.

AngularJS ServicesEyal Vardi

BackboneJsJineesh John

Understanding backbonejsNick Lee

Анатолий Поляков - Drupal.ajax framework from a to zLEDC 2016

This document discusses Drupal's AJAX framework and how it can be used to build AJAX functionality into forms and other elements. It provides examples of using the framework to add AJAX features to forms, blocks, and links. Commands are used to manipulate the DOM and return HTML. Custom commands can also be added. The framework handles most business logic on the backend and allows building complex AJAX functionality with little required JavaScript code.

Using JavaScript in Drupalkatbailey

AngulrJS OverviewEyal Vardi

Backbone.js — Introduction to client-side JavaScript MVCpootsbook

AngularJS - $http & $resource ServicesEyal Vardi

Javascript Frameworks for JoomlaLuke Summerfield

The document discusses how JavaScript frameworks like MooTools can be leveraged in Joomla sites to provide features like DOM manipulation, classes, event listeners, and effects. It describes how MooTools is the default framework used by Joomla and provides examples of its key capabilities. Additionally, it offers suggestions for optimizing framework usage, such as implementing the Google Loader API to decrease page load times.

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 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.

React, Redux and es6/7Dongho Cho

The document discusses React, Redux, and ES6/7 features. It begins with an overview of React lifecycles and class components. It then provides a brief introduction to Redux, including core concepts like actions, reducers, and unidirectional data flow. The document also includes an example to demonstrate how React and Redux can work together, with Redux managing application state in the store and React components interacting via container components.

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.

Phase2 OpenPublish Presentation SF SemWeb Meetup, April 28, 2009Krista Thomas

This document summarizes a presentation about using Drupal and Calais API for semantic web integration. It discusses how Calais can extract metadata like entities, categories and relationships from content and map them to URIs. It shows how this metadata can be displayed in Drupal using modules like Calais Collection, More Like This and Topics Hubs. It also demonstrates how the extracted metadata can be exposed as linked open data using RDF and connected to external datasets like DBPedia through the Calais URIs. The presentation aims to provide an open source CMS platform called OpenPublish to help publishers leverage semantic web technologies.

Sprout core and performanceYehuda Katz

This document discusses techniques for improving the performance of SproutCore applications. Some key points include: 1. Keeping intermediate state in JavaScript objects rather than the DOM to avoid unnecessary re-renders. 2. Materializing objects from JSON data only when needed to avoid copying large amounts of unused data. 3. Following speed guidelines like minifying files, using a CDN, setting caching headers to optimize delivery of assets to users.

Backbone js in actionUsha Guduri

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.

Virtual Madness @ EtsyNishan Subedi

Mysql & PhpInbal Geffen

MySQL is a database server that is ideal for both small and large applications. It supports standard SQL and runs on many platforms. PHP can be used to connect to a MySQL database, perform queries to retrieve, insert, update, and delete data from database tables. Tables contain records with data organized into columns. Queries allow selecting specific data. PHP functions like mysql_connect(), mysql_query(), and mysql_fetch_array() allow interacting with MySQL databases from within PHP scripts.

Patterns Are Good For ManagersAgileThought

Drupal & javascriptAlmog Baku

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.

More Related Content

What's hot (20)

AngularJS ServicesEyal Vardi

BackboneJsJineesh John

Understanding backbonejsNick Lee

Анатолий Поляков - Drupal.ajax framework from a to zLEDC 2016

Using JavaScript in Drupalkatbailey

AngulrJS OverviewEyal Vardi

Backbone.js — Introduction to client-side JavaScript MVCpootsbook

AngularJS - $http & $resource ServicesEyal Vardi

Javascript Frameworks for JoomlaLuke Summerfield

Backbonejs for beginnersDivakar Gu

Backbone js in drupal coreMarcin Wosinek

React, Redux and es6/7Dongho Cho

Hack tutorialWakana Yoshizawa

Phase2 OpenPublish Presentation SF SemWeb Meetup, April 28, 2009Krista Thomas

Sprout core and performanceYehuda Katz

Backbone js in actionUsha Guduri

AngularJS $http Interceptors (Explanation and Examples)Brian Swartzfager

Virtual Madness @ EtsyNishan Subedi

Mysql & PhpInbal Geffen

Patterns Are Good For ManagersAgileThought

AngularJS ServicesEyal Vardi

BackboneJsJineesh John

Understanding backbonejsNick Lee

Анатолий Поляков - Drupal.ajax framework from a to zLEDC 2016

Using JavaScript in Drupalkatbailey

AngulrJS OverviewEyal Vardi

Backbone.js — Introduction to client-side JavaScript MVCpootsbook

AngularJS - $http & $resource ServicesEyal Vardi

Javascript Frameworks for JoomlaLuke Summerfield

Backbonejs for beginnersDivakar Gu

Backbone js in drupal coreMarcin Wosinek

React, Redux and es6/7Dongho Cho

Hack tutorialWakana Yoshizawa

Phase2 OpenPublish Presentation SF SemWeb Meetup, April 28, 2009Krista Thomas

Sprout core and performanceYehuda Katz

Backbone js in actionUsha Guduri

AngularJS $http Interceptors (Explanation and Examples)Brian Swartzfager

Virtual Madness @ EtsyNishan Subedi

Mysql & PhpInbal Geffen

Patterns Are Good For ManagersAgileThought

Similar to Upgrade your javascript to drupal 8 (20)

Drupal & javascriptAlmog Baku

Drupal Module Development - OSI Days 2010Siva Epari

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 Best Practicesmanugoel2003

JavaScript the Smart Way - Getting Started with jQuerykatbailey

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.

8 things to know about theming in drupal 8Logan Farr

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.

jQuery & 10,000 Global Functions: Working with Legacy JavaScriptGuy Royse

Long ago, in the late days of the first Internet boom, before jQuery, before Underscore, before Angular, there was a web application built by a large corporation. This application was written as a server-side application using server-side technology like Java or PHP. A tiny seed of JavaScript was added to some of the pages of this application to give it a little sizzle. Over the ages, this tiny bit of JavaScript grew like kudzu. Most of it was embedded in the HTML in

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.

#D8CX: Upgrade your modules to Drupal 8 (Part 1 and 2)Konstantin Komelin

#D8 cx: upgrade your modules to drupal 8 DrupalCamp Kyiv Рысь

This document discusses upgrading modules to Drupal 8. It covers changes like using plugins instead of hooks, config entities to manage configuration, and the new cache and routing systems. The presenters pledge two of their modules will support Drupal 8 on release day. They demonstrate upgrading a module, highlighting differences in forms, blocks, and testing between the versions. Attendees are encouraged to join #D8CX and help others with upgrades.

Andriy Podanenko.Drupal database api.DrupalCamp Kyiv 2011camp_drupal_ua

Staging Drupal: Change Management Strategies for DrupalErich Beyrent

The document discusses strategies for managing changes when using a staging environment for a Drupal site. It recommends using source control to manage code and configuration changes, and exporting database structures and content to code using modules like Features and Exportables. This allows changes to be reliably deployed to multiple environments. It also discusses using deployment tools like Drush and Capistrano to promote changes. While content staging is still challenging, Drupal 8 aims to improve this with a robust entity API and native UUID support.

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.

jQuery UI Widgets, Drag and Drop, Drupal 7 JavascriptDarren Mothersele

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.

Drupal as a web frameworkAdam Kalsey

Drupal isn't a content management system. It's an application development platform that happens to ship with a great CMS as it's default implementation. Look at any chart comparing features of development frameworks and you'll see user management and authentication, forms management and validation, data storage, database migrations, internationalization and translation, MVC model with flexible templating, unit testing, and caching. Sounds a lot like Drupal. We'll look at why Drupal is an ideal application development platform for apps beyond content management, talk about where Drupal can improve in these areas, and look at an example application.

Drupal 8: Themingdrubb

This document discusses theming in Drupal 8. It begins by explaining how template engines like Twig have replaced PHPTemplate for separating markup and logic. It then covers creating a Drupal theme with Twig templates and libraries, and registering templates in modules. Finally, it provides an overview of Twig syntax for variables, control structures, filters/functions, inheritance and an example block template.

Drupal & javascriptAlmog Baku

Drupal Module Development - OSI Days 2010Siva Epari

Drupal Module Developmentipsitamishra

Drupal Best Practicesmanugoel2003

JavaScript the Smart Way - Getting Started with jQuerykatbailey

Dependency Management with RequireJSAaronius

8 things to know about theming in drupal 8Logan Farr

What's new in the Drupal 7 API?Alexandru Badiu

jQuery & 10,000 Global Functions: Working with Legacy JavaScriptGuy Royse

Drupal II: The SQLddiers

#D8CX: Upgrade your modules to Drupal 8 (Part 1 and 2)Konstantin Komelin

#D8 cx: upgrade your modules to drupal 8 DrupalCamp Kyiv Рысь

Andriy Podanenko.Drupal database api.DrupalCamp Kyiv 2011camp_drupal_ua

Staging Drupal: Change Management Strategies for DrupalErich Beyrent

PHP MVCReggie Niccolo Santos

jQuery UI Widgets, Drag and Drop, Drupal 7 JavascriptDarren Mothersele

FatcWade Arnold

Drupal as a web frameworkAdam Kalsey

Drupal 8: Themingdrubb

More from Théodore Biadala (9)

Offline Drupal with progressive web appThéodore Biadala

Frontend thunderdomeThéodore Biadala

The year is 2015, in the wasteland that is the internet frontend community, Decoupled Drupal is all the rage. China, India and the African continent are releasing an army of juggernaut armed with cheap or "outdated" hardware onto the internet. Clients wants single page apps, fancy JS frontend, app-level experience for their next coporate social media extranet, better known as the "corporate cat picture library". This developer stuck in the methane refinery of web development will pit juggernauts against client's obnoxious wishes in… The Frontend Thunderdome. This talk is about putting reality back into the current mass hysteria around full js frontend. It features 5 years old hardware, angular, ember, performance and graphs.

Headful drupalThéodore Biadala

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.

Accessibility is not for screenreadersThéodore Biadala

This will be a quick overview of the accessibility problem space to help people realize how important it is and how Drupal can help. We'll see why there is no excuse to not make a website accessible if you're developing for IE8 and under. Topics include: How many people we're talking about What kind of needs have to be addressed by web a11y Which specifications apply to which scenario How to read a11y specifications What can be used to help make a website accessible http://montpellier2015.drupaldays.org/sessions/accessibility-not-screenreaders

javascript for backend developersThéodore Biadala

This session is aimed at backend developers who — willingly or not — have to write javascript. You know how to develop with your favorite language but this JS thing doesn't make sense. What's the deal with node.js anyway? You'll see enough to navigate the JS world without egg on your face. We'll see major pitfalls of JS and how to avoid them, which tools you can throw at the problem, what's the deal with the DOM, some notions around frontend performance and the direction in which this frontend thing is going. http://montpellier2015.drupaldays.org/sessions/javascript-backend-developers

Vanilla JS*Théodore Biadala

Browsers APIs grew up, developers need to acknowledge it and make use of them — when appropriate. If we don't, browsers will stop caring and we're all going to have a bad time. This session will review common Drupal JS patterns found in core, contrib and projects and how they can be simplified (for some definition of simplified), pointing out frequent library abuse on the way. The topic of micro libraries will come up and I'll bring up the topic of hybrid approaches for all of us lazy programmers. We'll talk about where and how to draw the line for using a particular solution (this is a cue for the IE8 talk). Drupal 8 code will be taken as an example. The key concerns throughout the session are performance and maintainability. Unlike fanatics, I want you to be able to use what you learned knowing all the pros and cons. When you decide it's the right thing for you to use, you can trust your choice is the right one in your situation. The future is now! (for some definition of now)

Web accessibiilty and DrupalThéodore Biadala

There are many accessibility rules and several sets of accessibility guildelines. Developing an accessible website is hard. Drupal can help you. The most important thing Drupal does for your website, is that by default it makes sure your website is not inaccessible. The road to accessibility is much longer though. We'll step through several processes you can put in place to ensure accessibility of a website. This session will introduce the different accessibility guildelines. What they are, which ones you should pay close attention to and how they apply to a website. We'll see which components of the accessbility rules relates to Drupal as a CMS, which parts relates to editors and webmasters and different tools you can use with Drupal to help you ensure a website stays accessible over time.

Javascript Pulp FictionThéodore Biadala

What's up with javascript and Drupal 8Théodore Biadala

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.

Offline Drupal with progressive web appThéodore Biadala

Frontend thunderdomeThéodore Biadala

Headful drupalThéodore Biadala

Accessibility is not for screenreadersThéodore Biadala

javascript for backend developersThéodore Biadala

Vanilla JS*Théodore Biadala

Web accessibiilty and DrupalThéodore Biadala

Javascript Pulp FictionThéodore Biadala

What's up with javascript and Drupal 8Théodore Biadala

Recently uploaded (20)

End-to-end Assurance for SD-WAN & SASE with ThousandEyesThousandEyes

Palo Alto Networks Cybersecurity FoundationVICTOR MAESTRE RAMIREZ

Cyber security cyber security cyber security cyber security cyber security cy...pranavbodhak

Fortinet Certified Associate in CybersecurityVICTOR MAESTRE RAMIREZ

Droidal: AI Agents Revolutionizing HealthcareDroidal LLC

Droidal’s AI Agents are transforming healthcare by bringing intelligence, speed, and efficiency to key areas such as Revenue Cycle Management (RCM), clinical operations, and patient engagement. Built specifically for the needs of U.S. hospitals and clinics, Droidal's solutions are designed to improve outcomes and reduce administrative burden. Through simple visuals and clear examples, the presentation explains how AI Agents can support medical coding, streamline claims processing, manage denials, ensure compliance, and enhance communication between providers and patients. By integrating seamlessly with existing systems, these agents act as digital coworkers that deliver faster reimbursements, reduce errors, and enable teams to focus more on patient care. Droidal's AI technology is more than just automation — it's a shift toward intelligent healthcare operations that are scalable, secure, and cost-effective. The presentation also offers insights into future developments in AI-driven healthcare, including how continuous learning and agent autonomy will redefine daily workflows. Whether you're a healthcare administrator, a tech leader, or a provider looking for smarter solutions, this presentation offers a compelling overview of how Droidal’s AI Agents can help your organization achieve operational excellence and better patient outcomes. A free demo trial is available for those interested in experiencing Droidal’s AI Agents firsthand. Our team will walk you through a live demo tailored to your specific workflows, helping you understand the immediate value and long-term impact of adopting AI in your healthcare environment. To request a free trial or learn more: https://droidal.com/

Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...Aaryan Kansari

Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generative AI Discover Agentic AI, the revolutionary step beyond reactive generative AI. Learn how these autonomous systems can reason, plan, execute, and adapt to achieve human-defined goals, acting as digital co-workers. Explore its promise, key frameworks like LangChain and AutoGen, and the challenges in designing reliable and safe AI agents for future workflows. Sticky Note Bullets: Definition: Next stage beyond ChatGPT-like systems, offering true autonomy. Core Function: Can "reason, plan, execute and adapt" independently. Distinction: Proactive (sets own actions for goals) vs. Reactive (responds to prompts). Promise: Acts as "digital co-workers," handling grunt work like research, drafting, bug fixing. Industry Outlook: Seen as a game-changer; Deloitte predicts 50% of companies using GenAI will have agentic AI pilots by 2027. Key Frameworks: LangChain, Microsoft's AutoGen, LangGraph, CrewAI. Development Focus: Learning to think in workflows and goals, not just model outputs. Challenges: Ensuring reliability, safety; agents can still hallucinate or go astray. Best Practices: Start small, iterate, add memory, keep humans in the loop for final decisions. Use Cases: Limited only by imagination (e.g., drafting business plans, complex simulations).

TrustArc Webinar: Mastering Privacy ContractingTrustArc

As data privacy regulations become more pervasive across the globe and organizations increasingly handle and transfer (including across borders) meaningful volumes of personal and confidential information, the need for robust contracts to be in place is more important than ever. This webinar will provide a deep dive into privacy contracting, covering essential terms and concepts, negotiation strategies, and key practices for managing data privacy risks. Whether you're in legal, privacy, security, compliance, GRC, procurement, or otherwise, this session will include actionable insights and practical strategies to help you enhance your agreements, reduce risk, and enable your business to move fast while protecting itself. This webinar will review key aspects and considerations in privacy contracting, including: - Data processing addenda, cross-border transfer terms including EU Model Clauses/Standard Contractual Clauses, etc. - Certain legally-required provisions (as well as how to ensure compliance with those provisions) - Negotiation tactics and common issues - Recent lessons from recent regulatory actions and disputes

Maxx nft market place new generation nft marketing placeusersalmanrazdelhi

PREFACE OF MAXXNFT MaxxNFT: Powering the Future of Digital Ownership MaxxNFT is a cutting-edge Web3 platform designed to revolutionize how digital assets are owned, traded, and valued. Positioned at the forefront of the NFT movement, MaxxNFT views NFTs not just as collectibles, but as the next generation of internet equity—unique, verifiable digital assets that unlock new possibilities for creators, investors, and everyday users alike. Through strategic integrations with OKT Chain and OKX Web3, MaxxNFT enables seamless cross-chain NFT trading, improved liquidity, and enhanced user accessibility. These collaborations make it easier than ever to participate in the NFT ecosystem while expanding the platform’s global reach. With a focus on innovation, user rewards, and inclusive financial growth, MaxxNFT offers multiple income streams—from referral bonuses to liquidity incentives—creating a vibrant community-driven economy. Whether you ' re minting your first NFT or building a digital asset portfolio, MaxxNFT empowers you to participate in the future of decentralized value exchange. https://maxxnft.xyz/

Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth

Evaluation Challenges in Using Generative AI for Science & Technical Content. Foundation Models show impressive results in a wide-range of tasks on scientific and legal content from information extraction to question answering and even literature synthesis. However, standard evaluation approaches (e.g. comparing to ground truth) often don't seem to work. Qualitatively the results look great but quantitive scores do not align with these observations. In this talk, I discuss the challenges we've face in our lab in evaluation. I then outline potential routes forward.

Jeremy Millul - A Talented Software DeveloperJeremy Millul

Jeremy Millul is a talented software developer based in NYC, known for leading impactful projects such as a Community Engagement Platform and a Hiking Trail Finder. Using React, MongoDB, and geolocation tools, Jeremy delivers intuitive applications that foster engagement and usability. A graduate of NYU’s Computer Science program, he brings creativity and technical expertise to every project, ensuring seamless user experiences and meaningful results in software development.

AI Trends - Mary MeekerRazin Mustafiz

UiPath Community Zurich: Release Management and Build PipelinesUiPathCommunity

Ensuring robust, reliable, and repeatable delivery processes is more critical than ever - it's a success factor for your automations and for automation programmes as a whole. In this session, we’ll dive into modern best practices for release management and explore how tools like the UiPathCLI can streamline your CI/CD pipelines. Whether you’re just starting with automation or scaling enterprise-grade deployments, our event promises to deliver helpful insights to you. This topic is relevant for both on-premise and cloud users - as well as for automation developers and software testers alike. 📕 Agenda: - Best Practices for Release Management - What it is and why it matters - UiPath Build Pipelines Deep Dive - Exploring CI/CD workflows, the UiPathCLI and showcasing scenarios for both on-premise and cloud - Discussion, Q&A 👨‍🏫 Speakers Roman Tobler, CEO@ Routinuum Johans Brink, CTO@ MvR Digital Workforce We look forward to bringing best practices and showcasing build pipelines to you - and to having interesting discussions on this important topic! If you have any questions or inputs prior to the event, don't hesitate to reach out to us. This event streamed live on May 27, 16:00 pm CET. Check out all our upcoming UiPath Community sessions at: 👉 https://community.uipath.com/events/ Join UiPath Community Zurich chapter: 👉 https://community.uipath.com/zurich/

European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch

Emma Dawson will guide you through two important topics in this session. Firstly, she will prepare you for the European Accessibility Act (EAA), which comes into effect on 28 June 2025, and show you how development teams can prepare for it. In the second part of the webinar, Emma Dawson will explore with you various integrated testing methods and tools that will help you improve accessibility during the development cycle, such as Linters, Storybook, Playwright, just to name a few. Focus: European Accessibility Act, Integrated Testing tools and methods (e.g. Linters, Storybook, Playwright) Target audience: Everyone, Developers, Testers

The case for on-premises AIPrincipled Technologies

Exploring the advantages of on-premises Dell PowerEdge servers with AMD EPYC processors vs. the cloud for small to medium businesses’ AI workloads AI initiatives can bring tremendous value to your business, but you need to support your new AI workloads effectively. That means choosing the best possible infrastructure for your needs—and many companies are finding that the cloud isn’t right for them. According to a recent Rackspace survey of IT executives, 69 percent of companies have moved some of their applications on-premises from the cloud, with half of those citing security and compliance as the reason and 44 percent citing cost. On-premises solutions provide a number of advantages. With full control over your security infrastructure, you can be certain that all compliance requirements remain firmly in the hands of your IT team. Opting for on-premises also gives you the ability to design your infrastructure to the precise needs of that team and your new AI workloads. Depending on the workload, you may also see performance benefits, along with more predictable costs. As you start to build your next AI initiative, consider an on-premises solution utilizing AMD EPYC processor-powered Dell PowerEdge servers.

Co-Constructing Explanations for AI Systems using ProvenancePaul Groth

Explanation is not a one off - it's a process where people and systems work together to gain understanding. This idea of co-constructing explanations or explanation by exploration is powerful way to frame the problem of explanation. In this talk, I discuss our first experiments with this approach for explaining complex AI systems by using provenance. Importantly, I discuss the difficulty of evaluation and discuss some of our first approaches to evaluating these systems at scale. Finally, I touch on the importance of explanation to the comprehensive evaluation of AI systems.

Grannie’s Journey to Using Healthcare AI ExperiencesLauren Parr

Securiport - A Border Security CompanySecuriport

Multistream in SIP and NoSIP @ OpenSIPS Summit 2025Lorenzo Miniero

Slides for my "Multistream support in the Janus SIP and NoSIP plugins" presentation at the OpenSIPS Summit 2025 event. They describe my efforts refactoring the Janus SIP and NoSIP plugins to allow for the gatewaying of an arbitrary number of audio/video streams per call (thus breaking the current 1-audio/1-video limitation), plus some additional considerations on what this could mean when dealing with application protocols negotiated via SIP as well.

ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptxJasper Oosterveld

STKI Israel Market Study 2025 final v1 versionDr. Jimmy Schwarzkopf

End-to-end Assurance for SD-WAN & SASE with ThousandEyesThousandEyes

Palo Alto Networks Cybersecurity FoundationVICTOR MAESTRE RAMIREZ

Cyber security cyber security cyber security cyber security cyber security cy...pranavbodhak

Fortinet Certified Associate in CybersecurityVICTOR MAESTRE RAMIREZ

Droidal: AI Agents Revolutionizing HealthcareDroidal LLC

Agentic AI Explained: The Next Frontier of Autonomous Intelligence & Generati...Aaryan Kansari

TrustArc Webinar: Mastering Privacy ContractingTrustArc

Maxx nft market place new generation nft marketing placeusersalmanrazdelhi

Evaluation Challenges in Using Generative AI for Science & Technical ContentPaul Groth

Jeremy Millul - A Talented Software DeveloperJeremy Millul

AI Trends - Mary MeekerRazin Mustafiz

UiPath Community Zurich: Release Management and Build PipelinesUiPathCommunity

European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch

The case for on-premises AIPrincipled Technologies

Co-Constructing Explanations for AI Systems using ProvenancePaul Groth

Grannie’s Journey to Using Healthcare AI ExperiencesLauren Parr

Securiport - A Border Security CompanySecuriport

Multistream in SIP and NoSIP @ OpenSIPS Summit 2025Lorenzo Miniero

ECS25 - The adventures of a Microsoft 365 Platform Owner - Website.pptxJasper Oosterveld

STKI Israel Market Study 2025 final v1 versionDr. Jimmy Schwarzkopf

Upgrade your javascript to drupal 8

1. UpgradeyourjavascripttoDrupal8

2. Upgrade your JavaScript to Drupal 8 Théodore'nod_'Biadala JS Maintainer for Drupal core Technical consultant @ Acquia DrupalCon, Prague 2013

3. Few things before starting Who can write a custom module? Who knows about render array? Who knows about #attached? Who knows about hook_library()?

4. TL ; DR

5. Javascript changes (search&replace) Drupal.settings ↓ drupalSettings

6. Javascript changes (search&replace) Drupal.theme.prototype ↓ Drupal.theme

7. Javascript changes (search&replace) Drupal.ajax.prototype.commands ↓ Drupal.AjaxCommands.prototype

8. PHP changes drupal_add_js() scripts[] =

9. PHP changes drupal_add_js() scripts[] =DON'T

10. PHP changes #attached hook_library_info()DO

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. 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'), ));

13. 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'), ));

14. 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'), ));

15. 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'), ));

16. Example

17. BEFORE function my_page() { drupal_add_js($module_path.'/script.js'); return array( '#theme' => 'item_list', '#items' => array('one', 'two', 'three'), ); }

18. AFTER function my_module_library_info () { $libraries['myscript'] = array( 'js' => array($module_path . '/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')) ); }

19. Maybe if patch #1996238 gets in my_module.library.yml: myscript: js: - { file: script.js } dependencies: - system/jquery - system/drupal - system/drupalSettings - system/jquery.once my_module.module: function my_page() { return array( '#theme' => 'item_list', '#items' => array( /* … */ ), '#attach'=>array( 'library'=>array( 'my_module/myscript', )) ); }

20. DONE !

21. Why ?

22. Drupal 7 problems

23. D7 problems jQuery 1.4.4 jQuery + drupal.js on all pages Core JS breaks easily Contrib JS is not great

24. Drupal 8 Solutions

25. D8 solutions Update all third party JS libraries Declare all script dependencies Strict mode & JSHint Coding standards

26. D8 solutions Update all third party JS libraries Declareallscriptdependencies Strict mode & JSHint Coding standards

27. New

28. New libraries jQuery 2 Underscore Backbone Modernizr CKEditor Joyride

29. New APIs Drupal.announce(text, priority) Drupal.displace(broadcast) Drupal.debounce(func, wait) Drupal.dialog(element, options)

30. New Features Responsive tables Responsive images Quick edit Many, many more…

31. Wait… jQuery 2?

32. drupal.org/project/ie8

35. Questions ! Théodore BIADALA @nod_ [email protected] Take the survey: prague2013.drupal.org/session/upgrading-your-js-drupal-8 Pics found on: wtfevolution.tumblr.com

Upgrade your javascript to drupal 8

Recommended

More Related Content

What's hot (20)

Similar to Upgrade your javascript to drupal 8 (20)

More from Théodore Biadala (9)

Recently uploaded (20)

Upgrade your javascript to drupal 8