Building Robust jQuery Plugins
Download as ppt, pdf9 likes4,236 views
The document discusses best practices for building robust jQuery plugins, including testing plugins with QUnit, implementing plugins by extending jQuery's prototype, releasing plugins with documentation and examples, and maintaining plugins over time by tracking issues and communicating with users.
1 of 55
Downloaded 173 times
![$.each({ focus: 'focusin', blur: 'focusout' }, function( original, fix ){ $.event.special[fix] = { setup:function() { if ( $.browser.msie ) return false; this.addEventListener( original, $.event.special[fix].handler, true ); }, teardown:function() { if ( $.browser.msie ) return false; this.removeEventListener( original, $.event.special[fix].handler, true ); }, handler: function(e) { arguments[0] = $.event.fix(e); arguments[0].type = fix; return $.event.handle.apply(this, arguments); } }; });](https://image.slidesharecdn.com/building-robust-jquery-plugins-1223118639187104-9/85/Building-Robust-jQuery-Plugins-3-320.jpg)
![jquery.plugin-1.2.3.zip - jquery-plugin-1.2.3 jquery.plugin.js jquery.plugin.min.js jquery.plugin.pack.js - demo [-docs] [-test]](https://image.slidesharecdn.com/building-robust-jquery-plugins-1223118639187104-9/85/Building-Robust-jQuery-Plugins-36-320.jpg)
Ad
Recommended
AngularJS $Provide Service
AngularJS $Provide ServiceEyal Vardi The document discusses the different types of services that can be created and registered in AngularJS - factories, services, providers, values and constants. It explains how each type is registered through functions like factory(), service(), provider(), value() and constant(). It also summarizes how the different service types are instantiated and made available to modules at configuration vs run time.
Intro to Angular.JS Directives
Intro to Angular.JS DirectivesChristian Lilley The document discusses Angular directives. It defines directives as logic and behavior for the UI that can handle tasks like event handling, template insertion, and data binding. Directives are not where jQuery code goes. The key principles of directives are that they are declarative and model-driven, modular and reusable across contexts by keeping their logic local. The document provides examples of creating a basic directive using a configuration object with a link function, and covers topics like naming conventions, templates, and the restrict and replace properties.
AngularJS Directives
AngularJS DirectivesEyal Vardi This document discusses AngularJS directives and scopes. It provides examples of:
- Defining directives with isolate scopes that bind to parent scope properties using '@' for interpolation, '=' for two-way binding, and '&' for function execution.
- How child/isolate scopes inherit from parent scopes but can overwrite properties, while objects and arrays are shared by reference between parent and child.
- Using $parent to reference properties on the parent scope from within an isolate/child scope.
- The compilation process where directives are sorted and linked.
So in summary, it covers the key concepts of isolate scopes, prototypal inheritance and how directives are compiled in AngularJS.
AngularJS Routing
AngularJS RoutingEyal Vardi This document discusses Angular routing and the Angular route service. It explains how to configure routes using the $routeProvider to map URLs to templates and controllers. Key events like $routeChangeStart, $routeChangeSuccess are described. Guidelines are provided for defining route objects with properties like templateUrl, controller, and redirectTo.
jQuery: out with the old, in with the new
jQuery: out with the old, in with the newRemy Sharp This document provides an overview and introduction to jQuery. It discusses understanding jQuery and its core functionality as a DOM library. It covers selecting elements, DOM navigation/filtering, debugging selectors, new features like deferreds/promises in jQuery's Ajax functionality. It also discusses best practices like letting the browser handle effects natively when possible, proper use of document ready, and designing well-behaved jQuery plugins.
Cyclejs introduction
Cyclejs introductionArye Lukashevski Cycle.js is a reactive JavaScript framework that uses RxJS streams to manage data flow in applications. It follows a unidirectional data flow model where drivers like DOMDriver handle interactions that produce events, which update models that then produce views. The document demonstrates how Cycle.js can be used to build a simple toggle component and compose it into a larger application to manage multiple toggled states through streams.
Mocking Demystified
Mocking DemystifiedMarcello Duarte The document provides an overview of testing methodologies in software development, specifically focusing on mocking and test doubles. It explains the importance of structured testing with strategies such as arrange-act-assert, and discusses different types of doubles, including mocks, stubs, and spies, while emphasizing their uses in controlling indirect outputs and managing dependencies in unit tests. Through examples and frameworks like PHPUnit and Prophecy, it highlights how to implement these concepts effectively in practice.
Opinionated AngularJS
Opinionated AngularJSprabhutech The document discusses several best practices for writing cleaner and more opinionated AngularJS code, including:
1) Defining modules and avoiding polluting the global namespace.
2) Using dependency injection properly to support minification.
3) Adding controllers to views using the "controller as" syntax for better scoping.
4) Delegating logic to services to maximize reusability.
AngularJS Internal
AngularJS InternalEyal Vardi AngularJS uses a compile process to link directives and scopes. During compilation, it executes factory functions, template functions, compile functions, controllers, pre-link functions and post-link functions for each directive. This process recursively compiles child elements. The compiled output can then be linked with a scope during the linking phase to instantiate the directive.
AngularJS Compile Process
AngularJS Compile ProcessEyal Vardi This document summarizes the process of compiling directives in AngularJS. It begins by describing how directives are defined with directive definition objects (DDOs). It then outlines the compilation process, which involves collecting all the directives on a node, executing their templates and compile functions, linking controllers and linking pre and post functions. The compilation process recurses through child nodes. Finally, it shows how $compile is used to bootstrap Angular on a page and kick off the compilation.
AngularJS Services
AngularJS ServicesEyal Vardi The document discusses AngularJS $http service and promises. It shows how to make GET and POST requests with $http, configure headers, intercept responses, and handle success and error callbacks with promises. It also covers using the $resource service to encapsulate RESTful requests and responses into objects and shows how to inject dependencies into controllers and services.
AngularJS Animations
AngularJS AnimationsEyal Vardi This document provides information about animations in AngularJS using the ngAnimate module. It lists directives that support animations like ngRepeat, ngView, etc. It describes how to define CSS styles for animations and the different animation events like enter, leave, etc. It also provides an example of a custom animation using the $animate service and defining an animation method.
Upgrading from Angular 1.x to Angular 2.x
Upgrading from Angular 1.x to Angular 2.xEyal Vardi The document outlines the process of integrating AngularJS with Angular by using the upgrade adapter to bootstrap applications and manage components between AngularJS and Angular. It details the creation of an AngularJS module called 'heroapp', along with directives and components that facilitate the usage of Angular features in an AngularJS environment. Key concepts include various types of data binding and the use of services and factories to maintain state across the frameworks.
PhpSpec 2.0 ilustrated by examples
PhpSpec 2.0 ilustrated by examplesMarcello Duarte This document provides an overview and introduction to phpspec, an open source BDD framework for PHP. It covers installing phpspec, generating and editing specs, running specs, different types of matchers for specs including identity, comparison, throw, type and object state matchers. It also briefly mentions formatters, progress reporting, stubbing, mocking and points to additional resources.
Angular js routing options
Angular js routing optionsNir Kaufman The document compares two Angular routing options: ngRoute and ui-router, explaining their features and installation processes. It highlights that ui-router is preferred for its state-based approach and additional functionalities suitable for large applications. The presentation includes practical examples and discusses the lifecycle and event handling of routes and states.
AngularJS with TypeScript and Windows Azure Mobile Services
AngularJS with TypeScript and Windows Azure Mobile ServicesRainer Stropek The document covers a presentation on AngularJS and TypeScript at the Advanced Developer Conference 2013, detailing AngularJS's features such as MVC architecture, data binding, and dependency injection. It highlights the advantages and disadvantages of using TypeScript in AngularJS applications, with emphasis on type safety and code organization. Additionally, the presentation includes insights on project setup, development tools, server communication, and testing frameworks, alongside resources for further reading.
Angular Directives from Scratch
Angular Directives from ScratchChristian Lilley The document provides an extensive overview of Angular directives, explaining their purpose as mini-applications that enhance HTML capabilities with logical behaviors for UI. It emphasizes the importance of declarative, model-driven design over imperative code, and discusses principles of modularity and reusability. Additionally, it covers directive creation, configurations, scopes, and how Angular facilitates DOM interactions and event handling, promoting easier maintenance and scalability.
Intro to Ember.js
Intro to Ember.jsJay Phelps The document is an introductory guide to the Ember.js framework, emphasizing its MVC structure and core concepts such as classes, computed properties, and bindings. It details the use of Ember objects, getter/setter functionalities, observers, and templates, alongside coding examples. The document also covers routing, controllers, and views to facilitate the development of Ember applications.
PHPSpec - the only Design Tool you need - 4Developers
PHPSpec - the only Design Tool you need - 4DevelopersKacper Gunia The document discusses the importance of design in software development, emphasizing the need for clear communication between modules over their internal behaviors. It introduces methodologies like Test Driven Development (TDD) and Behavior Driven Development (BDD), highlighting the roles of tools such as phpspec in guiding design through messaging and specifications. Furthermore, it addresses best practices in writing tests, refactoring, and applying principles such as dependency inversion to enhance code clarity and maintainability.
Crafting beautiful software
Crafting beautiful softwareJorn Oomen The document discusses best practices for crafting software, particularly in PHP, focusing on user registration and how to manage technical debt and code organization. It emphasizes using proper structures like value objects, command patterns, and separating concerns through repositories and event listeners to enhance code clarity and maintainability. Additionally, it highlights the importance of dependency inversion and clear exception handling in software architecture.
November Camp - Spec BDD with PHPSpec 2
November Camp - Spec BDD with PHPSpec 2Kacper Gunia The document discusses the use of Behavior Driven Development (BDD) and Specification by Example (spec BDD) with the PHP tool phpspec 2, focusing on the importance of testing and quality assurance in software development. It distinguishes between TDD and BDD, providing examples of various matcher types used in testing and outlining principles and rules for effective test-driven development. The document emphasizes the significance of structuring specifications and tests to ensure both internal and external software quality.
Think Generic - Add API's To Your Custom Modules
Think Generic - Add API's To Your Custom ModulesJens Sørensen This document discusses adding APIs to custom Drupal modules to make them more flexible and reusable. It covers module architecture best practices, how to create hooks and APIs in Drupal, helper functions like hook_hook_info() and module_invoke(), and examples of custom APIs created for newsletter and payment modules. The presenter offers to answer any questions and invites attendees to Drupal Thursdays for advanced learning and mentions job openings at their company.
Система рендеринга в Magento
Система рендеринга в MagentoMagecom Ukraine The document discusses Magento's rendering system and how it generates output for the customer. The main goals of rendering are to generate headers and response body. It describes how controllers dispatch requests and set the response body. Layout, blocks and templates are loaded to generate the final HTML output. Key aspects covered include loading and building the layout, finding template files, and directly including templates to render block output.
AngulrJS Overview
AngulrJS OverviewEyal Vardi The document shows examples of using AngularJS directives, data binding, controllers and routing to build dynamic web applications. It demonstrates the ng-repeat directive to loop and display data, using controllers to define scopes and models, and routing to load different views. Later examples introduce Angular modules, configuring routes, and using factories to share data between components.
jQuery in 15 minutes
jQuery in 15 minutesSimon Willison This document provides an overview of jQuery, a JavaScript library for DOM manipulation. It discusses jQuery's CSS selector syntax, methods for manipulating DOM elements and collections, event handling, AJAX support through methods like load() and get(), and how jQuery is extensible through plugins. The document also provides examples of DOM traversal, value retrieval, event binding, and chaining methods.
Forget about Index.php and build you applications around HTTP - PHPers Cracow
Forget about Index.php and build you applications around HTTP - PHPers CracowKacper Gunia The document discusses how to build applications around HTTP rather than just relying on index.php, emphasizing the request-response model and the importance of the Symfony framework in handling HTTP through an object-oriented approach. It explains the components involved such as the HttpFoundation, event dispatcher, and routing, as well as the application lifecycle in Symfony, including request handling and response generation. The text also highlights the relevance of these concepts beyond Symfony by mentioning their use in popular frameworks like Drupal and Laravel.
AngularJS Architecture
AngularJS ArchitectureEyal Vardi AngularJS uses a compile function to parse HTML into DOM elements and compile directives. The compile function sorts directives by priority and executes their compile and link functions to connect the scope to the DOM. It recursively compiles child elements. This allows directives to manipulate DOM elements and register behavior.
Angular Promises and Advanced Routing
Angular Promises and Advanced RoutingAlexe Bogdan The document discusses the asynchronous task model in JavaScript, specifically focusing on using promises with the $q service in Angular. It explains how to create promises, handle states using $stateProvider in Angular UI-Router, and manage views/navigation within an Angular application. Additionally, it underscores resolving dependencies and using nested states while outlining templates for different views.
Clean Javascript
Clean JavascriptRyunosuke SATO The document discusses techniques for writing clean JavaScript code. It provides examples of code smells and improvements to address issues like attaching events from the outside, separating selection from logic, shallow scope, overwriting default behavior, and separating logic from views. The document advocates for practices like modularizing functions, separating DOM manipulation from models, and creating model objects to represent DOM elements rather than directly manipulating the DOM. It encourages learning clean JavaScript techniques to write better structured and more maintainable code.
Hooks WCSD12
Hooks WCSD12Jeffrey Zinn WordPress allows plugins and themes to modify its core functionality through hooks called actions and filters. Actions allow plugins to specify functions that are executed at certain points, like before or after specific events. Filters allow functions to modify content, like text, before it is saved or output. The document discusses how a basic widget can be modified to use actions and filters to allow other code to add puppy images and warnings. This allows expanding the widget's capabilities without directly editing its code.
More Related Content
What's hot (20)
AngularJS Internal
AngularJS InternalEyal Vardi AngularJS uses a compile process to link directives and scopes. During compilation, it executes factory functions, template functions, compile functions, controllers, pre-link functions and post-link functions for each directive. This process recursively compiles child elements. The compiled output can then be linked with a scope during the linking phase to instantiate the directive.
AngularJS Compile Process
AngularJS Compile ProcessEyal Vardi This document summarizes the process of compiling directives in AngularJS. It begins by describing how directives are defined with directive definition objects (DDOs). It then outlines the compilation process, which involves collecting all the directives on a node, executing their templates and compile functions, linking controllers and linking pre and post functions. The compilation process recurses through child nodes. Finally, it shows how $compile is used to bootstrap Angular on a page and kick off the compilation.
AngularJS Services
AngularJS ServicesEyal Vardi The document discusses AngularJS $http service and promises. It shows how to make GET and POST requests with $http, configure headers, intercept responses, and handle success and error callbacks with promises. It also covers using the $resource service to encapsulate RESTful requests and responses into objects and shows how to inject dependencies into controllers and services.
AngularJS Animations
AngularJS AnimationsEyal Vardi This document provides information about animations in AngularJS using the ngAnimate module. It lists directives that support animations like ngRepeat, ngView, etc. It describes how to define CSS styles for animations and the different animation events like enter, leave, etc. It also provides an example of a custom animation using the $animate service and defining an animation method.
Upgrading from Angular 1.x to Angular 2.x
Upgrading from Angular 1.x to Angular 2.xEyal Vardi The document outlines the process of integrating AngularJS with Angular by using the upgrade adapter to bootstrap applications and manage components between AngularJS and Angular. It details the creation of an AngularJS module called 'heroapp', along with directives and components that facilitate the usage of Angular features in an AngularJS environment. Key concepts include various types of data binding and the use of services and factories to maintain state across the frameworks.
PhpSpec 2.0 ilustrated by examples
PhpSpec 2.0 ilustrated by examplesMarcello Duarte This document provides an overview and introduction to phpspec, an open source BDD framework for PHP. It covers installing phpspec, generating and editing specs, running specs, different types of matchers for specs including identity, comparison, throw, type and object state matchers. It also briefly mentions formatters, progress reporting, stubbing, mocking and points to additional resources.
Angular js routing options
Angular js routing optionsNir Kaufman The document compares two Angular routing options: ngRoute and ui-router, explaining their features and installation processes. It highlights that ui-router is preferred for its state-based approach and additional functionalities suitable for large applications. The presentation includes practical examples and discusses the lifecycle and event handling of routes and states.
AngularJS with TypeScript and Windows Azure Mobile Services
AngularJS with TypeScript and Windows Azure Mobile ServicesRainer Stropek The document covers a presentation on AngularJS and TypeScript at the Advanced Developer Conference 2013, detailing AngularJS's features such as MVC architecture, data binding, and dependency injection. It highlights the advantages and disadvantages of using TypeScript in AngularJS applications, with emphasis on type safety and code organization. Additionally, the presentation includes insights on project setup, development tools, server communication, and testing frameworks, alongside resources for further reading.
Angular Directives from Scratch
Angular Directives from ScratchChristian Lilley The document provides an extensive overview of Angular directives, explaining their purpose as mini-applications that enhance HTML capabilities with logical behaviors for UI. It emphasizes the importance of declarative, model-driven design over imperative code, and discusses principles of modularity and reusability. Additionally, it covers directive creation, configurations, scopes, and how Angular facilitates DOM interactions and event handling, promoting easier maintenance and scalability.
Intro to Ember.js
Intro to Ember.jsJay Phelps The document is an introductory guide to the Ember.js framework, emphasizing its MVC structure and core concepts such as classes, computed properties, and bindings. It details the use of Ember objects, getter/setter functionalities, observers, and templates, alongside coding examples. The document also covers routing, controllers, and views to facilitate the development of Ember applications.
PHPSpec - the only Design Tool you need - 4Developers
PHPSpec - the only Design Tool you need - 4DevelopersKacper Gunia The document discusses the importance of design in software development, emphasizing the need for clear communication between modules over their internal behaviors. It introduces methodologies like Test Driven Development (TDD) and Behavior Driven Development (BDD), highlighting the roles of tools such as phpspec in guiding design through messaging and specifications. Furthermore, it addresses best practices in writing tests, refactoring, and applying principles such as dependency inversion to enhance code clarity and maintainability.
Crafting beautiful software
Crafting beautiful softwareJorn Oomen The document discusses best practices for crafting software, particularly in PHP, focusing on user registration and how to manage technical debt and code organization. It emphasizes using proper structures like value objects, command patterns, and separating concerns through repositories and event listeners to enhance code clarity and maintainability. Additionally, it highlights the importance of dependency inversion and clear exception handling in software architecture.
November Camp - Spec BDD with PHPSpec 2
November Camp - Spec BDD with PHPSpec 2Kacper Gunia The document discusses the use of Behavior Driven Development (BDD) and Specification by Example (spec BDD) with the PHP tool phpspec 2, focusing on the importance of testing and quality assurance in software development. It distinguishes between TDD and BDD, providing examples of various matcher types used in testing and outlining principles and rules for effective test-driven development. The document emphasizes the significance of structuring specifications and tests to ensure both internal and external software quality.
Think Generic - Add API's To Your Custom Modules
Think Generic - Add API's To Your Custom ModulesJens Sørensen This document discusses adding APIs to custom Drupal modules to make them more flexible and reusable. It covers module architecture best practices, how to create hooks and APIs in Drupal, helper functions like hook_hook_info() and module_invoke(), and examples of custom APIs created for newsletter and payment modules. The presenter offers to answer any questions and invites attendees to Drupal Thursdays for advanced learning and mentions job openings at their company.
Система рендеринга в Magento
Система рендеринга в MagentoMagecom Ukraine The document discusses Magento's rendering system and how it generates output for the customer. The main goals of rendering are to generate headers and response body. It describes how controllers dispatch requests and set the response body. Layout, blocks and templates are loaded to generate the final HTML output. Key aspects covered include loading and building the layout, finding template files, and directly including templates to render block output.
AngulrJS Overview
AngulrJS OverviewEyal Vardi The document shows examples of using AngularJS directives, data binding, controllers and routing to build dynamic web applications. It demonstrates the ng-repeat directive to loop and display data, using controllers to define scopes and models, and routing to load different views. Later examples introduce Angular modules, configuring routes, and using factories to share data between components.
jQuery in 15 minutes
jQuery in 15 minutesSimon Willison This document provides an overview of jQuery, a JavaScript library for DOM manipulation. It discusses jQuery's CSS selector syntax, methods for manipulating DOM elements and collections, event handling, AJAX support through methods like load() and get(), and how jQuery is extensible through plugins. The document also provides examples of DOM traversal, value retrieval, event binding, and chaining methods.
Forget about Index.php and build you applications around HTTP - PHPers Cracow
Forget about Index.php and build you applications around HTTP - PHPers CracowKacper Gunia The document discusses how to build applications around HTTP rather than just relying on index.php, emphasizing the request-response model and the importance of the Symfony framework in handling HTTP through an object-oriented approach. It explains the components involved such as the HttpFoundation, event dispatcher, and routing, as well as the application lifecycle in Symfony, including request handling and response generation. The text also highlights the relevance of these concepts beyond Symfony by mentioning their use in popular frameworks like Drupal and Laravel.
AngularJS Architecture
AngularJS ArchitectureEyal Vardi AngularJS uses a compile function to parse HTML into DOM elements and compile directives. The compile function sorts directives by priority and executes their compile and link functions to connect the scope to the DOM. It recursively compiles child elements. This allows directives to manipulate DOM elements and register behavior.
Angular Promises and Advanced Routing
Angular Promises and Advanced RoutingAlexe Bogdan The document discusses the asynchronous task model in JavaScript, specifically focusing on using promises with the $q service in Angular. It explains how to create promises, handle states using $stateProvider in Angular UI-Router, and manage views/navigation within an Angular application. Additionally, it underscores resolving dependencies and using nested states while outlining templates for different views.
Similar to Building Robust jQuery Plugins (20)
Clean Javascript
Clean JavascriptRyunosuke SATO The document discusses techniques for writing clean JavaScript code. It provides examples of code smells and improvements to address issues like attaching events from the outside, separating selection from logic, shallow scope, overwriting default behavior, and separating logic from views. The document advocates for practices like modularizing functions, separating DOM manipulation from models, and creating model objects to represent DOM elements rather than directly manipulating the DOM. It encourages learning clean JavaScript techniques to write better structured and more maintainable code.
Hooks WCSD12
Hooks WCSD12Jeffrey Zinn WordPress allows plugins and themes to modify its core functionality through hooks called actions and filters. Actions allow plugins to specify functions that are executed at certain points, like before or after specific events. Filters allow functions to modify content, like text, before it is saved or output. The document discusses how a basic widget can be modified to use actions and filters to allow other code to add puppy images and warnings. This allows expanding the widget's capabilities without directly editing its code.
Building Large jQuery Applications
Building Large jQuery ApplicationsRebecca Murphey The document discusses best practices for building large applications using jQuery, emphasizing the importance of modular code organization and separating functionality into distinct components. It advocates for using jQuery primarily as a DOM and AJAX tool, employing patterns like classes for better structure and maintenance. Additionally, it suggests utilizing the server for data handling and client-side templating for markup generation.
Secrets of JavaScript Libraries
Secrets of JavaScript Librariesjeresig The document discusses secrets and techniques for JavaScript libraries. It covers topics like the JavaScript language, cross-browser code, events, DOM traversal, styles, animations, distribution, and HTML insertion. It provides examples and explanations of techniques for class creation, timers, options, subclassing, custom events, selector internals, computed styles, and dimension calculations.
international PHP2011_Bastian Feder_jQuery's Secrets
international PHP2011_Bastian Feder_jQuery's Secretssmueller_sandsmedia This document contains a summary of jQuery secrets presented by Bastian Feder. It discusses various techniques including saving and removing state from DOM elements using jQuery.data() and jQuery.removeData(), extending jQuery functionality through plugins, and customizing AJAX requests and event handling. The presentation provides code examples for working with jQuery's data storage methods, namespaces, promises/deferreds, global AJAX settings, and extending jQuery.
jQuery secrets
jQuery secretsBastian Feder This document summarizes jQuery secrets presented by Bastian Feder. It discusses utilities like jQuery.data() and jQuery.removeData() for saving and removing state on DOM elements. It also covers AJAX settings, events, extending jQuery, and jQuery plugins. The presentation provides code examples for working with data, events, namespaces, AJAX, and extending jQuery functionality.
Extend sdk
Extend sdkHarsha Nagaraj Kumar Pratik presented an overview of the Langoor feature SDK and API. The summary includes:
1) The SDK allows developers to create custom features for the Langoor editor with widgets, databases, and responses to actions like install and getProperty.
2) Features have main classes that define constructor, install, and other functions, while widgets define functions for HTML output, properties, and more.
3) The API uses responses to communicate with the editor, including forms, HTML, and actions like opening dialogs or the widget panel.
4) Developers need to understand HTML, CSS, JavaScript, PHP and MySQL to code features and widgets, which can include creating databases and handlers for functions
WordPress Realtime - WordCamp São Paulo 2015
WordPress Realtime - WordCamp São Paulo 2015Fernando Daciuk This document details the implementation of real-time data updating using technologies such as Socket.io and Node.js. It provides code examples for creating a server that listens for updates from a Twitter stream, as well as for incrementing post view counts in a web application. This enables dynamic content updates without user intervention, making the application more interactive and responsive.
Building High Performance Web Applications and Sites
Building High Performance Web Applications and Sitesgoodfriday The document discusses performance optimization in web development, focusing on CSS and JavaScript, highlighting coding inefficiencies and suggesting practices like minimizing DOM interactions and using simpler selectors. It provides examples of JavaScript functions, error handling, and element selection methods to enhance performance. Additionally, the document emphasizes the importance of effectively managing resources and improving code efficiency to improve overall website performance.
Introduction to JQuery
Introduction to JQueryMobME Technical jQuery is a JavaScript library that makes it easier to select elements, handle events, perform animations, and develop Ajax applications. It works by separating behavior from HTML structure through selectors, events, and methods. The $ function is an alias for jQuery and is used to select elements and execute functions on page load or other events. jQuery can be included in a page and used to simplify DOM manipulation, event handling, animation, and AJAX interactions.
Bubbles & Trees with jQuery
Bubbles & Trees with jQueryBastian Feder This document provides an overview of jQuery, including:
- What jQuery is and some of its core features like cross-browser compatibility
- The basics of jQuery including extending DOM objects, DOM manipulation, selectors, and iterations
- How to handle events, animations, asynchronous requests, and plugins
- Examples are provided for many jQuery concepts like DOM manipulation, events, and plugins
Lithium Best
Lithium Best Richard McIntyre The document discusses using the Lithium PHP framework to build a photo blog application. It provides examples of defining a Photos model to interact with photo data, building views to display and edit photos, implementing a PhotosController to handle requests and define actions, and setting routes. The model saves photo data and tags to the database. Views are used to display photo details, edit forms, and render tags as links. The controller handles index, view, add, edit and nearby location based actions. Routes are also defined, including one to directly serve photo image files.
The Beauty Of Java Script V5a
The Beauty Of Java Script V5arajivmordani The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, inheritance through prototypes, and AJAX requests. It emphasizes how libraries help create abstractions and beautiful patterns in JavaScript code.
Angular Workshop_Sarajevo2
Angular Workshop_Sarajevo2Christoffer Noring Angular is a web application framework developed in 2009. It allows developers to create single page applications using HTML enhanced with Angular specific directives and by associating angular components like controllers, services and filters with HTML. The document provides an overview of key Angular concepts like controllers, services, filters and routing and how they are used to build interactive single page applications. It also demonstrates how to make HTTP requests to backend services and handle promises using the $http service and $q.
jQuery Internals + Cool Stuff
jQuery Internals + Cool Stuffjeresig This document summarizes John Resig's presentation on jQuery internals. It discusses the core parts of jQuery like common functions, selectors, DOM manipulation and events. It also covers jQuery's isolation, chaining, element data, new selector engine Sizzle, and tools for testing and profiling jQuery like the qUnit test suite and profiling plugin.
Unittests für Dummies
Unittests für DummiesLars Jankowfsky The document discusses unit testing, specifically in PHP, and outlines best practices such as using fixtures and stubs with PHPUnit. It emphasizes the importance of creating an isolated testing environment and avoiding dependencies on external factors. Additionally, it covers common pitfalls in unit testing related to object-oriented programming and managing dependencies.
the next web now
the next web nowzulin Gu The document discusses techniques for improving performance of CSS, JavaScript, and HTTP including:
- Minimizing included styles and using less-complicated selectors to optimize CSS performance
- Avoiding expressions and minimizing page re-layouts in JavaScript
- Combining script and link files, leveraging caching, browser expiration headers, and content encoding to optimize HTTP performance
Effecient javascript
Effecient javascriptmpnkhan The document discusses various techniques for writing efficient JavaScript code, including:
1. Avoid premature optimization and focus on clean, correct code first. Optimization can then focus on specific bottlenecks.
2. Use language shortcuts like object and array literals instead of constructors to improve performance.
3. Cache frequently accessed values like DOM elements, styles, and function pointers to avoid repeated lookups.
4. Minimize DOM access and manipulation by batching changes and reducing the number of elements.
5. Use event delegation with event bubbling instead of attaching the same handler to many elements.
Virtual Madness @ Etsy
Virtual Madness @ EtsyNishan Subedi The document discusses a variety of engineering practices, frameworks, and tools used at Etsy, particularly focusing on JavaScript, Marionette.js, and Backbone.js for application development. It includes examples of code snippets related to virtual machine management, template loading, and user interface components like modals and messages. Additionally, it touches on community engagement and the future direction of Marionette within Etsy's infrastructure team.
The Beauty of Java Script
The Beauty of Java ScriptMichael Girouard The document discusses the beauty of JavaScript and its many features. It covers how JavaScript offers classless object-oriented programming and functional programming. It also discusses how JavaScript can run on both the client-side and server-side. The document provides examples of JavaScript syntax like variables, functions, objects, prototypes and more to demonstrate JavaScript's capabilities. It emphasizes that libraries help create abstractions and beautiful patterns in JavaScript code.
Ad
Recently uploaded (20)
Enhance GitHub Copilot using MCP - Enterprise version.pdf
Enhance GitHub Copilot using MCP - Enterprise version.pdfNilesh Gule Slide deck related to the GitHub Copilot Bootcamp in Melbourne on 17 June 2025
Creating Inclusive Digital Learning with AI: A Smarter, Fairer Future
Creating Inclusive Digital Learning with AI: A Smarter, Fairer FutureImpelsys Inc. Have you ever struggled to read a tiny label on a medicine box or tried to navigate a confusing website? Now imagine if every learning experience felt that way—every single day.
For millions of people living with disabilities, poorly designed content isn’t just frustrating. It’s a barrier to growth. Inclusive learning is about fixing that. And today, AI is helping us build digital learning that’s smarter, kinder, and accessible to everyone.
Accessible learning increases engagement, retention, performance, and inclusivity for everyone. Inclusive design is simply better design.
2025_06_18 - OpenMetadata Community Meeting.pdf
2025_06_18 - OpenMetadata Community Meeting.pdfOpenMetadata The community meetup was held Wednesday June 18, 2025 @ 9:00 AM PST.
Catch the next OpenMetadata Community Meetup @ https://www.meetup.com/openmetadata-meetup-group/
In this month's OpenMetadata Community Meetup, "Enforcing Quality & SLAs with OpenMetadata Data Contracts," we covered data contracts, why they matter, and how to implement them in OpenMetadata to increase the quality of your data assets!
Agenda Highlights:
👋 Introducing Data Contracts: An agreement between data producers and consumers
📝 Data Contracts key components: Understanding a contract and its purpose
🧑🎨 Writing your first contract: How to create your own contracts in OpenMetadata
🦾 An OpenMetadata MCP Server update!
➕ And More!
Lessons Learned from Developing Secure AI Workflows.pdf
Lessons Learned from Developing Secure AI Workflows.pdfPriyanka Aash Lessons Learned from Developing Secure AI Workflows
Curietech AI in action - Accelerate MuleSoft development
Curietech AI in action - Accelerate MuleSoft developmentshyamraj55 CurieTech AI in Action – Accelerate MuleSoft Development
Overview:
This presentation demonstrates how CurieTech AI’s purpose-built agents empower MuleSoft developers to create integration workflows faster, more accurately, and with less manual effort
linkedin.com
+12
curietech.ai
+12
meetups.mulesoft.com
+12
.
Key Highlights:
Dedicated AI agents for every stage: Coding, Testing (MUnit), Documentation, Code Review, and Migration
curietech.ai
+7
curietech.ai
+7
medium.com
+7
DataWeave automation: Generate mappings from tables or samples—95%+ complete within minutes
linkedin.com
+7
curietech.ai
+7
medium.com
+7
Integration flow generation: Auto-create Mule flows based on specifications—speeds up boilerplate development
curietech.ai
+1
medium.com
+1
Efficient code reviews: Gain intelligent feedback on flows, patterns, and error handling
youtube.com
+8
curietech.ai
+8
curietech.ai
+8
Test & documentation automation: Auto-generate MUnit test cases, sample data, and detailed docs from code
curietech.ai
+5
curietech.ai
+5
medium.com
+5
Why Now?
Achieve 10× productivity gains, slashing development time from hours to minutes
curietech.ai
+3
curietech.ai
+3
medium.com
+3
Maintain high accuracy with code quality matching or exceeding manual efforts
curietech.ai
+2
curietech.ai
+2
curietech.ai
+2
Ideal for developers, architects, and teams wanting to scale MuleSoft projects with AI efficiency
Conclusion:
CurieTech AI transforms MuleSoft development into an AI-accelerated workflow—letting you focus on innovation, not repetition.
PyCon SG 25 - Firecracker Made Easy with Python.pdf
PyCon SG 25 - Firecracker Made Easy with Python.pdfMuhammad Yuga Nugraha Explore the ease of managing Firecracker microVM with the firecracker-python. In this session, I will introduce the basics of Firecracker microVM and demonstrate how this custom SDK facilitates microVM operations easily. We will delve into the design and development process behind the SDK, providing a behind-the-scenes look at its creation and features. While traditional Firecracker SDKs were primarily available in Go, this module brings a simplicity of Python to the table.
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptx
FIDO Seminar: New Data: Passkey Adoption in the Workforce.pptxFIDO Alliance FIDO Seminar: New Data: Passkey Adoption in the Workforce
From Manual to Auto Searching- FME in the Driver's Seat
From Manual to Auto Searching- FME in the Driver's SeatSafe Software Finding a specific car online can be a time-consuming task, especially when checking multiple dealer websites. A few years ago, I faced this exact problem while searching for a particular vehicle in New Zealand. The local classified platform, Trade Me (similar to eBay), wasn’t yielding any results, so I expanded my search to second-hand dealer sites—only to realise that periodically checking each one was going to be tedious. That’s when I noticed something interesting: many of these websites used the same platform to manage their inventories. Recognising this, I reverse-engineered the platform’s structure and built an FME workspace that automated the search process for me. By integrating API calls and setting up periodic checks, I received real-time email alerts when matching cars were listed. In this presentation, I’ll walk through how I used FME to save hours of manual searching by creating a custom car-finding automation system. While FME can’t buy a car for you—yet—it can certainly help you find the one you’re after!
Connecting Data and Intelligence: The Role of FME in Machine Learning
Connecting Data and Intelligence: The Role of FME in Machine LearningSafe Software In this presentation, we want to explore powerful data integration and preparation for Machine Learning. FME is known for its ability to manipulate and transform geospatial data, connecting diverse data sources into efficient and automated workflows. By integrating FME with Machine Learning techniques, it is possible to transform raw data into valuable insights faster and more accurately, enabling intelligent analysis and data-driven decision making.
Coordinated Disclosure for ML - What's Different and What's the Same.pdf
Coordinated Disclosure for ML - What's Different and What's the Same.pdfPriyanka Aash Coordinated Disclosure for ML - What's Different and What's the Same
AI VIDEO MAGAZINE - June 2025 - r/aivideo
AI VIDEO MAGAZINE - June 2025 - r/aivideo1pcity Studios, Inc AI VIDEO MAGAZINE - r/aivideo community newsletter – Exclusive Tutorials: How to make an AI VIDEO from scratch, PLUS: How to make AI MUSIC, Hottest ai videos of 2025, Exclusive Interviews, New Tools, Previews, and MORE - JUNE 2025 ISSUE -
cnc-processing-centers-centateq-p-110-en.pdf
cnc-processing-centers-centateq-p-110-en.pdfAmirStern2 מרכז עיבודים תעשייתי בעל 3/4/5 צירים, עד 22 החלפות כלים עם כל אפשרויות העיבוד הדרושות. בעל שטח עבודה גדול ומחשב נוח וקל להפעלה בשפה העברית/רוסית/אנגלית/ספרדית/ערבית ועוד..
מסוגל לבצע פעולות עיבוד שונות המתאימות לענפים שונים: קידוח אנכי, אופקי, ניסור, וכרסום אנכי.
Securing Account Lifecycles in the Age of Deepfakes.pptx
Securing Account Lifecycles in the Age of Deepfakes.pptxFIDO Alliance Securing Account Lifecycles in the Age of Deepfakes
Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming
Powering Multi-Page Web Applications Using Flow Apps and FME Data StreamingSafe Software Unleash the potential of FME Flow to build and deploy advanced multi-page web applications with ease. Discover how Flow Apps and FME’s data streaming capabilities empower you to create interactive web experiences directly within FME Platform. Without the need for dedicated web-hosting infrastructure, FME enhances both data accessibility and user experience. Join us to explore how to unlock the full potential of FME for your web projects and seamlessly integrate data-driven applications into your workflows.
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...Fwdays We will explore how e-commerce projects prepare for the busiest time of the year, which key aspects to focus on, and what to expect. We’ll share our experience in setting up auto-scaling, load balancing, and discuss the loads that Silpo handles, as well as the solutions that help us navigate this season without failures.
Raman Bhaumik - Passionate Tech Enthusiast
Raman Bhaumik - Passionate Tech EnthusiastRaman Bhaumik A Junior Software Developer with a flair for innovation, Raman Bhaumik excels in delivering scalable web solutions. With three years of experience and a solid foundation in Java, Python, JavaScript, and SQL, she has streamlined task tracking by 20% and improved application stability.
AI vs Human Writing: Can You Tell the Difference?
AI vs Human Writing: Can You Tell the Difference?Shashi Sathyanarayana, Ph.D This slide illustrates a side-by-side comparison between human-written, AI-written, and ambiguous content. It highlights subtle cues that help readers assess authenticity, raising essential questions about the future of communication, trust, and thought leadership in the age of generative AI.
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...Edge AI and Vision Alliance For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2025/06/key-requirements-to-successfully-implement-generative-ai-in-edge-devices-optimized-mapping-to-the-enhanced-npx6-neural-processing-unit-ip-a-presentation-from-synopsys/
Gordon Cooper, Principal Product Manager at Synopsys, presents the “Key Requirements to Successfully Implement Generative AI in Edge Devices—Optimized Mapping to the Enhanced NPX6 Neural Processing Unit IP” tutorial at the May 2025 Embedded Vision Summit.
In this talk, Cooper discusses emerging trends in generative AI for edge devices and the key role of transformer-based neural networks. He reviews the distinct attributes of transformers, their advantages over conventional convolutional neural networks and how they enable generative AI.
Cooper then covers key requirements that must be met for neural processing units (NPU) to support transformers and generative AI in edge device applications. He uses transformer-based generative AI examples to illustrate the efficient mapping of these workloads onto the enhanced Synopsys ARC NPX NPU IP family.
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...janeliewang985 the slides of the MP selection approach CMPS
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...
“Key Requirements to Successfully Implement Generative AI in Edge Devices—Opt...Edge AI and Vision Alliance
Ad
Building Robust jQuery Plugins
- 1. Building Robust jQuery Plugins
- 2. Why bother?
- 3. $.each({ focus: 'focusin', blur: 'focusout' }, function( original, fix ){ $.event.special[fix] = { setup:function() { if ( $.browser.msie ) return false; this.addEventListener( original, $.event.special[fix].handler, true ); }, teardown:function() { if ( $.browser.msie ) return false; this.removeEventListener( original, $.event.special[fix].handler, true ); }, handler: function(e) { arguments[0] = $.event.fix(e); arguments[0].type = fix; return $.event.handle.apply(this, arguments); } }; });
- 4. Don't reinvent the wheel
- 5. “ Given enough eyeballs, all bugs are shallow ” -- Eric S. Raymond
- 7. Design
- 12. jQuery.validator. addMethod ("domain", function(value) { return /^http://mycorporatedomain.com/.test(value); } , "Please specify the correct domain"); jQuery.validator.addMethod("nowhite", function(value) { return /^\S+$/.test(value); }, "No white space please"); jQuery.validator.addMethod("nowhite", function(value) { return /^\d+$/.test(value); }, "Please enter only digits");
- 17. Tests first
- 19. Why bother?
- 20. QUnit
- 21. test("my ajax code", function() { expect(1); stop(); $.get("myurl", function(response) { equals(response, "expected response"); start(); }); });
- 22. Implementing
- 23. (function($) { $.fn.plugin = function() { return this.each(function() { // your code here }); }; })(jQuery);
- 24. (function($) { $.fn.delegate = function(type, delegate, handler) { return this.bind(type, function(event) { var target = $(event.target); if (target.is(delegate)) { return handler.apply(target, arguments); } }); }; })(jQuery);
- 25. (function($) { $.fn.plugin = function(settings) { settings = $.extend({}, $.plugin.defaults, settings); return this.each(function() { // your code here }); }; $.plugin = { defaults: {} }; })(jQuery);
- 26. Document
- 27. /** * The number of elements currently matched. * * @example $("img").length; * @before <img src="test1.jpg"/> <img src="test2.jpg"/> * @result 2 * * @property * @name length * @type Number * @cat Core */ /** * The number of elements currently matched. * * @example $("img").size(); * @before <img src="test1.jpg"/> <img src="test2.jpg"/> * @result 2 * * @name size * @type Number * @cat Core */ size: function() { return this.length; }, length: 0,
- 28. Purpose
- 29. Dependencies
- 30. Pulic API
- 31. Options
- 32. Examples
- 33. Browsing
- 35. Release
- 36. jquery.plugin-1.2.3.zip - jquery-plugin-1.2.3 jquery.plugin.js jquery.plugin.min.js jquery.plugin.pack.js - demo [-docs] [-test]
- 37. <target name="tooltip"> <antcall target="generic"> <param name="name" value="tooltip" /> </antcall> </target> ant tooltip
- 38. 1.3 --- * Added fade option (duration in ms) for fading in/out tooltips; IE <= 6 is excluded when bgiframe plugin is included * Fixed imagemaps in IE, added back example * Added positionLeft-option - positions the tooltip to the left of the cursor * Remove deprecated $.fn.Tooltip in favor of $.fn.tooltip 1.2 --- * Improved bodyHandler option to accept HTML strings, DOM elements and jQuery objects as the return value * Fixed bug in Safari 3 where to tooltip is initially visible, by first appending to DOM then hiding it * Improvement for viewport-border-positioning: Add the classes "viewport-right" and "viewport-bottom" when the element is moved at the viewport border. * Moved and enhanced documentation to docs.jquery.com * Added examples for bodyHandler: footnote-tooltip and thumbnail * Added id option, defaults to "tooltip", override to use a different id in your stylesheet * Moved demo tooltip style to screen.css * Moved demo files to demo folder and dependencies to lib folder * Dropped image map example - completely incompatible with IE; image maps aren't supported anymore
- 41. Maintain
- 48. Mailing list
- 52. Tracking
- 53. Thank you
- 54. Questions?
- 55. Bon appétit!
Editor's Notes
- #2: Goal is to show to how build a robust jQuery plugin, way beyond just coding. Your take-away should be an understanding of the surrounding infrastructure, both to be able to use and to help improve it. We've got about 50 minutes. My talk should take about 30 minutes, giving us 20 minutes for open discussion. Please ask questions whenever you want to, though I may defer some answers to the end. To start, lets look at the most important question.