DOM Scripting Toolkit - jQuery
13 likes3,418 views
The document discusses jQuery, a JavaScript library that makes DOM scripting and Ajax requests easier. It provides functions to select elements, handle events, animate elements and load JSON data. Some key features include CSS selector syntax, DOM manipulation methods, event handling and Ajax functions. The document also covers plugins, effects, and utilities included in jQuery.
1 of 44
Downloaded 392 times
Ad
Recommended
Remy Sharp The DOM scripting toolkit jQuery
Remy Sharp The DOM scripting toolkit jQuerydeimos The document discusses jQuery, a JavaScript library that makes DOM scripting and event handling easier. It provides functions to select elements, handle events, perform animations and AJAX requests. Some key features include CSS selector syntax to select elements, chaining of methods, cross-browser compatibility, and a simple plugin API. Popular uses of jQuery include DOM manipulation, event handling, and animating effects.
Joe Walker Interactivewebsites Cometand Dwr
Joe Walker Interactivewebsites Cometand Dwrdeimos The document discusses Comet and DWR (Direct Web Remoting). It provides an overview of Comet, which allows for long-lived HTTP connections to enable low-latency data delivery. It discusses various Comet techniques like forever frames, long polling, and HTMLFile. It also covers challenges of implementing Comet and how frameworks like DWR and protocols like Bayeux help address these. DWR allows for easily calling Java objects from JavaScript and updating pages in real-time.
jQuery: Events, Animation, Ajax
jQuery: Events, Animation, AjaxConstantin Titarenko Presentation about some of features of events, animation and ajax in jQuery. Material is for those, who already has used jQuery before.
JavaScript 1.5 to 2.0 (TomTom)
JavaScript 1.5 to 2.0 (TomTom)jeresig This document provides an overview of the evolution of JavaScript from version 1.5 to the planned version 2.0. It discusses new features that were introduced in each version, such as getters and setters in 1.5, array extras in 1.6, generators and iterators in 1.7, block scoping with let in 1.9, and classes and interfaces planned for 2.0. The goal for JavaScript 2.0 is for it to be backwards compatible, suitable for large systems, allow reusable libraries, fix bugs in ECMAScript 3, and keep it usable for small programs. It will integrate the Tamarin virtual machine and bring features from ActionScript.
The Dom Scripting Toolkit J Query
The Dom Scripting Toolkit J QueryQConLondon2008 This document provides an overview of jQuery, a JavaScript library for DOM scripting. It discusses why libraries like jQuery are useful for making DOM scripting easy and handling cross-browser compatibility issues. The core features of jQuery are then summarized, including selectors, DOM manipulation, events, effects, Ajax functionality, and utilities. Examples are provided throughout to illustrate how various jQuery methods work.
jQuery (BostonPHP)
jQuery (BostonPHP)jeresig jQuery is an open source JavaScript library that simplifies HTML and JavaScript interaction. It allows selecting elements, performing actions on them such as adding/removing classes or showing/hiding, and handling events. jQuery is widely used by major companies and projects due to its small size, cross-browser compatibility, and large plugin ecosystem that extends its functionality.
Write Less Do More
Write Less Do MoreRemy Sharp London and Cambridge jQuery DevDays talk introducing jQuery concepts, API overview, live examples and plugin design.
How Kris Writes Symfony Apps
How Kris Writes Symfony AppsKris Wallsmith You’ve seen Kris’ open source libraries, but how does he tackle coding out an application? Walk through green fields with a Symfony expert as he takes his latest “next big thing” idea from the first line of code to a functional prototype. Learn design patterns and principles to guide your way in organizing your own code and take home some practical examples to kickstart your next project.
Prototype & jQuery
Prototype & jQueryRemy Sharp A walk through process comparison between Prototype and jQuery to help developers go from one language to another.
jQuery (MeshU)
jQuery (MeshU)jeresig jQuery is a JavaScript library that simplifies HTML and JavaScript interaction. It allows developers to select elements, perform actions on them such as adding/removing classes or triggering events, and chaining multiple actions together. jQuery supports CSS selectors, DOM manipulation, event handling, effects/animations, and AJAX operations. It is widely used by major websites for interactive prototypes and applications due to its small size, extensive documentation, plugins, and cross-browser compatibility.
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.
How kris-writes-symfony-apps-london
How kris-writes-symfony-apps-londonKris Wallsmith You've seen Kris' open source libraries, but how does he tackle coding out an application? Walk through green fields with a Symfony expert as he takes his latest “next big thing” idea from the first line of code to a functional prototype. Learn design patterns and principles to guide your way in organizing your own code and take home some practical examples to kickstart your next project.
PhoneGap: Local Storage
PhoneGap: Local StorageIvano Malavolta PhoneGap: Local Storage
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2013.
http://www.ivanomalavolta.com
History of jQuery
History of jQueryjeresig An introductory overview of the history of the jQuery library (up until present) - and then going beyond and looking at its future.
Learning jQuery in 30 minutes
Learning jQuery in 30 minutesSimon Willison - jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animation, and Ajax.
- It works by allowing the selection of HTML elements and running functions on those elements via a simple and consistent API.
- Common uses of jQuery include modifying HTML content, CSS styling, handling user events, animating elements, and loading data from web servers via Ajax.
jQuery: Nuts, Bolts and Bling
jQuery: Nuts, Bolts and BlingDoug Neiner This presentation covers some jQuery basics, as well as some general concepts you should understand about jQuery. You will find other tips and tricks sprinkled throughout before the live coding session starts.
The code from the live coding session is available here: https://github.com/dcneiner/jQuery-Bling and covers far more advanced topics than the slide portion of this presentation.
Processing and Processing.js
Processing and Processing.jsjeresig Processing is a data visualization programming language built on top of Java. It has a strictly typed structure with classes and inheritance. The language uses setup() and draw() methods similarly to OpenGL, with draw() being called continuously. Processing can be used to draw shapes and images, perform math functions, and manipulate the canvas through transformations. It has also been ported to JavaScript as Processing.js to run on HTML5 canvases in web browsers.
jQuery 1.7 Events
jQuery 1.7 Eventsdmethvin The document summarizes new features and changes to the jQuery event system in version 1.7. Key points include:
- The .on() and .off() methods were introduced to unify event binding, removing confusion from multiple older methods. This improves performance and reduces code size.
- Event delegation was optimized through "quickIs()" to speed up selector matching, improving delegation performance by 2-4x in most browsers.
- Existing event bugs were fixed and the system was overhauled to make events more "hookable" and extensible.
Virtual Madness @ Etsy
Virtual Madness @ EtsyNishan Subedi These are slides to my presentation on Virtual Madness - the virtual machine management platform at Etsy.
HirshHorn theme: how I created it
HirshHorn theme: how I created itPaul Bearne Slides from the talk I gave at WordCamp toronto 2012 full of snippets of code and techniques I used to create the HIshHorh Sliding WordPress Theme
jQuery Essentials
jQuery EssentialsBedis ElAchèche Things you should know about jQuery JavaScript library. A JavaScript library designed to hide painful cross-browser compatibility issues while presenting a solid, usable, API.
Bag Of Tricks From Iusethis
Bag Of Tricks From IusethisMarcus Ramberg practical examples of how I used Catalyst and DBIx::Class to write http://osx.iusethis.com/, a social-software site for software.
J query training
J query trainingFIS - Fidelity Information Services This document provides an overview of jQuery, including what it is, why it's useful, how to get started, and some common jQuery syntax. jQuery is a JavaScript library that makes it much easier to use JavaScript on websites. It simplifies tasks like DOM manipulation, event handling, animation, and Ajax. The document explains how to download jQuery, includes some basic jQuery syntax using selectors and methods, and covers various features like effects, HTML/CSS manipulation, events, traversing, and Ajax.
JQuery introduction
JQuery introductionNexThoughts Technologies This document provides an introduction to jQuery, including:
- jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006.
- The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston.
- jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.
Introduction to jQuery
Introduction to jQuerymanugoel2003 - jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, events, animations and Ajax interactions for rapid web development.
- It was released in 2006 and abstracts away browser quirks to write less code using a simpler syntax.
- jQuery selects elements, handles events, performs animations and loads data asynchronously via Ajax calls to build dynamic web page content.
jQuery from the very beginning
jQuery from the very beginningAnis Ahmad Presented at phpXperts seminar 2009, Bangladesh.
A real quick start for jQuery learners.
http://tech.groups.yahoo.com/group/phpexperts/message/11888
jQuery Fundamentals
jQuery FundamentalsGil Fink This document outlines a presentation on jQuery fundamentals. The presentation introduces jQuery as a lightweight JavaScript library for DOM manipulation, event handling, Ajax, and animation. It covers jQuery syntax, selectors, DOM traversal and manipulation methods. It also discusses jQuery's event system, Ajax support, and plugins. The presentation includes demos of common jQuery tasks to demonstrate its usage and capabilities.
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009Remy Sharp jQuery is a JavaScript library which allows you to develop solutions with less code, in less time. You can build interactive prototypes for your prospective clients, or take an existing solution and add new dynamic behaviour with little effort.
We will see how jQuery can be used to quickly and concisely apply JavaScript behaviour to your web app. It will cover selectors, Ajax, DOM manipulation and more. The aim: to produce lean unobtrusive JavaScript with jQuery.
JQuery In Drupal
JQuery In Drupalkatbailey This presentation shows how jQuery is used in Drupal, including an overview of how the timelines of both projects relate to each other. It also focuses on specific functionality such as AJAX, AHAH and Drag&Drop
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.
Ad
More Related Content
What's hot (20)
Prototype & jQuery
Prototype & jQueryRemy Sharp A walk through process comparison between Prototype and jQuery to help developers go from one language to another.
jQuery (MeshU)
jQuery (MeshU)jeresig jQuery is a JavaScript library that simplifies HTML and JavaScript interaction. It allows developers to select elements, perform actions on them such as adding/removing classes or triggering events, and chaining multiple actions together. jQuery supports CSS selectors, DOM manipulation, event handling, effects/animations, and AJAX operations. It is widely used by major websites for interactive prototypes and applications due to its small size, extensive documentation, plugins, and cross-browser compatibility.
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.
How kris-writes-symfony-apps-london
How kris-writes-symfony-apps-londonKris Wallsmith You've seen Kris' open source libraries, but how does he tackle coding out an application? Walk through green fields with a Symfony expert as he takes his latest “next big thing” idea from the first line of code to a functional prototype. Learn design patterns and principles to guide your way in organizing your own code and take home some practical examples to kickstart your next project.
PhoneGap: Local Storage
PhoneGap: Local StorageIvano Malavolta PhoneGap: Local Storage
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2013.
http://www.ivanomalavolta.com
History of jQuery
History of jQueryjeresig An introductory overview of the history of the jQuery library (up until present) - and then going beyond and looking at its future.
Learning jQuery in 30 minutes
Learning jQuery in 30 minutesSimon Willison - jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animation, and Ajax.
- It works by allowing the selection of HTML elements and running functions on those elements via a simple and consistent API.
- Common uses of jQuery include modifying HTML content, CSS styling, handling user events, animating elements, and loading data from web servers via Ajax.
jQuery: Nuts, Bolts and Bling
jQuery: Nuts, Bolts and BlingDoug Neiner This presentation covers some jQuery basics, as well as some general concepts you should understand about jQuery. You will find other tips and tricks sprinkled throughout before the live coding session starts.
The code from the live coding session is available here: https://github.com/dcneiner/jQuery-Bling and covers far more advanced topics than the slide portion of this presentation.
Processing and Processing.js
Processing and Processing.jsjeresig Processing is a data visualization programming language built on top of Java. It has a strictly typed structure with classes and inheritance. The language uses setup() and draw() methods similarly to OpenGL, with draw() being called continuously. Processing can be used to draw shapes and images, perform math functions, and manipulate the canvas through transformations. It has also been ported to JavaScript as Processing.js to run on HTML5 canvases in web browsers.
jQuery 1.7 Events
jQuery 1.7 Eventsdmethvin The document summarizes new features and changes to the jQuery event system in version 1.7. Key points include:
- The .on() and .off() methods were introduced to unify event binding, removing confusion from multiple older methods. This improves performance and reduces code size.
- Event delegation was optimized through "quickIs()" to speed up selector matching, improving delegation performance by 2-4x in most browsers.
- Existing event bugs were fixed and the system was overhauled to make events more "hookable" and extensible.
Virtual Madness @ Etsy
Virtual Madness @ EtsyNishan Subedi These are slides to my presentation on Virtual Madness - the virtual machine management platform at Etsy.
HirshHorn theme: how I created it
HirshHorn theme: how I created itPaul Bearne Slides from the talk I gave at WordCamp toronto 2012 full of snippets of code and techniques I used to create the HIshHorh Sliding WordPress Theme
jQuery Essentials
jQuery EssentialsBedis ElAchèche Things you should know about jQuery JavaScript library. A JavaScript library designed to hide painful cross-browser compatibility issues while presenting a solid, usable, API.
Bag Of Tricks From Iusethis
Bag Of Tricks From IusethisMarcus Ramberg practical examples of how I used Catalyst and DBIx::Class to write http://osx.iusethis.com/, a social-software site for software.
J query training
J query trainingFIS - Fidelity Information Services This document provides an overview of jQuery, including what it is, why it's useful, how to get started, and some common jQuery syntax. jQuery is a JavaScript library that makes it much easier to use JavaScript on websites. It simplifies tasks like DOM manipulation, event handling, animation, and Ajax. The document explains how to download jQuery, includes some basic jQuery syntax using selectors and methods, and covers various features like effects, HTML/CSS manipulation, events, traversing, and Ajax.
JQuery introduction
JQuery introductionNexThoughts Technologies This document provides an introduction to jQuery, including:
- jQuery is a JavaScript library that simplifies HTML document interaction and event handling. It was created by John Resig in 2006.
- The current version is 1.3.2 and version 1.4 is coming soon. John Resig continues to develop jQuery in Boston.
- jQuery selects elements, changes their properties, handles events, and makes AJAX calls to simplify common JavaScript tasks. It works by selecting DOM elements and running functions on the selection.
Introduction to jQuery
Introduction to jQuerymanugoel2003 - jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, events, animations and Ajax interactions for rapid web development.
- It was released in 2006 and abstracts away browser quirks to write less code using a simpler syntax.
- jQuery selects elements, handles events, performs animations and loads data asynchronously via Ajax calls to build dynamic web page content.
jQuery from the very beginning
jQuery from the very beginningAnis Ahmad Presented at phpXperts seminar 2009, Bangladesh.
A real quick start for jQuery learners.
http://tech.groups.yahoo.com/group/phpexperts/message/11888
jQuery Fundamentals
jQuery FundamentalsGil Fink This document outlines a presentation on jQuery fundamentals. The presentation introduces jQuery as a lightweight JavaScript library for DOM manipulation, event handling, Ajax, and animation. It covers jQuery syntax, selectors, DOM traversal and manipulation methods. It also discusses jQuery's event system, Ajax support, and plugins. The presentation includes demos of common jQuery tasks to demonstrate its usage and capabilities.
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009Remy Sharp jQuery is a JavaScript library which allows you to develop solutions with less code, in less time. You can build interactive prototypes for your prospective clients, or take an existing solution and add new dynamic behaviour with little effort.
We will see how jQuery can be used to quickly and concisely apply JavaScript behaviour to your web app. It will cover selectors, Ajax, DOM manipulation and more. The aim: to produce lean unobtrusive JavaScript with jQuery.
Similar to DOM Scripting Toolkit - jQuery (20)
JQuery In Drupal
JQuery In Drupalkatbailey This presentation shows how jQuery is used in Drupal, including an overview of how the timelines of both projects relate to each other. It also focuses on specific functionality such as AJAX, AHAH and Drag&Drop
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.
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.
jQuery & 10,000 Global Functions: Working with Legacy JavaScript
jQuery & 10,000 Global Functions: Working with Legacy JavaScriptGuy Royse Long ago, in the late days of the first Internet boom, before jQuery, before Underscore, before Angular, there was a web application built by a large corporation. This application was written as a server-side application using server-side technology like Java or PHP. A tiny seed of JavaScript was added to some of the pages of this application to give it a little sizzle.
Over the ages, this tiny bit of JavaScript grew like kudzu. Most of it was embedded in the HTML in
An in-depth look at jQuery
An in-depth look at jQueryPaul Bakaus This document provides an overview of jQuery, a JavaScript library. It discusses what jQuery is and is not (a library, not a framework), its basic features like selecting elements and chaining methods. It also covers jQuery's main functionality areas like selections, DOM traversal, DOM manipulation, attributes/CSS, events, and animation. The document provides examples for these areas and discusses useful techniques like event handling, namespacing, custom events, and event delegation that can be used with jQuery. It concludes with ways jQuery itself can be extended, such as adding new functions, selectors, or animation properties.
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.
Cheap frontend tricks
Cheap frontend tricksambiescent The document discusses various techniques for improving web applications, including:
1. Enabling in-place AJAX reloading of pages using jQuery.
2. Optimizing page loads by only rendering necessary content for AJAX requests.
3. Adding hash URLs to enable back-button functionality when using AJAX.
4. Improving cross-browser compatibility by detecting browsers and conditional loading of styles.
Jquery optimization-tips
Jquery optimization-tipsanubavam-techkt jQuery Tips and Trick by NagaHarish on 21 Jan 2012... For the Demos given in this slides refer
https://github.com/anubavam-techkt/jQuery-tricks-tips-nagaharish
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and PerformanceJonas De Smet This document provides an overview of a presentation on jQuery tips, tricks, and hints for better development and performance. The presentation covers:
1. What is jQuery and how it simplifies document traversing, event handling, and rapid web development.
2. Ten useful tips for better development, including avoiding flashing content, using Firebug's console, loading jQuery from Google Code, and writing custom filter selectors.
3. Ten performance tips such as using .find() instead of new selectors, giving selectors context, caching jQuery objects, and using event delegation.
The presentation concludes with contact information for the presenter.
Introduction to jQuery - Barcamp London 9
Introduction to jQuery - Barcamp London 9Jack Franklin This document introduces jQuery, a JavaScript library that simplifies HTML document manipulation and AJAX interactions. It allows selecting elements, handling events, animating elements, and making AJAX requests. Some key benefits of jQuery include being cross-browser compatible, having excellent documentation, being widely adopted, and being lightweight. The document provides many code examples demonstrating how to select elements, handle events, animate elements, traverse the DOM, make AJAX requests, and more using jQuery.
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.
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.
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.
jQuery Presentation to Rails Developers
jQuery Presentation to Rails DevelopersYehuda Katz This document summarizes jQuery, an open-source JavaScript library that simplifies HTML and JavaScript interactions. It discusses jQuery's features like DOM manipulation, events, effects, and AJAX capabilities. It also covers how to use jQuery with Ruby on Rails, including responding to Ajax requests and placing JavaScript code. The document advocates separating JavaScript behavior from HTML/CSS for maintainability.
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
jQuery secrets
jQuery secretsBastian Feder This document discusses various jQuery secrets including:
1. Utilities for saving and removing state from DOM elements using jQuery.data() and jQuery.removeData().
2. Hidden events like getData, setData, and changeData that are emitted when data is read, set, or changed on an element.
3. Extending jQuery with custom functions, properties, and AJAX shortcuts.
4. Binding custom events and namespaces, self-defined animation speeds, and extending jQuery plugins.
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.
jQuery (DrupalCamp Toronto)
jQuery (DrupalCamp Toronto)jeresig jQuery is an open source JavaScript library that simplifies HTML and JavaScript interaction by providing methods for selecting elements, handling events, performing animations and AJAX calls. It has a large community of users and developers, numerous plugins that extend its functionality, and is used by many large companies and websites. Major releases of jQuery have continued to improve performance, add new features, and expand cross-browser compatibility.
jQuery - 10 Time-Savers You (Maybe) Don't Know
jQuery - 10 Time-Savers You (Maybe) Don't Knowgirish82 This document discusses 10 time-saving techniques for jQuery and JavaScript:
1. Limit DOM traversal to improve performance.
2. Use chaining for cleaner code and better readability.
3. Be specific with selectors like :first-child to avoid universal selectors.
4. Understand events like .each(), .live(), and .delegate() and use appropriately.
5. Create DOM elements in memory then append for better performance.
6. Bind fewer events by checking the target of the event.
7. Choose events like .ready() and .load() carefully based on needs.
8. Think right-to-left for selectors except IDs
jQuery
jQueryIvano Malavolta Mobile applications Development - Lecture 12
Javascript
jQuery (Zepto)
useful microframeworks
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
Ad
More from Remy Sharp (18)
HTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymoreRemy Sharp Flash over the years, has been used to prop up the regular browser like a sad old man drinking alone in a pub.
Today browsers come shipped with technology designed to rival flash and aim to shut it squarely out of the game.
Are browser ready to rock without Flash?
Yearning jQuery
Yearning jQueryRemy Sharp The document discusses a screencast on using jQuery for designers, noting that the screencast will cover getting started with jQuery, DOM navigation and manipulation, events, Ajax, and tips. It provides Remy's contact information and encourages asking questions during the screencast. The document also lists various jQuery resources like documentation, blogs, tutorials, and forums for getting help with jQuery.
Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)Remy Sharp The document discusses the capabilities of HTML5 for building offline applications. It mentions several HTML5 features that enable offline functionality, including application cache, manifest files, and offline events. Application cache allows caching assets defined in a manifest file so the application can work offline. The offline event fires when the browser loses internet connectivity, informing the application it is now offline.
Forget the Web
Forget the WebRemy Sharp This document discusses various web storage options for offline and client-side storage of data, including Web Storage, IndexedDB, Web SQL Databases, and the History API. Web Storage is recommended for simple storage needs due to its wide browser support and easy API. IndexedDB and Web SQL are suggested for larger data storage, with each having some advantages and limitations. The History API can be used to modify browser URLs and handle back button navigation. The offline manifest feature allows creating an application cache to serve local files when offline.
Interaction Implementation
Interaction ImplementationRemy Sharp This document discusses best practices for taking a visual design mockup and implementing it as a functional website. It recommends deconstructing the mockup to understand clickable elements, platforms, and browser support. Estimating costs requires breaking work into components, accounting for risks and unknowns, and tracking time versus quotes. Prototyping early and following a KISS (Keep It Simple, Stupid) approach are also advised. Third-party libraries should be vetted for quality and activity level. The recap stresses function over form, anticipating invisible elements, prototyping, and following a KI(RF)SS (Keep It Relevantly Simple, Stupid) principle.
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?Remy Sharp HTML5 provides new semantic elements like <article> and <header> that allow for more meaningful structure than generic divs and spans. It also enables new multimedia capabilities with <video>, <audio>, and the <canvas> element for drawing. Behind the scenes, HTML5 introduces APIs for offline web applications, local storage, and client-side databases. The document discusses these new features and how to use polyfills to provide fallback support for older browsers that don't yet support the full HTML5 specification.
HTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & socketsRemy Sharp This document provides an overview of HTML5 features including new HTML5 elements, offline capabilities through the App Cache, local storage options, multimedia additions like video and audio, cross-domain messaging, and the Canvas API. It discusses using these features across browsers through polyfills and shims, and emphasizes the importance of JavaScript knowledge for full HTML5 implementation. Web Sockets are introduced as enabling real-time two-way communication through a persistent connection.
Developing for Mobile
Developing for MobileRemy Sharp The document discusses developing for mobile web. It covers several topics including physical properties of mobile devices, their network usage and power constraints. It also discusses different versions of Gmail optimized for different devices. The document recommends inlining content, deferring non-essential work, and being creative with JavaScript libraries and debugging to improve performance for mobile. It highlights the ability of web technologies to build cross-device applications quickly without native restrictions. The conclusion is that native languages may be better if writing many device plugins, but web technologies can be effective otherwise.
Browsers with Wings
Browsers with WingsRemy Sharp HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new language, there’s plenty for web app developers with new JavaScript APIs both in the HTML5 spec and separated out as their own W3C specifications. This session will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is useful today, some even in Internet Explorer!
Webapps without the web
Webapps without the webRemy Sharp We'll look at how the HTML5 and related specifications allow us to develop applications that can survive outside of the web. Browsers now offer us simple storage and more complicated SQL based storage and also full offline support which means we can build our apps to be self sufficient when the user is disconnected. This talk will take you through the technology and walk you though some practical code.
TwitterLib.js
TwitterLib.jsRemy Sharp A walk through of the features of TwitterLib.js - a library that helps standardise all the Twitter API calls and all the data coming back from Twitter, and includes a collection of utility methods to speed development up.
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?Remy Sharp A look at how HTML5 aims to plug the holes that Flash has been filling in browsers for the last decade, looking at both HTML5 and non-HTML5 JavaScript APIs.
For Flash Brighton in Feb 2010.
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIsRemy Sharp HTML5 is all the rage with the cool kids, and although there's a lot of focus on the new language, there's lots of interesting new JavaScript APIs both in the HTML5 spec and separated out. This presentation will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs.
HTML5 JavaScript APIs
HTML5 JavaScript APIsRemy Sharp HTML5 is all the rage with the cool kids, and although there's a lot of focus on the new language, there's lots of interesting new JavaScript APIs both in the HTML5 spec and separated out. This presentation will take you through demos and code behind the new JavaScript APIs, and explore where these features can be used
iPhone Appleless Apps
iPhone Appleless AppsRemy Sharp This document discusses how to build iPhone apps using only web technologies like HTML5, CSS3, and JavaScript without relying on native iOS frameworks or the App Store. Key points covered include how to create offline-capable apps using the cache manifest, emulate touch events with JavaScript, make the app feel native through CSS transforms and meta tags, and detect device capabilities. The example rubiks cube app demonstrates these techniques to create an offline-capable puzzle game experience on iPhone similar to a native app.
HTML5 & Friends
HTML5 & FriendsRemy Sharp I look at HTML 5, the language the APIs and the big number 2022.
Lots of examples for you check out.
HTML5 JS APIs
HTML5 JS APIsRemy Sharp The document discusses various JavaScript APIs available in HTML5 for building rich web applications, including Canvas, Drag and Drop, Geolocation, Local Storage, Web Sockers, Offline Applications, and more. It provides code examples and links to documentation resources for each API. The last part encourages exploring demos and contacting the author with any other questions.
jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009Remy Sharp Covering jQuery and the details behind the features. Also covers the new 1.3 features.
Ad
Recently uploaded (20)
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
UiPath Automation Suite – Cas d'usage d'une NGO internationale basée à Genève
UiPath Automation Suite – Cas d'usage d'une NGO internationale basée à GenèveUiPathCommunity Nous vous convions à une nouvelle séance de la communauté UiPath en Suisse romande.
Cette séance sera consacrée à un retour d'expérience de la part d'une organisation non gouvernementale basée à Genève. L'équipe en charge de la plateforme UiPath pour cette NGO nous présentera la variété des automatisations mis en oeuvre au fil des années : de la gestion des donations au support des équipes sur les terrains d'opération.
Au délà des cas d'usage, cette session sera aussi l'opportunité de découvrir comment cette organisation a déployé UiPath Automation Suite et Document Understanding.
Cette session a été diffusée en direct le 7 mai 2025 à 13h00 (CET).
Découvrez toutes nos sessions passées et à venir de la communauté UiPath à l’adresse suivante : https://community.uipath.com/geneva/.
Viam product demo_ Deploying and scaling AI with hardware.pdf
Viam product demo_ Deploying and scaling AI with hardware.pdfcamilalamoratta Building AI-powered products that interact with the physical world often means navigating complex integration challenges, especially on resource-constrained devices.
You'll learn:
- How Viam's platform bridges the gap between AI, data, and physical devices
- A step-by-step walkthrough of computer vision running at the edge
- Practical approaches to common integration hurdles
- How teams are scaling hardware + software solutions together
Whether you're a developer, engineering manager, or product builder, this demo will show you a faster path to creating intelligent machines and systems.
Resources:
- Documentation: https://on.viam.com/docs
- Community: https://discord.com/invite/viam
- Hands-on: https://on.viam.com/codelabs
- Future Events: https://on.viam.com/updates-upcoming-events
- Request personalized demo: https://on.viam.com/request-demo
Designing Low-Latency Systems with Rust and ScyllaDB: An Architectural Deep Dive
Designing Low-Latency Systems with Rust and ScyllaDB: An Architectural Deep DiveScyllaDB Want to learn practical tips for designing systems that can scale efficiently without compromising speed?
Join us for a workshop where we’ll address these challenges head-on and explore how to architect low-latency systems using Rust. During this free interactive workshop oriented for developers, engineers, and architects, we’ll cover how Rust’s unique language features and the Tokio async runtime enable high-performance application development.
As you explore key principles of designing low-latency systems with Rust, you will learn how to:
- Create and compile a real-world app with Rust
- Connect the application to ScyllaDB (NoSQL data store)
- Negotiate tradeoffs related to data modeling and querying
- Manage and monitor the database for consistently low latencies
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.
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.
#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.
Heap, Types of Heap, Insertion and Deletion
Heap, Types of Heap, Insertion and DeletionJaydeep Kale This pdf will explain what is heap, its type, insertion and deletion in heap and Heap sort
GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...
GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson Autonomous Resource Optimization: How AI is Solving the Overprovisioning Problem
In this session, Suresh Mathew will explore how autonomous AI is revolutionizing cloud resource management for DevOps, SRE, and Platform Engineering teams.
Traditional cloud infrastructure typically suffers from significant overprovisioning—a "better safe than sorry" approach that leads to wasted resources and inflated costs. This presentation will demonstrate how AI-powered autonomous systems are eliminating this problem through continuous, real-time optimization.
Key topics include:
Why manual and rule-based optimization approaches fall short in dynamic cloud environments
How machine learning predicts workload patterns to right-size resources before they're needed
Real-world implementation strategies that don't compromise reliability or performance
Featured case study: Learn how Palo Alto Networks implemented autonomous resource optimization to save $3.5M in cloud costs while maintaining strict performance SLAs across their global security infrastructure.
Bio:
Suresh Mathew is the CEO and Founder of Sedai, an autonomous cloud management platform. Previously, as Sr. MTS Architect at PayPal, he built an AI/ML platform that autonomously resolved performance and availability issues—executing over 2 million remediations annually and becoming the only system trusted to operate independently during peak holiday traffic.
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
vbv@boundaryml.com
boundaryml/baml
Thank you!
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
How to Install & Activate ListGrabber - eGrabber
How to Install & Activate ListGrabber - eGrabbereGrabber ListGrabber: Build Targeted Lists Online in Minutes
How analogue intelligence complements AI
How analogue intelligence complements AIPaul Rowe
Artificial Intelligence is providing benefits in many areas of work within the heritage sector, from image analysis, to ideas generation, and new research tools. However, it is more critical than ever for people, with analogue intelligence, to ensure the integrity and ethical use of AI. Including real people can improve the use of AI by identifying potential biases, cross-checking results, refining workflows, and providing contextual relevance to AI-driven results.
News about the impact of AI often paints a rosy picture. In practice, there are many potential pitfalls. This presentation discusses these issues and looks at the role of analogue intelligence and analogue interfaces in providing the best results to our audiences. How do we deal with factually incorrect results? How do we get content generated that better reflects the diversity of our communities? What roles are there for physical, in-person experiences in the digital world?
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.
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!
The Microsoft Excel Parts Presentation.pdf
The Microsoft Excel Parts Presentation.pdfYvonneRoseEranista This is an overview of the different parts of the Microsoft Excel.
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/
TrsLabs Consultants - DeFi, WEb3, Token Listing
TrsLabs Consultants - DeFi, WEb3, Token ListingTrs Labs Enter the world of web3 with experienced strategic partner.
Open your business to new opportunities.