IS YOUR WIDGET FAST? FIVE BEST PRACTICES TO FASTER EMBEDDABLE CONTENT
Download as key, pdf0 likes295 views
Widgets have a bad rap but they are also a fact of life. Starting from the most ubiquitous (e.g. ads) to the niche, widgets are everywhere. These slides present five best practices that lead to fast, unobtrusive embeddable code that is a welcome addition on any page.
1 of 27
Download to read offline
![EMBRACE CUSTOM
EVENTS
this.subscribe = function(evtName, fn) {
! ! _events[evtName] = (!_events[evtName]) ? [] : _events[evtName];
! ! _events[evtName].push(fn);
! };
! this.fire = function(evtName) {
! ! if (_events[evtName]) {
! ! ! var len = _events[evtName].length;
! ! ! for(var i=0; i<len; i++) {
! ! ! ! _events[evtName][i].call(this, evtName);
! ! ! }
! ! }
! };](https://image.slidesharecdn.com/velocitydeck-111114130907-phpapp02/85/IS-YOUR-WIDGET-FAST-FIVE-BEST-PRACTICES-TO-FASTER-EMBEDDABLE-CONTENT-19-320.jpg)
Recommended
Syncing Async
Syncing AsyncFITC Syncing Async with Kyle Simpson
Save 10% off ANY FITC event with discount code 'slideshare'
See our upcoming events at www.fitc.ca
I bet you think “callback hell” is about function nesting and levels of indentation. Not so much. I bet you’ve heard that Promises replace callbacks. Nope.
We need some clarity on what async flow control is all about in JavaScript. We’ll explore the perils of “Inversion of Control”, and see just what hell that leads us to. Then we’ll talk about promises as “continuation events” for function calls, and abstractions on top of promises that clean up our code. Finally, we’ll see how generators give us synchronous-looking async, and even how we can create cooperative concurrency with coroutines.
Yield those confused async notions and control your flow. I promise we’ll get your thoughts in order.
OBJECTIVE
Learn why async flow control patterns are necessary for JS, why callbacks aren’t sufficient and how promises and generators are the solution.
TARGET AUDIENCE
JS developers
ASSUMED AUDIENCE KNOWLEDGE
Intermediate to advanced JS (3+ years experience).
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Why our brains reason about code differently than the JS engine does
Why callback hell has much less to do with nesting/indentation than you thought
What inversion of control is all about, and what trust issues it creates for our code
What promises are and why they not only make code easier to reason about, but also solve inversion of control issues
Why generators are even better, and how generators+promises are potentially the best pattern we can achieve thus far
The Present Future of OAuth
The Present Future of OAuthMichael Bleigh This document provides a summary of Michael Bleigh's presentation on the present and future of OAuth. The presentation is presented as a comic strip with 4 acts. Act 1 describes the problems with the initial methods of authorization. Act 2 introduces the creation of OAuth as a new open standard. Act 3 outlines improvements with OAuth 2.0, including making it simpler and adding additional flows. Act 4 discusses implementing OAuth 2.0 both as a consumer and provider.
Secure my ng-app
Secure my ng-appM A Hossain Tonu This document provides a checklist and overview of basic security practices for securing an AngularJS application. It discusses securing the server, preventing man-in-the-middle attacks with HTTPS, preventing XSS with input sanitization, preventing XSRF with anti-CSRF tokens, and preventing JSON injection. The document also provides code examples and explanations of authentication, authorization, escaping user input, and implementing other security best practices in AngularJS.
Event
Eventmussawir20 Event provides methods for standardizing event handling across browsers. It includes methods for getting the DOM element and event properties like coordinates, and methods like observe for registering event handlers, and stop for stopping event propagation and preventing default actions. Care must be taken when unregistering handlers to ensure the same function reference passed to observe is used with stopObserving.
Magnolia CMS Tasks & Workflows
Magnolia CMS Tasks & WorkflowsMagnolia Learn how to create custom workflows for managing your editorial processes.This presentation covers Magnolia CMS process modelling and custom tasks, as well as how to implement a work item handler for executing custom tasks and configuring and putting the pieces together.
APIs That Make Things Happen
APIs That Make Things HappenJeff Lindsay This document discusses webhooks and the concept of an "evented web". Webhooks allow a server to notify a client application when something occurs, such as new data being available or an event happening. The document argues that webhooks could enable an "evented web" where applications can trigger actions in other systems in response to events. Examples are provided of how webhooks could be used to integrate Twitter and Facebook or build real-time feeds. Infrastructure like Scriptlets and Notify.io is presented as helping support the development of webhook handler scripts and notifications. The vision is that an evented web enabled by ubiquitous webhooks could make programming and customizing web applications much more common.
Webhooks
WebhooksGuillaume POTIER This document discusses webhooks and how to implement them in a PHP application. It begins by defining webhooks as custom callbacks that can alter a web page or application behavior. It then provides examples of webhooks from Google Calendar and GitHub. The document outlines best practices for implementing webhooks, including using events, a webhook subscriber, RabbitMQ for scalability, and testing tools. It recommends leveraging webhooks to integrate an application with other services.
A Gentle Introduction to Event Loops
A Gentle Introduction to Event Loopsdeepfountainconsulting This document discusses event loops and how they work. Event loops allow non-blocking operations by listening for events like network data or user input in parallel. They achieve this through callbacks, select(), threads, or other asynchronous programming techniques. Common examples of event loops include browser JavaScript, game engines, servers, and other applications that perform non-blocking IO operations. Event loops can be complex to work with correctly due to issues like race conditions, so abstractions like promises are recommended.
Magento++
Magento++Alessandro Nadalin Magento is a huge e-commerce platform built with PHP. It has over 1.5 million downloads and 2,000 extensions. While it has many features out of the box and is easy to use, developers may find it lacks speed, has poor documentation, and uses the EAV data model which some developers dislike. The document then provides tips for developers on how to extend Magento's core functionality using events, cron jobs, models, controllers and more.
2310 b 05
2310 b 05Krazy Koder The document provides an overview of adding code to Microsoft ASP.NET web forms. It discusses using code-behind pages, adding event procedures to web server controls, and using page events. Specific topics covered include implementing code using different methods, writing inline code, understanding code-behind pages, creating event procedures, interacting with controls in events, and the page event life cycle.
Magento Community. Ben Marks
Magento Community. Ben MarksMeetMagentoNY2014 The document discusses Ben Mark's role as a community evangelist at Magento Inc. It provides updates on various community initiatives that are in progress, such as improving GitHub, Magento Connect, and forums. It also outlines plans to increase transparency through monthly reports and documenting code on GitHub. Upcoming Magento events are listed. The overall message is that the community and company need each other to continue progressing initiatives for the benefit of Magento users.
How WebHooks Will Make Us All Programmers
How WebHooks Will Make Us All ProgrammersJeff Lindsay A talk I gave at SXSW 2010 about WebHooks, the Evented Web, and how it will "make us all programmers."
Accounting utilities linux
Accounting utilities linuxJames Jara The document lists several Linux commands that can be used to view user login data and accounting utilities. It provides the syntax for commands like who, w, last, lastb, lastlog, ac, and dump-utmp along with brief descriptions of what each command does. It also includes links to visit jamesjara.com and follow the Twitter account @jamesjara.
Web apps without internet
Web apps without internetMSDEVMTL Web apps can work offline using the application cache manifest to store necessary files locally. When offline, pages will load from the cache if available. The manifest lists files to cache and exceptions. Each app has a cache size limit, like 1000 files for IE. Offline web apps can be detected through HTML5 events and updated when back online. For offline AJAX, local storage persists up to 5MB of data locally to support CRUD offline, with updates queued to send when back online using a framework like KendoUI DataSource.
Example esb flow
Example esb flowAntonio Pellegrino This document provides instructions for creating a basic Mule ESB flow using file and logger components to transfer a file between folders. The flow involves:
1) Creating a Mule project in Anypoint Studio and designing a message flow with a File, Java, and another File component.
2) Configuring the input and output File components to specify the paths for the source, backup, and destination folders.
3) Configuring the Logger component to output messages to the console about the file being transferred.
4) Running the flow by dragging a test file into the source folder, which will trigger the flow to copy the file to the backup and destination folders.
Start developing Facebook apps in 13 steps
Start developing Facebook apps in 13 stepsMasakuni Kato The document outlines 13 steps to start developing Facebook apps using Heroku:
1. Create Heroku and Facebook app accounts
2. Create a Heroku app linked to the Facebook app
3. Add cloud services and download the Heroku Toolbelt to fetch the app source code from Heroku
4. Configure a local development Facebook app, set environment variables, and start a local server to test changes before committing code to Heroku.
See how i make 300$ daily 
See how i make 300$ daily vision2020166 - This method works, Guaranteed!
- Guaranteed profit ($50 your first day, and 300$+ daily afterwards)
- No investment required
- 100% Auto-pilot
- Only a 5 minutes setup
- Easy to understand
- Newbie Friendly
- It is the only method that works.
Debugging Javascript - 0 to Heisenberg
Debugging Javascript - 0 to HeisenbergChris Morrow Debugging Javascript - From 0 to Heisenberg
Full video screencast here:
http://youtu.be/-q1z8BPFItw
JavaScript APIs - The Web is the Platform
JavaScript APIs - The Web is the PlatformRobert Nyman The document discusses JavaScript APIs and developing web apps. It covers topics like manifest files, installing web apps, offline capabilities, fullscreen support, camera, telephony, SMS, battery, vibration, and more. The goal is to enable running HTML5-based web apps across platforms like Windows, Mac, Android, and more using a common Web Runtime.
Maurizio Mangione - What Service Workers can do - Codemotion Milan 2017
Maurizio Mangione - What Service Workers can do - Codemotion Milan 2017Codemotion Le Progressive Web App sono un insieme di tecnologie che permettono di implementare comportamenti prima possibili solo nelle applicazioni mobile native. Il cuore delle PWA sono i Service Worker, la feature della piattaforma web più interessante e rivoluzionaria dall'uscita delle chiamate AJAX. Durante questo talk scopriremo i segreti dei Service Worker, quello che possono fare e come utilizzarli ora in produzione.
My mule esb flow
My mule esb flowDavide Rapacciuolo MuleESB allows users to create an input and output file flow using the File and Logger components. The document outlines how to set up a Mule project in Anypoint Studio, drag the File and Logger components into the message flow, configure the input and output file paths, and run the flow to transfer a file between folders while logging the file name.
React all the things - Milos Popovic
React all the things - Milos PopovicFrontEnders This document discusses converting templates to React JSX. It begins by describing the current state of using Dust templates and MVC views. It then explains copying template code into view files and replacing template functions with JSX as an initial way to start converting to React. Further improvements discussed include using the ratt library to parse templates and the dust2jsx library for more complete AST parsing of Dust templates to convert them to JSX. The document concludes by mentioning how to implement the converted templates by changing file extensions and wrapping the output in a render function.
Understanding Asynchronous JavaScript
Understanding Asynchronous JavaScriptjnewmanux An easy dive into asynchronous programming and how it works with JavaScript's event loop, queue, and multiple threads.
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJSRobert Nyman This document provides an overview of Mozilla Web Apps including:
- Web Apps can run on platforms like Windows, Mac, Android and more.
- They are built with open web technologies like HTML5, CSS, and JavaScript.
- A manifest file is needed to define the app and install it using the Mozilla Labs App Runtime extension.
- Web Apps can use features like offline storage, IndexedDB, and fullscreen mode.
Bringing the open web and APIs to mobile devices with Firefox OS - Whisky W...
Bringing the open web and APIs to mobile devices with Firefox OS - Whisky W...Robert Nyman The document discusses building apps for Firefox OS using open web technologies like HTML5, CSS, and JavaScript. It explains that apps can be developed like regular web apps and then packaged for installation on Firefox OS devices. Developers can access device APIs for features like contacts, notifications, and sensors. The document outlines the steps to take which include developing the app, creating a manifest file, and publishing/installing the app. It provides details on various web APIs and permissions available to Firefox OS apps.
20150812 4시간만에 따라해보는 windows 10 앱 개발
20150812 4시간만에 따라해보는 windows 10 앱 개발영욱 김 This document provides an overview and agenda for a 4-hour workshop on Windows 10 app development. The agenda includes introductions to Universal Windows Platform (UWP), XAML controls, networking, LINQ, data binding, SQLite local database, toast notifications, and adaptive user interfaces. It also demonstrates some basic concepts like making HTTP requests, using LINQ queries, and handling different device orientations through visual states.
WebAPIs & WebRTC - Spotify/sthlm.js
WebAPIs & WebRTC - Spotify/sthlm.jsRobert Nyman This document discusses the APIs available in Firefox OS for building apps and customizing the user interface. It describes security levels for apps, regular APIs for things like battery status, notifications, and screen orientation, and privileged APIs for accessing contacts, storage, and activities. Future planned APIs are also listed, including WebRTC, WebUSB, and calendar access. The document provides code examples for using many of the APIs and information on getting help or trying out Firefox OS development.
Asynchronous development in JavaScript
Asynchronous development in JavaScriptAmitai Barnea Asynchronous JavaScript development allows long-running operations like network requests or file access to occur without blocking the main thread through an event-driven programming model and callback functions. The browser uses an event loop to queue and execute events. While JavaScript can only execute one task at a time, asynchronous functions expose callbacks to handle completed operations. This can lead to "callback hell" where code becomes nested and difficult to follow. Promises and async/await were introduced to simplify asynchronous code by handling callbacks in a cleaner way similar to synchronous code. Web workers also allow true concurrency by running scripts on a separate thread.
Firefox OS workshop, JSFoo, India
Firefox OS workshop, JSFoo, IndiaRobert Nyman This document provides an overview and agenda for getting started with Firefox OS and Open Web Apps. It covers setting up a development environment, building a simple "Hello World" app using HTML5, CSS and JavaScript, adding a manifest file, and publishing/installing the app. It also discusses the Firefox OS simulator, various Web APIs available to apps, and security levels for different types of apps. The speaker encourages attendees to try things out and ask questions.
JavaScript Essentials in 1 Hour (2018)
JavaScript Essentials in 1 Hour (2018)Ahmed Ibrahim [80% OFF Udemy Coupon]. Learn Modern JavaScript Essentials Quickly and save $40 today! with "Quick Course: JavaScript Essentials in 1 Hour (2018). Only $9.99!!
https://www.udemy.com/quick-course-javascript-essentials-in-1-hour-2018/?couponCode=HEM313A
More Related Content
What's hot (14)
Magento++
Magento++Alessandro Nadalin Magento is a huge e-commerce platform built with PHP. It has over 1.5 million downloads and 2,000 extensions. While it has many features out of the box and is easy to use, developers may find it lacks speed, has poor documentation, and uses the EAV data model which some developers dislike. The document then provides tips for developers on how to extend Magento's core functionality using events, cron jobs, models, controllers and more.
2310 b 05
2310 b 05Krazy Koder The document provides an overview of adding code to Microsoft ASP.NET web forms. It discusses using code-behind pages, adding event procedures to web server controls, and using page events. Specific topics covered include implementing code using different methods, writing inline code, understanding code-behind pages, creating event procedures, interacting with controls in events, and the page event life cycle.
Magento Community. Ben Marks
Magento Community. Ben MarksMeetMagentoNY2014 The document discusses Ben Mark's role as a community evangelist at Magento Inc. It provides updates on various community initiatives that are in progress, such as improving GitHub, Magento Connect, and forums. It also outlines plans to increase transparency through monthly reports and documenting code on GitHub. Upcoming Magento events are listed. The overall message is that the community and company need each other to continue progressing initiatives for the benefit of Magento users.
How WebHooks Will Make Us All Programmers
How WebHooks Will Make Us All ProgrammersJeff Lindsay A talk I gave at SXSW 2010 about WebHooks, the Evented Web, and how it will "make us all programmers."
Accounting utilities linux
Accounting utilities linuxJames Jara The document lists several Linux commands that can be used to view user login data and accounting utilities. It provides the syntax for commands like who, w, last, lastb, lastlog, ac, and dump-utmp along with brief descriptions of what each command does. It also includes links to visit jamesjara.com and follow the Twitter account @jamesjara.
Web apps without internet
Web apps without internetMSDEVMTL Web apps can work offline using the application cache manifest to store necessary files locally. When offline, pages will load from the cache if available. The manifest lists files to cache and exceptions. Each app has a cache size limit, like 1000 files for IE. Offline web apps can be detected through HTML5 events and updated when back online. For offline AJAX, local storage persists up to 5MB of data locally to support CRUD offline, with updates queued to send when back online using a framework like KendoUI DataSource.
Example esb flow
Example esb flowAntonio Pellegrino This document provides instructions for creating a basic Mule ESB flow using file and logger components to transfer a file between folders. The flow involves:
1) Creating a Mule project in Anypoint Studio and designing a message flow with a File, Java, and another File component.
2) Configuring the input and output File components to specify the paths for the source, backup, and destination folders.
3) Configuring the Logger component to output messages to the console about the file being transferred.
4) Running the flow by dragging a test file into the source folder, which will trigger the flow to copy the file to the backup and destination folders.
Start developing Facebook apps in 13 steps
Start developing Facebook apps in 13 stepsMasakuni Kato The document outlines 13 steps to start developing Facebook apps using Heroku:
1. Create Heroku and Facebook app accounts
2. Create a Heroku app linked to the Facebook app
3. Add cloud services and download the Heroku Toolbelt to fetch the app source code from Heroku
4. Configure a local development Facebook app, set environment variables, and start a local server to test changes before committing code to Heroku.
See how i make 300$ daily
See how i make 300$ daily vision2020166 - This method works, Guaranteed!
- Guaranteed profit ($50 your first day, and 300$+ daily afterwards)
- No investment required
- 100% Auto-pilot
- Only a 5 minutes setup
- Easy to understand
- Newbie Friendly
- It is the only method that works.
Debugging Javascript - 0 to Heisenberg
Debugging Javascript - 0 to HeisenbergChris Morrow Debugging Javascript - From 0 to Heisenberg
Full video screencast here:
http://youtu.be/-q1z8BPFItw
JavaScript APIs - The Web is the Platform
JavaScript APIs - The Web is the PlatformRobert Nyman The document discusses JavaScript APIs and developing web apps. It covers topics like manifest files, installing web apps, offline capabilities, fullscreen support, camera, telephony, SMS, battery, vibration, and more. The goal is to enable running HTML5-based web apps across platforms like Windows, Mac, Android, and more using a common Web Runtime.
Maurizio Mangione - What Service Workers can do - Codemotion Milan 2017
Maurizio Mangione - What Service Workers can do - Codemotion Milan 2017Codemotion Le Progressive Web App sono un insieme di tecnologie che permettono di implementare comportamenti prima possibili solo nelle applicazioni mobile native. Il cuore delle PWA sono i Service Worker, la feature della piattaforma web più interessante e rivoluzionaria dall'uscita delle chiamate AJAX. Durante questo talk scopriremo i segreti dei Service Worker, quello che possono fare e come utilizzarli ora in produzione.
My mule esb flow
My mule esb flowDavide Rapacciuolo MuleESB allows users to create an input and output file flow using the File and Logger components. The document outlines how to set up a Mule project in Anypoint Studio, drag the File and Logger components into the message flow, configure the input and output file paths, and run the flow to transfer a file between folders while logging the file name.
React all the things - Milos Popovic
React all the things - Milos PopovicFrontEnders This document discusses converting templates to React JSX. It begins by describing the current state of using Dust templates and MVC views. It then explains copying template code into view files and replacing template functions with JSX as an initial way to start converting to React. Further improvements discussed include using the ratt library to parse templates and the dust2jsx library for more complete AST parsing of Dust templates to convert them to JSX. The document concludes by mentioning how to implement the converted templates by changing file extensions and wrapping the output in a render function.
Similar to IS YOUR WIDGET FAST? FIVE BEST PRACTICES TO FASTER EMBEDDABLE CONTENT (20)
Understanding Asynchronous JavaScript
Understanding Asynchronous JavaScriptjnewmanux An easy dive into asynchronous programming and how it works with JavaScript's event loop, queue, and multiple threads.
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJSRobert Nyman This document provides an overview of Mozilla Web Apps including:
- Web Apps can run on platforms like Windows, Mac, Android and more.
- They are built with open web technologies like HTML5, CSS, and JavaScript.
- A manifest file is needed to define the app and install it using the Mozilla Labs App Runtime extension.
- Web Apps can use features like offline storage, IndexedDB, and fullscreen mode.
Bringing the open web and APIs to mobile devices with Firefox OS - Whisky W...
Bringing the open web and APIs to mobile devices with Firefox OS - Whisky W...Robert Nyman The document discusses building apps for Firefox OS using open web technologies like HTML5, CSS, and JavaScript. It explains that apps can be developed like regular web apps and then packaged for installation on Firefox OS devices. Developers can access device APIs for features like contacts, notifications, and sensors. The document outlines the steps to take which include developing the app, creating a manifest file, and publishing/installing the app. It provides details on various web APIs and permissions available to Firefox OS apps.
20150812 4시간만에 따라해보는 windows 10 앱 개발
20150812 4시간만에 따라해보는 windows 10 앱 개발영욱 김 This document provides an overview and agenda for a 4-hour workshop on Windows 10 app development. The agenda includes introductions to Universal Windows Platform (UWP), XAML controls, networking, LINQ, data binding, SQLite local database, toast notifications, and adaptive user interfaces. It also demonstrates some basic concepts like making HTTP requests, using LINQ queries, and handling different device orientations through visual states.
WebAPIs & WebRTC - Spotify/sthlm.js
WebAPIs & WebRTC - Spotify/sthlm.jsRobert Nyman This document discusses the APIs available in Firefox OS for building apps and customizing the user interface. It describes security levels for apps, regular APIs for things like battery status, notifications, and screen orientation, and privileged APIs for accessing contacts, storage, and activities. Future planned APIs are also listed, including WebRTC, WebUSB, and calendar access. The document provides code examples for using many of the APIs and information on getting help or trying out Firefox OS development.
Asynchronous development in JavaScript
Asynchronous development in JavaScriptAmitai Barnea Asynchronous JavaScript development allows long-running operations like network requests or file access to occur without blocking the main thread through an event-driven programming model and callback functions. The browser uses an event loop to queue and execute events. While JavaScript can only execute one task at a time, asynchronous functions expose callbacks to handle completed operations. This can lead to "callback hell" where code becomes nested and difficult to follow. Promises and async/await were introduced to simplify asynchronous code by handling callbacks in a cleaner way similar to synchronous code. Web workers also allow true concurrency by running scripts on a separate thread.
Firefox OS workshop, JSFoo, India
Firefox OS workshop, JSFoo, IndiaRobert Nyman This document provides an overview and agenda for getting started with Firefox OS and Open Web Apps. It covers setting up a development environment, building a simple "Hello World" app using HTML5, CSS and JavaScript, adding a manifest file, and publishing/installing the app. It also discusses the Firefox OS simulator, various Web APIs available to apps, and security levels for different types of apps. The speaker encourages attendees to try things out and ask questions.
JavaScript Essentials in 1 Hour (2018)
JavaScript Essentials in 1 Hour (2018)Ahmed Ibrahim [80% OFF Udemy Coupon]. Learn Modern JavaScript Essentials Quickly and save $40 today! with "Quick Course: JavaScript Essentials in 1 Hour (2018). Only $9.99!!
https://www.udemy.com/quick-course-javascript-essentials-in-1-hour-2018/?couponCode=HEM313A
JavaScript Misunderstood
JavaScript MisunderstoodBhavya Siddappa The document discusses JavaScript and provides an overview of common misconceptions about the language as well as best practices. It notes that JavaScript's name is misleading as it is not related to Java and was originally called LiveScript. It then outlines some design errors in JavaScript and also highlights the language's powerful features like being object-oriented, functional, and useful for AJAX applications. The document concludes by encouraging learning JavaScript best practices.
Web versus Native: round 1!
Web versus Native: round 1!Chris Mills In this talk, Chris Mills discusses the historic problems with web apps and which technologies are stepping up to fill the holes. This includes device APIs such as Web Activities, Camera, device orientation and nfc, offline apps (which are finally looking realistic thanks to service workers), installable apps, and high quality games and other immersive high performance experiences using such features as Web audio API, Pointer lock, asm.js and Emscripten.
Avinash Kundaliya: Javascript and WordPress
Avinash Kundaliya: Javascript and WordPresswpnepal This document discusses JavaScript and how it is used on over 92% of websites. It covers JavaScript fundamentals like variable scope, hoisting, and the this keyword. It also discusses how JavaScript allows first-class functions and functional programming. The document then covers how to properly manage scripts in WordPress using functions like wp_register_script, wp_enqueue_script, and wp_localize_script to internationalize scripts. It concludes by mentioning additional JavaScript topics to explore like closures and functional programming.
vJUG - The JavaFX Ecosystem
vJUG - The JavaFX EcosystemAndres Almiray The document summarizes the JavaFX ecosystem, which includes many open source libraries, frameworks, and tools. It covers layout libraries like MigLayout, widgets like Medusa and TilesFX, rich text editors, charts, UI elements, testing tools like TestFX, frameworks like Afterburner.fx and TornadoFX, IDE plugins, and Groovy integration. The ecosystem is large and constantly evolving to provide many options for building desktop and mobile JavaFX applications.
Callbacks, Promises, and Coroutines (oh my!): Asynchronous Programming Patter...
Callbacks, Promises, and Coroutines (oh my!): Asynchronous Programming Patter...Domenic Denicola This talk takes a deep dive into asynchronous programming patterns and practices, with an emphasis on the promise pattern.
We go through the basics of the event loop, highlighting the drawbacks of asynchronous programming in a naive callback style. Fortunately, we can use the magic of promises to escape from callback hell with a powerful and unified interface for async APIs. Finally, we take a quick look at the possibilities for using coroutines both in current and future (ECMAScript Harmony) JavaScript.
You promise?
You promise?IT Weekend This document discusses the problems with asynchronous JavaScript and callbacks, and introduces promises as a better abstraction. It explains that promises represent asynchronous values, and allow asynchronous code to be written in a more synchronous and readable way using chained .then() calls. It provides examples of how common asynchronous patterns like error handling, parallel operations, and transforming return values can be implemented cleanly with promises. Finally, it discusses popular promise libraries and the upcoming native ES6 Promise implementation.
2008 - TechDays PT: WCF, JSON and AJAX for performance and manageability
2008 - TechDays PT: WCF, JSON and AJAX for performance and manageabilityDaniel Fisher The document profiles two software architects and CTOs at devocach, Daniel Fisher and Michael Willers. It lists their extensive experience in areas like development, architecture, consulting, and community events. It also outlines some of devocach's expertise, including service orientation, agile methods, web and data access, and security. The document emphasizes that devocach works on real projects, not just demonstrations.
Service worker - Offline Web
Service worker - Offline WebBruno Oliveira A presentation about the Service Worker.
Talk about the difference between AppCache and ServiceWorker, also show as possible with him and the idea for the future.
Demo: https://github.com/brunoosilva/service-worker
Bringing the Open Web & APIs to
mobile devices with Firefox OS - Geek Meet
Bringing the Open Web & APIs to
mobile devices with Firefox OS - Geek MeetRobert Nyman Firefox OS uses HTML5, CSS, and JavaScript to build apps that run on mobile devices. Developers can create open web apps using these technologies along with app manifest files and by taking advantage of device APIs for features like notifications, vibration, and battery status. The OS supports both packaged and hosted apps and uses a permission system to control access to privileged APIs for functions like contacts, messaging, and telephony. Future plans include additional APIs for areas such as peer-to-peer connectivity, NFC, and WebRTC.
Fundamental Node.js (Workshop bersama Front-end Developer GITS Indonesia, War...
Fundamental Node.js (Workshop bersama Front-end Developer GITS Indonesia, War...GITS Indonesia Salah satu front-end developer GITS Indonesia, Warsono, mengisi workshop di universitas, mengenai Vue.js.
Ikuti kami di kanal berikut, agar tidak ketinggalan acara seru:
Instagram: @gitsindonesia
LinkedIn: GITS Indonesia
Website: gits.id
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao Paulo
HTML5, The Open Web, and what it means for you - MDN Hack Day, Sao PauloRobert Nyman HTML5 introduces new semantic elements like <header>, <nav>, <article>, and <section> to provide more meaning and better accessibility. It also defines new form input types, 2D/3D graphics via Canvas and WebGL, offline applications, geolocation, audio, and video elements. While browser support continues to improve with HTML5 features through sites like caniuse.com, some features may not work identically or at all across browsers yet. However, HTML5 is the future of the open web and its standards will continue to be supported and built upon.
The Open Web and what it means
The Open Web and what it meansRobert Nyman Mozilla is a nonprofit dedicated to empowering users and promoting open web standards. The document discusses Mozilla's Browser ID system for user authentication, tools for developing web applications including manifest files, installing apps, accessing device capabilities like the camera and battery, and using technologies like IndexedDB, HTML5, and CSS3. It also covers Mozilla's Boot to Gecko project and APIs for telephony, SMS, and vibration in mobile browsers.
Recently uploaded (20)
Unlocking Generative AI in your Web Apps
Unlocking Generative AI in your Web AppsMaximiliano Firtman Slides for the session delivered at Devoxx UK 2025 - Londo.
Discover how to seamlessly integrate AI LLM models into your website using cutting-edge techniques like new client-side APIs and cloud services. Learn how to execute AI models in the front-end without incurring cloud fees by leveraging Chrome's Gemini Nano model using the window.ai inference API, or utilizing WebNN, WebGPU, and WebAssembly for open-source models.
This session dives into API integration, token management, secure prompting, and practical demos to get you started with AI on the web.
Unlock the power of AI on the web while having fun along the way!
Financial Services Technology Summit 2025
Financial Services Technology Summit 2025Ray Bugg The FS Technology Summit
Technology increasingly permeates every facet of the financial services sector, from personal banking to institutional investment to payments.
The conference will explore the transformative impact of technology on the modern FS enterprise, examining how it can be applied to drive practical business improvement and frontline customer impact.
The programme will contextualise the most prominent trends that are shaping the industry, from technical advancements in Cloud, AI, Blockchain and Payments, to the regulatory impact of Consumer Duty, SDR, DORA & NIS2.
The Summit will bring together senior leaders from across the sector, and is geared for shared learning, collaboration and high-level networking. The FS Technology Summit will be held as a sister event to our 12th annual Fintech Summit.
Vaibhav Gupta BAML: AI work flows without Hallucinations
Vaibhav Gupta BAML: AI work flows without Hallucinationsjohn409870 Shipping Agents
Vaibhav Gupta
Cofounder @ Boundary
in/vaigup
boundaryml/baml
Imagine if every API call you made
failed only 5% of the time
boundaryml/baml
Imagine if every LLM call you made
failed only 5% of the time
boundaryml/baml
Imagine if every LLM call you made
failed only 5% of the time
boundaryml/baml
Fault tolerant systems are hard
but now everything must be
fault tolerant
boundaryml/baml
We need to change how we
think about these systems
Aaron Villalpando
Cofounder @ Boundary
Boundary
Combinator
boundaryml/baml
We used to write websites like this:
boundaryml/baml
But now we do this:
boundaryml/baml
Problems web dev had:
boundaryml/baml
Problems web dev had:
Strings. Strings everywhere.
boundaryml/baml
Problems web dev had:
Strings. Strings everywhere.
State management was impossible.
boundaryml/baml
Problems web dev had:
Strings. Strings everywhere.
State management was impossible.
Dynamic components? forget about it.
boundaryml/baml
Problems web dev had:
Strings. Strings everywhere.
State management was impossible.
Dynamic components? forget about it.
Reuse components? Good luck.
boundaryml/baml
Problems web dev had:
Strings. Strings everywhere.
State management was impossible.
Dynamic components? forget about it.
Reuse components? Good luck.
Iteration loops took minutes.
boundaryml/baml
Problems web dev had:
Strings. Strings everywhere.
State management was impossible.
Dynamic components? forget about it.
Reuse components? Good luck.
Iteration loops took minutes.
Low engineering rigor
boundaryml/baml
React added engineering rigor
boundaryml/baml
The syntax we use changes how we
think about problems
boundaryml/baml
We used to write agents like this:
boundaryml/baml
Problems agents have:
boundaryml/baml
Problems agents have:
Strings. Strings everywhere.
Context management is impossible.
Changing one thing breaks another.
New models come out all the time.
Iteration loops take minutes.
boundaryml/baml
Problems agents have:
Strings. Strings everywhere.
Context management is impossible.
Changing one thing breaks another.
New models come out all the time.
Iteration loops take minutes.
Low engineering rigor
boundaryml/baml
Agents need
the expressiveness of English,
but the structure of code
F*** You, Show Me The Prompt.
boundaryml/baml
<show don’t tell>
Less prompting +
More engineering
=
Reliability +
Maintainability
BAML
Sam
Greg Antonio
Chris
turned down
openai to join
ex-founder, one
of the earliest
BAML users
MIT PhD
20+ years in
compilers
made his own
database, 400k+
youtube views
Vaibhav Gupta
in/vaigup
[email protected]
boundaryml/baml
Thank you!
The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n...
The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n...SOFTTECHHUB The No-Code Way to Build a Marketing Team with One AI Agent (Download the n8n Template Free)
Challenges in Migrating Imperative Deep Learning Programs to Graph Execution:...
Challenges in Migrating Imperative Deep Learning Programs to Graph Execution:...Raffi Khatchadourian Efficiency is essential to support responsiveness w.r.t. ever-growing datasets, especially for Deep Learning (DL) systems. DL frameworks have traditionally embraced deferred execution-style DL code that supports symbolic, graph-based Deep Neural Network (DNN) computation. While scalable, such development tends to produce DL code that is error-prone, non-intuitive, and difficult to debug. Consequently, more natural, less error-prone imperative DL frameworks encouraging eager execution have emerged at the expense of run-time performance. While hybrid approaches aim for the "best of both worlds," the challenges in applying them in the real world are largely unknown. We conduct a data-driven analysis of challenges---and resultant bugs---involved in writing reliable yet performant imperative DL code by studying 250 open-source projects, consisting of 19.7 MLOC, along with 470 and 446 manually examined code patches and bug reports, respectively. The results indicate that hybridization: (i) is prone to API misuse, (ii) can result in performance degradation---the opposite of its intention, and (iii) has limited application due to execution mode incompatibility. We put forth several recommendations, best practices, and anti-patterns for effectively hybridizing imperative DL code, potentially benefiting DL practitioners, API designers, tool developers, and educators.
HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungen
HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-und-verwaltung-von-multiuser-umgebungen/
HCL Nomad Web wird als die nächste Generation des HCL Notes-Clients gefeiert und bietet zahlreiche Vorteile, wie die Beseitigung des Bedarfs an Paketierung, Verteilung und Installation. Nomad Web-Client-Updates werden “automatisch” im Hintergrund installiert, was den administrativen Aufwand im Vergleich zu traditionellen HCL Notes-Clients erheblich reduziert. Allerdings stellt die Fehlerbehebung in Nomad Web im Vergleich zum Notes-Client einzigartige Herausforderungen dar.
Begleiten Sie Christoph und Marc, während sie demonstrieren, wie der Fehlerbehebungsprozess in HCL Nomad Web vereinfacht werden kann, um eine reibungslose und effiziente Benutzererfahrung zu gewährleisten.
In diesem Webinar werden wir effektive Strategien zur Diagnose und Lösung häufiger Probleme in HCL Nomad Web untersuchen, einschließlich
- Zugriff auf die Konsole
- Auffinden und Interpretieren von Protokolldateien
- Zugriff auf den Datenordner im Cache des Browsers (unter Verwendung von OPFS)
- Verständnis der Unterschiede zwischen Einzel- und Mehrbenutzerszenarien
- Nutzung der Client Clocking-Funktion
AI Agents at Work: UiPath, Maestro & the Future of Documents
AI Agents at Work: UiPath, Maestro & the Future of DocumentsUiPathCommunity Do you find yourself whispering sweet nothings to OCR engines, praying they catch that one rogue VAT number? Well, it’s time to let automation do the heavy lifting – with brains and brawn.
Join us for a high-energy UiPath Community session where we crack open the vault of Document Understanding and introduce you to the future’s favorite buzzword with actual bite: Agentic AI.
This isn’t your average “drag-and-drop-and-hope-it-works” demo. We’re going deep into how intelligent automation can revolutionize the way you deal with invoices – turning chaos into clarity and PDFs into productivity. From real-world use cases to live demos, we’ll show you how to move from manually verifying line items to sipping your coffee while your digital coworkers do the grunt work:
📕 Agenda:
🤖 Bots with brains: how Agentic AI takes automation from reactive to proactive
🔍 How DU handles everything from pristine PDFs to coffee-stained scans (we’ve seen it all)
🧠 The magic of context-aware AI agents who actually know what they’re doing
💥 A live walkthrough that’s part tech, part magic trick (minus the smoke and mirrors)
🗣️ Honest lessons, best practices, and “don’t do this unless you enjoy crying” warnings from the field
So whether you’re an automation veteran or you still think “AI” stands for “Another Invoice,” this session will leave you laughing, learning, and ready to level up your invoice game.
Don’t miss your chance to see how UiPath, DU, and Agentic AI can team up to turn your invoice nightmares into automation dreams.
This session streamed live on May 07, 2025, 13:00 GMT.
Join us and check out all our past and upcoming UiPath Community sessions at:
👉 https://community.uipath.com/dublin-belfast/
fennec fox optimization algorithm for optimal solution
fennec fox optimization algorithm for optimal solutionshallal2 Imagine you have a group of fennec foxes searching for the best spot to find food (the optimal solution to a problem). Each fox represents a possible solution and carries a unique "strategy" (set of parameters) to find food. These strategies are organized in a table (matrix X), where each row is a fox, and each column is a parameter they adjust, like digging depth or speed.
Generative Artificial Intelligence (GenAI) in Business
Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma My talk for the Indian School of Business (ISB) Emerging Leaders Program Cohort 9. In this talk, I discussed key issues around adoption of GenAI in business - benefits, opportunities and limitations. I also discussed how my research on Theory of Cognitive Chasms helps address some of these issues
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025
#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next.
Link to recording, transcript, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/
Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.
Webinar - Top 5 Backup Mistakes MSPs and Businesses Make .pptx
Webinar - Top 5 Backup Mistakes MSPs and Businesses Make .pptxMSP360 Data loss can be devastating — especially when you discover it while trying to recover. All too often, it happens due to mistakes in your backup strategy. Whether you work for an MSP or within an organization, your company is susceptible to common backup mistakes that leave data vulnerable, productivity in question, and compliance at risk.
Join 4-time Microsoft MVP Nick Cavalancia as he breaks down the top five backup mistakes businesses and MSPs make—and, more importantly, explains how to prevent them.
The Microsoft Excel Parts Presentation.pdf
The Microsoft Excel Parts Presentation.pdfYvonneRoseEranista This is an overview of the different parts of the Microsoft Excel.
TrsLabs - Leverage the Power of UPI Payments
TrsLabs - Leverage the Power of UPI PaymentsTrs Labs Revolutionize your Fintech growth with UPI Payments
"Riding the UPI strategy" refers to leveraging the Unified Payments Interface (UPI) to drive digital payments in India and beyond. This involves understanding UPI's features, benefits, and potential, and developing strategies to maximize its usage and impact. Essentially, it's about strategically utilizing UPI to promote digital payments, financial inclusion, and economic growth.
Hybridize Functions: A Tool for Automatically Refactoring Imperative Deep Lea...
Hybridize Functions: A Tool for Automatically Refactoring Imperative Deep Lea...Raffi Khatchadourian Efficiency is essential to support responsiveness w.r.t. ever-growing datasets, especially for Deep Learning (DL) systems. DL frameworks have traditionally embraced deferred execution-style DL code—supporting symbolic, graph-based Deep Neural Network (DNN) computation. While scalable, such development is error-prone, non-intuitive, and difficult to debug. Consequently, more natural, imperative DL frameworks encouraging eager execution have emerged but at the expense of run-time performance. Though hybrid approaches aim for the “best of both worlds,” using them effectively requires subtle considerations to make code amenable to safe, accurate, and efficient graph execution—avoiding performance bottlenecks and semantically inequivalent results. We discuss the engineering aspects of a refactoring tool that automatically determines when it is safe and potentially advantageous to migrate imperative DL code to graph execution and vice-versa.
The Future of Cisco Cloud Security: Innovations and AI Integration
The Future of Cisco Cloud Security: Innovations and AI IntegrationRe-solution Data Ltd Stay ahead with Re-Solution Data Ltd and Cisco cloud security, featuring the latest innovations and AI integration. Our solutions leverage cutting-edge technology to deliver proactive defense and simplified operations. Experience the future of security with our expert guidance and support.
How to Install & Activate ListGrabber - eGrabber
How to Install & Activate ListGrabber - eGrabbereGrabber ListGrabber: Build Targeted Lists Online in Minutes
Transcript: Canadian book publishing: Insights from the latest salary survey ...
Transcript: Canadian book publishing: Insights from the latest salary survey ...BookNet Canada Join us for a presentation in partnership with the Association of Canadian Publishers (ACP) as they share results from the recently conducted Canadian Book Publishing Industry Salary Survey. This comprehensive survey provides key insights into average salaries across departments, roles, and demographic metrics. Members of ACP’s Diversity and Inclusion Committee will join us to unpack what the findings mean in the context of justice, equity, diversity, and inclusion in the industry.
Results of the 2024 Canadian Book Publishing Industry Salary Survey: https://publishers.ca/wp-content/uploads/2025/04/ACP_Salary_Survey_FINAL-2.pdf
Link to presentation slides and transcript: https://bnctechforum.ca/sessions/canadian-book-publishing-insights-from-the-latest-salary-survey/
Presented by BookNet Canada and the Association of Canadian Publishers on May 1, 2025 with support from the Department of Canadian Heritage.
GyrusAI - Broadcasting & Streaming Applications Driven by AI and ML
GyrusAI - Broadcasting & Streaming Applications Driven by AI and MLGyrus AI Gyrus AI: AI/ML for Broadcasting & Streaming
Gyrus is a Vision Al company developing Neural Network Accelerators and ready to deploy AI/ML Models for Video Processing and Video Analytics.
Our Solutions:
Intelligent Media Search
Semantic & contextual search for faster, smarter content discovery.
In-Scene Ad Placement
AI-powered ad insertion to maximize monetization and user experience.
Video Anonymization
Automatically masks sensitive content to ensure privacy compliance.
Vision Analytics
Real-time object detection and engagement tracking.
Why Gyrus AI?
We help media companies streamline operations, enhance media discovery, and stay competitive in the rapidly evolving broadcasting & streaming landscape.
🚀 Ready to Transform Your Media Workflow?
🔗 Visit Us: https://gyrus.ai/
📅 Book a Demo: https://gyrus.ai/contact
📝 Read More: https://gyrus.ai/blog/
🔗 Follow Us:
LinkedIn - https://www.linkedin.com/company/gyrusai/
Twitter/X - https://twitter.com/GyrusAI
YouTube - https://www.youtube.com/channel/UCk2GzLj6xp0A6Wqix1GWSkw
Facebook - https://www.facebook.com/GyrusAI
Challenges in Migrating Imperative Deep Learning Programs to Graph Execution:...
Challenges in Migrating Imperative Deep Learning Programs to Graph Execution:...Raffi Khatchadourian
Hybridize Functions: A Tool for Automatically Refactoring Imperative Deep Lea...
Hybridize Functions: A Tool for Automatically Refactoring Imperative Deep Lea...Raffi Khatchadourian
IS YOUR WIDGET FAST? FIVE BEST PRACTICES TO FASTER EMBEDDABLE CONTENT
- 1. IS YOUR WIDGET FAST? FIVE BEST PRACTICES TO FASTER EMBEDDABLE CONTENT @ielshareef
- 2. ISMAIL ELSHAREEF OFFENSES: GRAND WEB SHENANIGANS (15 YRS.) SECRET JAVASCRIPT OPERATIVE (9 YRS.) RUNNING A CELL OF WEB NINJAS (5 YRS.) CURRENT OFFENSES: OPEN API PLATFORM PROLIFERATION AT EDMUNDS.COM WAYS OF CONTACT: @IELSHAREEF
- 3. WHAT IS A WIDGET?
- 12. WHAT IS A FAST WIDGET?
- 13. FAST WIDGET (n.) A 3rd-party codebase written in HTML, CSS and JavaScript that: 1. Gets out of the way 2. Gives up control 3. Responds quickly
- 14. UM, WHAT’S THAT MEAN?
- 15. Get out of the way It’s cool
- 16. AVOID DOM LIFECYCLE EVENTS window.addEventListener(“load”, function() { ! ! // set of instructions // only executed when load event fires ! }, false); window.addEventListener(“DOMContentLoaded”, function() { ! ! // set of instructions // only executed when DOM is ready ! }, false);
- 17. AVOID DOM LIFECYCLE EVENTS X window.addEventListener(“load”, function() { ! ! // set of instructions X // only executed when load event fires ! }, false); window.addEventListener(“DOMContentLoaded”, function() { ! ! // set of instructions // only executed when DOM is ready ! }, false);
- 18. Give up control? really?
- 19. EMBRACE CUSTOM EVENTS this.subscribe = function(evtName, fn) { ! ! _events[evtName] = (!_events[evtName]) ? [] : _events[evtName]; ! ! _events[evtName].push(fn); ! }; ! this.fire = function(evtName) { ! ! if (_events[evtName]) { ! ! ! var len = _events[evtName].length; ! ! ! for(var i=0; i<len; i++) { ! ! ! ! _events[evtName][i].call(this, evtName); ! ! ! } ! ! } ! };
- 20. PROVIDE AN API var myWidgetInstance = new WidgetClass(config); myWidgetInstance.init(); myWidgetInstance.render(); myWidgetInstance.subscribe(“render”, function(data) { // Set of instructions executed when custom event “render” is executed. });
- 24. ⦁
- 25. EMPOWER DEVELOPERS
- 27. thank you @ielshareef