Javascript and jQuery intro

Jan 28, 2014Download as ppt, pdf

0 likes618 views

JavaScript and jQuery are introduced. Key concepts of JavaScript include loose typing, lambda functions, and prototypal inheritance. jQuery allows selecting and manipulating DOM elements and events in a simple way. Ajax requests can be made to retrieve and modify remote data.

JavaScript and jQuery,
the Atlassian way

Quick Intro
• Not a Toy language
• Small but powerful
• Has design flaws
• Hits the high notes

Key Concepts
• Load and Go
• Loose Typing
• Lambda
• Prototypal Inheritance
• Single Threaded

Values
• Numbers
– 64-bit floating point, NaN, Infinity

• Strings
– UCS-2 (not quite UTF-16), Immutable

• Booleans
• Objects
– Hashes

• null
• undefined

Resources
http://api.jquery.com/
https://developer.mozilla.org/en/JavaScripthttp://document
cloud.github.com/backbone/
http://documentcloud.github.com/underscore/

// Collections!
var $collection = jQuery("a[rel=userprofile]");
// $collection is a jQuery collection.
// It can have 0 or more elements.
$collection.addClass("foo");
// API functions apply to all elements in the
// collection.
var p = document.getElementById("myUserProfile");
var $collection2 = jQuery(p);
// $collection2 is a jQuery collection.
// It has 1 element.

var $hi = jQuery("<p>Hello, world.</p>");
// $hi is also a jQuery collection,
// containing 1 element.
console.log($collection.length);
// The number of elements in $collection.
console.log($collection[0]);
// The first DOM element in $collection.

//methods on the same collection
$collection.attr("hreflang", "fr");
// Sets the "hreflang" attribute on *all*
// elements in $collection.
$collection.attr("href");
// Gets the "href" attribute of the
// *first* element in $collection.

//script execution and DOM Ready
console.log(
jQuery("input[type=checkbox]").length
); // => 0
// The page has only loaded enough
// elements to get to this <script>.
jQuery(function() {
// This function is called when the page
// has fully loaded.
console.log(
jQuery("input[type=checkbox]").length
); // => 6
});

//events
function handleEvent(event) {
console.log(this);
// The element clicked,
// not a jQuery collection
event.preventDefault();
// Prevent the default action of this
// event.
}
$collection.bind("click", handleEvent);
// handleEvent is called when any element
// in $collection is clicked.
$collection.unbind("click", handleEvent);

//when I say stop I mean…
$collection.bind("keydown",
function(event) {
event.stopPropagation();
event.stopImmediatePropagation();
return false;
// Avoid these.
// This breaks the key rule that
// event handlers should be agnostic
// of other event handlers.
});

//custom events
$collection.bind("myCustomEvent",
function(event) {
// custom event handler
});
$collection.trigger("myCustomEvent");
// Dispatch an event of type
// "myCustomEvent"

$//bind to arbitrary objects MyApp.ISSUES = {}; jQuery(MyApp.ISSUES).bind("add_issue", function(newIssue) { // Handle adding new issues }); // jQuery(MyApp.ISSUES) is a jQuery // collection containing the JavaScript // object MyApp.ISSUES. var newIssue = new Issue(newIssueId); jQuery(MyApp.ISSUES).trigger("add_issue", [newIssue]); // The second argument to trigger() is an // array of arguments to supply listeners.$

//ajax
var xhr = jQuery.ajax("/users", {
type: "PUT", // HTTP method
contentType: "application/json", // request header
data: '{"name":"Fred Jones","role":"JavaScript Developer"}',
dataType: "json" // Accept: application/json
});
xhr.complete(function(xhr) {
console.log(xhr.status); // 200
console.log(xhr.data); // JSON-decoded response
console.log(xhr.responseText); // JSON string
});
xhr.success(function(data) {
console.log(data); // JSON-decoded response
});
xhr.error(function(xhr, errType) {
console.log(errType); // "error" (4xx or 5xx)
// Other possible values: "abort", "timeout", "parsererror"
});

//store data against DOM nodes
// Set data:
jQuery.data(obj, "key", "value");
// Get data:
jQuery.data(obj, "key"); // => "value"
//
//
//
//

obj can be any DOM element or
JavaScript object.
The key can be any string.
The value can be any type.

Drupal 8 leverages Assetic for managing Javascript and CSS assets. This library abstracts the headaches of integrating with the burgeoning universe of asset pre-processors and optimization tools available to the modern developer. The lead developer of Assetic will give a tour of the library and discuss the current state of the project, its strengths, and its weaknesses, and also touch on the future: Assetic 2.0.

jQuery Best Practice chandrashekher786

This document provides best practices for using jQuery, including loading jQuery from a CDN, using variables to cache jQuery objects, optimizing selectors for performance, best practices for DOM manipulation, event handling, AJAX requests, animations, chaining, using plugins, and other miscellaneous tips. Key recommendations include prefixing variables with $, using ID selectors when possible, giving selectors context, avoiding implied universal selectors, detaching elements before manipulation, avoiding anonymous event handlers, and using object literals for parameters.

How Kris Writes Symfony AppsKris Wallsmith

Matters of StateKris Wallsmith

If you have used Facebook's React library, then you are familiar with the concept of application state. React components are, at their core (and as noted in the official documentation), simple state machines. This declarative approach to building a UI may take some adjusting to, but it ultimately simplifies kludgy imperative code into smaller, much more manageable pieces. This pattern of manipulating state and responding to those changes can be implemented to great effect using the Symfony Event Dispatcher. This talk will step through this state-based approach to building an easily maintained and testable PHP application, tease out a few gotchas, and share real-world applications.

Special EventsBrandon Aaron

The document discusses jQuery special events, which allow modifying existing events or creating new custom events. Special events have setup and teardown functions that run on event binding and unbinding. Examples shown create tripleclick and multiclick events by tracking click counts, and override the click event setup to set the cursor style. Special events can also modify event handler functions and data during binding using the add hook introduced in jQuery 1.4.2.

Découplez votre appli en micro-APIsNicolas Blanco

The document discusses decomposing monolithic Rails applications into micro-APIs using a service-oriented architecture. It recommends breaking functionality into independent, stateless RESTful JSON APIs that communicate asynchronously using technologies like Redis, Sidekiq, and Grape. An example is provided of importing XML data via a POST request that schedules a background job, with the status checked via GET. Models are persisted with Redis and background jobs are handled by Sidekiq workers to provide a responsive, decoupled architecture.

So long, jQuery, and thanks for all the fish!Matt Turnure

DOM Scripting Toolkit - jQueryRemy Sharp

JQueryJussi Pohjolainen

The document introduces JQuery, a JavaScript library that simplifies HTML document manipulation, event handling, animations, and AJAX interactions. It explains that JQuery downloads as a JavaScript file that can then be referenced in an HTML page, allowing developers to select elements and use JQuery functions rather than traditional JavaScript methods. Basic JQuery syntax, selectors, DOM manipulation, and animation functions are demonstrated.

Short intro to JQuery and ModernizrJussi Pohjolainen

The document provides an introduction to JQuery and Modernizr. It discusses how JQuery simplifies common tasks like DOM manipulation, event handling, and Ajax interactions. It also explains how Modernizr detects browser features to avoid unreliable user agent sniffing. The document includes examples of basic JQuery syntax and functions for selecting elements, creating/inserting elements, and animations.

AngularJS RoutingEyal Vardi

Week 4 - jQuery + Ajaxbaygross

This document provides an introduction to jQuery, including what jQuery is, why it's useful, how to include it, and some common jQuery syntax and methods. Key points: - jQuery is a JavaScript framework that makes interacting with HTML, CSS, and browser functionality simpler. It provides methods for DOM manipulation, AJAX requests, and event handling. - jQuery uses CSS selector syntax to select elements and chainable methods to manipulate them. Common methods include show(), hide(), addClass(), removeClass(), and more. - Events like click and change can have callback functions attached via jQuery. AJAX requests allow asynchronous data retrieval without page reloads. - jQuery handles cross-browser compatibility and provides a consistent

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.

jQuery: Events, Animation, AjaxConstantin Titarenko

PHP and Rich Internet Applicationselliando dias

This document discusses PHP and Rich Internet Applications (RIAs). It notes that RIAs can replace desktop applications and are the next evolution of the web. PHP can be used to build RIAs by reading in XML from a PHP backend using REST, transferring PHP objects directly to the client using JSON or AMF, or making PHP apps that serve as services for any front end like Ajax, XAML, or Flex. It also briefly mentions tools for developing Flex applications from PHP like Adobe's web compiler for Flex apps.

php SlideshareJason Liao

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.

Jqeury ajax pluginsInbal Geffen

This document discusses jQuery and plugins. It begins by showing how to perform AJAX requests without jQuery using XMLHttpRequest. It then demonstrates how to simplify AJAX requests using jQuery's $.post, $.get, and $.ajax methods. The document concludes by explaining that many jQuery plugins exist to add functionality, how to include plugin code in a webpage, and provides examples of plugin usage and structure.

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.

Javascript Frameworks for JoomlaLuke Summerfield

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

AngularJS ServicesEyal Vardi

Taming that client side mess with Backbone.jsJarod Ferguson

Backbone.js gives structure to web applications by providing models, collections, views and connecting them to APIs. It includes models for representing and handling data, collections for managing multiple models, views for presenting data and handling user interaction, and connects everything to APIs. Using Backbone avoids callback soup and keeps logic separated. Many large sites use Backbone including GitHub, Medium, and Uber.

Dart and AngularDartLoc Nguyen

The document discusses Dart and AngularDart. It provides examples of how Dart code looks similar to languages like Java and C# but behaves like JavaScript. It demonstrates core Dart features like classes, functions, and type inference. It also shows how AngularJS concepts like controllers, directives and dependency injection map to AngularDart. Components are introduced as AngularDart's way to encapsulate reusable UI logic and templates. Discounts for Dart books and resources are listed at the end.

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.

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

Evented Javascriptwaw325

This document discusses different approaches to handling events in JavaScript and jQuery. It covers the DOM event model, jQuery's event binding methods like bind, live, and delegate. It also discusses custom events, namespaced events, and binding events to non-DOM objects. While jQuery's bind provides a basic event model, more elaborate models exist and need to be implemented carefully to avoid poor design. Examples of other event models mentioned include CKEditor and Node.js. The document stresses binding minimal logic to native events and considering assumptions made with techniques like escape closing dialogs.

Młodzi 2011 - Berlin 2012Piotr Arak

More Related Content

What's hot (20)

Découplez votre appli en micro-APIsNicolas Blanco

So long, jQuery, and thanks for all the fish!Matt Turnure

DOM Scripting Toolkit - jQueryRemy Sharp

JQueryJussi Pohjolainen

Short intro to JQuery and ModernizrJussi Pohjolainen

AngularJS RoutingEyal Vardi

Week 4 - jQuery + Ajaxbaygross

jQuery 1.7 Eventsdmethvin

jQuery: Events, Animation, AjaxConstantin Titarenko

PHP and Rich Internet Applicationselliando dias

php SlideshareJason Liao

Webapps without the webRemy Sharp

Jqeury ajax pluginsInbal Geffen

AngularJS DirectivesEyal Vardi

Javascript Frameworks for JoomlaLuke Summerfield

AngularJS ServicesEyal Vardi

Taming that client side mess with Backbone.jsJarod Ferguson

Dart and AngularDartLoc Nguyen

JQuery introductionNexThoughts Technologies

jQuery - 10 Time-Savers You (Maybe) Don't Knowgirish82

Découplez votre appli en micro-APIsNicolas Blanco

So long, jQuery, and thanks for all the fish!Matt Turnure

DOM Scripting Toolkit - jQueryRemy Sharp

JQueryJussi Pohjolainen

Short intro to JQuery and ModernizrJussi Pohjolainen

AngularJS RoutingEyal Vardi

Week 4 - jQuery + Ajaxbaygross

jQuery 1.7 Eventsdmethvin

jQuery: Events, Animation, AjaxConstantin Titarenko

PHP and Rich Internet Applicationselliando dias

php SlideshareJason Liao

Webapps without the webRemy Sharp

Jqeury ajax pluginsInbal Geffen

AngularJS DirectivesEyal Vardi

Javascript Frameworks for JoomlaLuke Summerfield

AngularJS ServicesEyal Vardi

Taming that client side mess with Backbone.jsJarod Ferguson

Dart and AngularDartLoc Nguyen

JQuery introductionNexThoughts Technologies

jQuery - 10 Time-Savers You (Maybe) Don't Knowgirish82

Viewers also liked (9)

Evented Javascriptwaw325

Młodzi 2011 - Berlin 2012Piotr Arak

Summit 2013 - Integrations at Atlassianwaw325

The document discusses how various Atlassian products integrate with each other. It describes how Confluence can be used to create JIRA issues without leaving the Confluence interface. It also discusses how JIRA can be integrated with Stash to allow developers to see relevant data and focus on their work with lower interruptions. The document provides an overview of the life of a product manager at Atlassian and how integrations between products like Confluence, JIRA, and Stash help connect different applications.

HAMMERTIME EXAM REVIEWhammertime11155

The document provides definitions and examples for several literary and linguistic terms: 1. It defines similes, which compare two unlike things using "like" or "as" to help readers visualize concepts. Examples compare teeth to wrecked cars and eyes to pancakes. 2. Hover is defined as to float or hang suspended over something, with examples from Independence Day and a daughter chatting online. 3. Laggard is defined as a slow or falling behind person or thing, with examples from a worker and tour group stragglers. 4. Collaborate means to work together, with an example of students collaborating on a history project.

Młodzi 2011 - Mielec - 21 września 2012Piotr Arak

Jak naprawić klin podatkowy - Polityka InsightPiotr Arak

Summit 2012 - How Atlassian Uses Confluencewaw325

Statistical supplement june 2011 final[1]Sammit Shukla

The document is a statistical supplement from the Insurance Regulatory and Development Authority (IRDA) providing state-wise data on gross direct premium underwritten by non-life insurers in India for the quarter ending March 31, 2011. It includes data on different classes of non-life insurance like fire, marine cargo, marine hull, engineering, motor, liability, personal accident, medical, overseas medical, crop insurance and other miscellaneous insurance. The Agriculture Insurance Company of India Ltd reported a total gross direct premium underwritten of Rs. 24,57.84 lakhs for the quarter with Rs. 2,59,09.61 lakhs until the quarter for crop insurance business.

Export Marketing services in IndiaGlobexo Marketing

Globalization has created a good scope for global trade. Internet has connected the world. Strong online presence could maximize ROI. How to export to other countries using online marketing? Globexo Marketing is a b2b digital marketing agency. we offer export online marketing, lead generation and digital marketing services. Our export online marketing services online branding, lead generation and lead conversion.

Evented Javascriptwaw325

Młodzi 2011 - Berlin 2012Piotr Arak

Summit 2013 - Integrations at Atlassianwaw325

HAMMERTIME EXAM REVIEWhammertime11155

Młodzi 2011 - Mielec - 21 września 2012Piotr Arak

Jak naprawić klin podatkowy - Polityka InsightPiotr Arak

Summit 2012 - How Atlassian Uses Confluencewaw325

Statistical supplement june 2011 final[1]Sammit Shukla

Export Marketing services in IndiaGlobexo Marketing

Similar to Javascript and jQuery intro (20)

06 jQuery #burningkeyboardsDenis Ristic

This document provides an introduction to jQuery, including examples of how to use jQuery. It discusses jQuery plugins, performance tips for jQuery, and jQuery deferreds/promises. Some key points: - jQuery is a JavaScript library that allows DOM manipulation and event handling via JavaScript - jQuery code uses $ as an alias for jQuery functions - Plugins can extend jQuery's functionality - For performance, cache selections, append outside loops, detach/reattach elements being modified - Deferreds/promises allow asynchronous functions to be chained together

jQueryIvano Malavolta

fuser interface-development-using-jqueryKostas Mavridis

This document provides an overview of using jQuery for user interface development. It discusses what jQuery is, provides a JavaScript 101 refresher, and covers key jQuery concepts like selecting elements, manipulating the DOM, attaching events, and making AJAX requests. The document outlines an example workshop agenda that demonstrates finding elements, modifying attributes and styles, binding events, and more through hands-on exercises using jQuery.

Modular and Event-Driven JavaScriptEduardo Shiota Yasuda

Ever wondered how to get rid of that spaghetti, single-filed JavaScript code? Wouldn't it be nice if you could write maintainable modules, easily test them, port them to different projects, handle its library dependencies, and have them decoupled from other modules? In this talk, we'll see how using the AMD API and an event-driven design will help taming an application's JavaScript code and scaling it to the future and beyond.

User Interface Development with jQuerycolinbdclark

Writing Maintainable JavaScriptAndrew Dupont

Is your web app drowning in a sea of JavaScript? Has your client-side codebase grown from "a snippet here and there" to "more JavaScript than HTML"? Do you find yourself writing one-off snippets instead of generalized components? You're not the only one. Learn about a handful of strategies you can use to keep your JavaScript codebase lean, modular, and flexible. We'll cover all the major pain points — MVC, templates, persisting state, namespacing, graceful error handling, client/server communication, and separation of concerns. And we'll cover how to do all this incrementally so that you don't have to redo everything from scratch.

Learning jQuery made exciting in an interactive session by one of our team me...Thinqloud

- jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, event handling, animation, and Ajax interactions for rapid web development. It works across all major browsers. - jQuery UI provides interactive widgets, effects, and themes that can be used to build highly interactive web applications. It is built on top of the jQuery library and uses JavaScript, CSS, and HTML. Popular widgets include accordion, autocomplete, datepicker, dialog, and slider. - To use jQuery UI, developers include the jQuery-ui.js and jquery-ui.css files in their web pages. It offers interactions, widgets, effects, themes and utilities that enhance the user experience of applications.

DrupalCon jQueryNathan Smith

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.

jQuery secretsBastian Feder

Drupal Javascript for developersDream Production AG

Javascript essential-pattern偉格高

- JavaScript patterns like custom events, deferreds, and pub/sub can help manage asynchronous processes in the browser environment. Custom events allow defining and triggering custom events. Deferreds help manage callbacks and caching of asynchronous results. Pub/sub implements a publisher/subscriber pattern for loose coupling between modules. These patterns help modularize applications and decouple components.

The Inclusive Web: hands-on with HTML5 and jQuerycolinbdclark

Driven by technologies such as HTML5, JavaScript, and jQuery, innovative new user experiences are thriving on the Web. This workshop, presented by Justin Obara and Colin Clark from the Fluid community (http://fluidproject.org), will provide Web designers and developers with an overview of modern Web accessibility techniques, providing hands-on ways to make HTML5 and jQuery-based applications more accessible, flexible, and inclusive of a diverse range of users. We’ll also cover some of the features of Fluid Infusion, an application framework built on top of jQuery.

Prototype & jQueryRemy Sharp

jQuery PresentasionMohammad Usman

This document provides an introduction to jQuery, including what jQuery is, how it works, getting started, core concepts, selectors, manipulation, traversal, events, and more. Some key points covered include: - jQuery is a JavaScript library that simplifies HTML/JavaScript interaction and provides DOM manipulation and event handling. - jQuery uses CSS selector syntax to select elements and a method chain structure for fluent programming. - Common uses include selecting elements, modifying styles/content, traversing/manipulating the DOM, and handling browser events. - jQuery handles cross-browser inconsistencies and speeds up development of interactive elements and AJAX applications.

Jquery- One slide completing all JQueryKnoldus Inc.

"this" in JavaScriptMartha Schumann

The document discusses JavaScript functions and execution contexts. It explains that functions are first-class objects that can be stored in variables, objects, and arrays. It also discusses how functions are interpreted, including how variable instantiation and scoping work due to hoisting. The document explains that the value of "this" depends on how a function is invoked, as a method, constructor, function literal, or with call/apply. It also discusses closures and how they close over variables from the scope they were created in.

JQuery In Drupalkatbailey

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.

Multilingualism makes better programmersAlexander Varwijk

06 jQuery #burningkeyboardsDenis Ristic

jQueryIvano Malavolta

fuser interface-development-using-jqueryKostas Mavridis

Modular and Event-Driven JavaScriptEduardo Shiota Yasuda

User Interface Development with jQuerycolinbdclark

Writing Maintainable JavaScriptAndrew Dupont

Learning jQuery made exciting in an interactive session by one of our team me...Thinqloud

DrupalCon jQueryNathan Smith

jQuery: Tips, tricks and hints for better development and PerformanceJonas De Smet

jQuery secretsBastian Feder

Drupal Javascript for developersDream Production AG

Javascript essential-pattern偉格高

The Inclusive Web: hands-on with HTML5 and jQuerycolinbdclark

Prototype & jQueryRemy Sharp

jQuery PresentasionMohammad Usman

Jquery- One slide completing all JQueryKnoldus Inc.

"this" in JavaScriptMartha Schumann

JQuery In Drupalkatbailey

international PHP2011_Bastian Feder_jQuery's Secretssmueller_sandsmedia

Multilingualism makes better programmersAlexander Varwijk

Recently uploaded (20)

UiPath Community Berlin: Studio Tips & Tricks and UiPath InsightsUiPathCommunity

Join the UiPath Community Berlin (Virtual) meetup on May 27 to discover handy Studio Tips & Tricks and get introduced to UiPath Insights. Learn how to boost your development workflow, improve efficiency, and gain visibility into your automation performance. 📕 Agenda: - Welcome & Introductions - UiPath Studio Tips & Tricks for Efficient Development - Best Practices for Workflow Design - Introduction to UiPath Insights - Creating Dashboards & Tracking KPIs (Demo) - Q&A and Open Discussion Perfect for developers, analysts, and automation enthusiasts! This session streamed live on May 27, 18:00 CET. Check out all our upcoming UiPath Community sessions at: 👉 https://community.uipath.com/events/ Join our UiPath Community Berlin chapter: 👉 https://community.uipath.com/berlin/

Create Your First AI Agent with UiPath Agent BuilderDianaGray10

Join us for an exciting virtual event where you'll learn how to create your first AI Agent using UiPath Agent Builder. This session will cover everything you need to know about what an agent is and how easy it is to create one using the powerful AI-driven UiPath platform. You'll also discover the steps to successfully publish your AI agent. This is a wonderful opportunity for beginners and enthusiasts to gain hands-on insights and kickstart their journey in AI-powered automation.

Maxx nft market place new generation nft marketing placeusersalmanrazdelhi

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

Protecting Your Sensitive Data with Microsoft Purview - IRMS 2025Nikki Chapple

Session | Protecting Your Sensitive Data with Microsoft Purview: Practical Information Protection and DLP Strategies Presenter | Nikki Chapple (MVP| Principal Cloud Architect CloudWay) & Ryan John Murphy (Microsoft) Event | IRMS Conference 2025 Format | Birmingham UK Date | 18-20 May 2025 In this closing keynote session from the IRMS Conference 2025, Nikki Chapple and Ryan John Murphy deliver a compelling and practical guide to data protection, compliance, and information governance using Microsoft Purview. As organizations generate over 2 billion pieces of content daily in Microsoft 365, the need for robust data classification, sensitivity labeling, and Data Loss Prevention (DLP) has never been more urgent. This session addresses the growing challenge of managing unstructured data, with 73% of sensitive content remaining undiscovered and unclassified. Using a mountaineering metaphor, the speakers introduce the “Secure by Default” blueprint—a four-phase maturity model designed to help organizations scale their data security journey with confidence, clarity, and control. 🔐 Key Topics and Microsoft 365 Security Features Covered: Microsoft Purview Information Protection and DLP Sensitivity labels, auto-labeling, and adaptive protection Data discovery, classification, and content labeling DLP for both labeled and unlabeled content SharePoint Advanced Management for workspace governance Microsoft 365 compliance center best practices Real-world case study: reducing 42 sensitivity labels to 4 parent labels Empowering users through training, change management, and adoption strategies 🧭 The Secure by Default Path – Microsoft Purview Maturity Model: Foundational – Apply default sensitivity labels at content creation; train users to manage exceptions; implement DLP for labeled content. Managed – Focus on crown jewel data; use client-side auto-labeling; apply DLP to unlabeled content; enable adaptive protection. Optimized – Auto-label historical content; simulate and test policies; use advanced classifiers to identify sensitive data at scale. Strategic – Conduct operational reviews; identify new labeling scenarios; implement workspace governance using SharePoint Advanced Management. 🎒 Top Takeaways for Information Management Professionals: Start secure. Stay protected. Expand with purpose. Simplify your sensitivity label taxonomy for better adoption. Train your users—they are your first line of defense. Don’t wait for perfection—start small and iterate fast. Align your data protection strategy with business goals and regulatory requirements. 💡 Who Should Watch This Presentation? This session is ideal for compliance officers, IT administrators, records managers, data protection officers (DPOs), security architects, and Microsoft 365 governance leads. Whether you're in the public sector, financial services, healthcare, or education. 🔗 Read the blog: https://nikkichapple.com/irms-conference-2025/

AI Emotional Actors: “When Machines Learn to Feel and Perform"AkashKumar809858

Introducing Ensemble Cloudlet vRouterAdtran

Adtran’s new Ensemble Cloudlet vRouter solution gives service providers a smarter way to replace aging edge routers. With virtual routing, cloud-hosted management and optional design services, the platform makes it easy to deliver high-performance Layer 3 services at lower cost. Discover how this turnkey, subscription-based solution accelerates deployment, supports hosted VNFs and helps boost enterprise ARPU.

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

Offshore IT Support: Balancing In-House and Offshore Help Desk Techniciansjohn823664

In today's always-on digital environment, businesses must deliver seamless IT support across time zones, devices, and departments. This SlideShare explores how companies can strategically combine in-house expertise with offshore talent to build a high-performing, cost-efficient help desk operation. From the benefits and challenges of offshore support to practical models for integrating global teams, this presentation offers insights, real-world examples, and key metrics for success. Whether you're scaling a startup or optimizing enterprise support, discover how to balance cost, quality, and responsiveness with a hybrid IT support strategy. Perfect for IT managers, operations leads, and business owners considering global help desk solutions.

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

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

Contributing to WordPress With & Without Code.pptxPatrick Lumumba

Contributing to WordPress: Making an Impact on the Test Team—With or Without Coding Skills WordPress survives on collaboration, and the Test Team plays a very important role in ensuring the CMS is stable, user-friendly, and accessible to everyone. This talk aims to deconstruct the myth that one has to be a developer to contribute to WordPress. In this session, I will share with the audience how to get involved with the WordPress Team, whether a coder or not. We’ll explore practical ways to contribute, from testing new features, and patches, to reporting bugs. By the end of this talk, the audience will have the tools and confidence to make a meaningful impact on WordPress—no matter the skill set.

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

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

What is DePIN? The Hottest Trend in Web3 Right Now!cryptouniversityoffi

AI Trends - Mary MeekerRazin Mustafiz

Splunk Leadership Forum Wien - 20.05.2025Splunk

Introducing FME Realize: A New Era of Spatial Computing and ARSafe Software

A new era for the FME Platform has arrived – and it’s taking data into the real world. Meet FME Realize: marking a new chapter in how organizations connect digital information with the physical environment around them. With the addition of FME Realize, FME has evolved into an All-data, Any-AI Spatial Computing Platform. FME Realize brings spatial computing, augmented reality (AR), and the full power of FME to mobile teams: making it easy to visualize, interact with, and update data right in the field. From infrastructure management to asset inspections, you can put any data into real-world context, instantly. Join us to discover how spatial computing, powered by FME, enables digital twins, AI-driven insights, and real-time field interactions: all through an intuitive no-code experience. In this one-hour webinar, you’ll: -Explore what FME Realize includes and how it fits into the FME Platform -Learn how to deliver real-time AR experiences, fast -See how FME enables live, contextual interactions with enterprise data across systems -See demos, including ones you can try yourself -Get tutorials and downloadable resources to help you start right away Whether you’re exploring spatial computing for the first time or looking to scale AR across your organization, this session will give you the tools and insights to get started with confidence.

Grannie’s Journey to Using Healthcare AI ExperiencesLauren Parr

Building Agents with LangGraph & GeminiHusseinMalikMammadli

Agentic AI - The New Era of IntelligenceMuzammil Shah

This presentation is specifically designed to introduce final-year university students to the foundational principles of Agentic Artificial Intelligence (AI). It aims to provide a clear understanding of how Agentic AI systems function, their key components, and the underlying technologies that empower them. By exploring real-world applications and emerging trends, the session will equip students with essential knowledge to engage with this rapidly evolving area of AI, preparing them for further study or professional work in the field.

European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch

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

cloudgenesis cloud workshop , gdg on campus mitasiyaldhande02

Step into the future of cloud computing with CloudGenesis, a power-packed workshop curated by GDG on Campus MITA, designed to equip students and aspiring cloud professionals with hands-on experience in Google Cloud Platform (GCP), Microsoft Azure, and Azure Al services. This workshop offers a rare opportunity to explore real-world multi-cloud strategies, dive deep into cloud deployment practices, and harness the potential of Al-powered cloud solutions. Through guided labs and live demonstrations, participants will gain valuable exposure to both platforms- enabling them to think beyond silos and embrace a cross-cloud approach to development and innovation.

UiPath Community Berlin: Studio Tips & Tricks and UiPath InsightsUiPathCommunity

Create Your First AI Agent with UiPath Agent BuilderDianaGray10

Maxx nft market place new generation nft marketing placeusersalmanrazdelhi

Protecting Your Sensitive Data with Microsoft Purview - IRMS 2025Nikki Chapple

AI Emotional Actors: “When Machines Learn to Feel and Perform"AkashKumar809858

Introducing Ensemble Cloudlet vRouterAdtran

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

Offshore IT Support: Balancing In-House and Offshore Help Desk Techniciansjohn823664

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

Contributing to WordPress With & Without Code.pptxPatrick Lumumba

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

What is DePIN? The Hottest Trend in Web3 Right Now!cryptouniversityoffi

AI Trends - Mary MeekerRazin Mustafiz

Splunk Leadership Forum Wien - 20.05.2025Splunk

Introducing FME Realize: A New Era of Spatial Computing and ARSafe Software

Grannie’s Journey to Using Healthcare AI ExperiencesLauren Parr

Building Agents with LangGraph & GeminiHusseinMalikMammadli

Agentic AI - The New Era of IntelligenceMuzammil Shah

European Accessibility Act & Integrated Accessibility TestingJulia Undeutsch

cloudgenesis cloud workshop , gdg on campus mitasiyaldhande02

Javascript and jQuery intro

1. JavaScript and jQuery, the Atlassian way

2. Quick Intro • Not a Toy language • Small but powerful • Has design flaws • Hits the high notes

3. Key Concepts • Load and Go • Loose Typing • Lambda • Prototypal Inheritance • Single Threaded

4. Values • Numbers – 64-bit floating point, NaN, Infinity • Strings – UCS-2 (not quite UTF-16), Immutable • Booleans • Objects – Hashes • null • undefined

5. Resources http://api.jquery.com/ https://developer.mozilla.org/en/JavaScripthttp://document cloud.github.com/backbone/ http://documentcloud.github.com/underscore/

6. // Collections! var $collection = jQuery("a[rel=userprofile]"); // $collection is a jQuery collection. // It can have 0 or more elements. $collection.addClass("foo"); // API functions apply to all elements in the // collection. var p = document.getElementById("myUserProfile"); var $collection2 = jQuery(p); // $collection2 is a jQuery collection. // It has 1 element.

7. var $hi = jQuery("<p>Hello, world.</p>"); // $hi is also a jQuery collection, // containing 1 element. console.log($collection.length); // The number of elements in $collection. console.log($collection[0]); // The first DOM element in $collection.

8. //methods on the same collection $collection.attr("hreflang", "fr"); // Sets the "hreflang" attribute on *all* // elements in $collection. $collection.attr("href"); // Gets the "href" attribute of the // *first* element in $collection.

9. //script execution and DOM Ready console.log( jQuery("input[type=checkbox]").length ); // => 0 // The page has only loaded enough // elements to get to this <script>. jQuery(function() { // This function is called when the page // has fully loaded. console.log( jQuery("input[type=checkbox]").length ); // => 6 });

10. //events function handleEvent(event) { console.log(this); // The element clicked, // not a jQuery collection event.preventDefault(); // Prevent the default action of this // event. } $collection.bind("click", handleEvent); // handleEvent is called when any element // in $collection is clicked. $collection.unbind("click", handleEvent);

11. //when I say stop I mean… $collection.bind("keydown", function(event) { event.stopPropagation(); event.stopImmediatePropagation(); return false; // Avoid these. // This breaks the key rule that // event handlers should be agnostic // of other event handlers. });

12. //custom events $collection.bind("myCustomEvent", function(event) { // custom event handler }); $collection.trigger("myCustomEvent"); // Dispatch an event of type // "myCustomEvent"

13. //bind to arbitrary objects MyApp.ISSUES = {}; jQuery(MyApp.ISSUES).bind("add_issue", function(newIssue) { // Handle adding new issues }); // jQuery(MyApp.ISSUES) is a jQuery // collection containing the JavaScript // object MyApp.ISSUES. var newIssue = new Issue(newIssueId); jQuery(MyApp.ISSUES).trigger("add_issue", [newIssue]); // The second argument to trigger() is an // array of arguments to supply listeners.

14. //ajax var xhr = jQuery.ajax("/users", { type: "PUT", // HTTP method contentType: "application/json", // request header data: '{"name":"Fred Jones","role":"JavaScript Developer"}', dataType: "json" // Accept: application/json }); xhr.complete(function(xhr) { console.log(xhr.status); // 200 console.log(xhr.data); // JSON-decoded response console.log(xhr.responseText); // JSON string }); xhr.success(function(data) { console.log(data); // JSON-decoded response }); xhr.error(function(xhr, errType) { console.log(errType); // "error" (4xx or 5xx) // Other possible values: "abort", "timeout", "parsererror" });

15. //store data against DOM nodes // Set data: jQuery.data(obj, "key", "value"); // Get data: jQuery.data(obj, "key"); // => "value" // // // // obj can be any DOM element or JavaScript object. The key can be any string. The value can be any type.

Javascript and jQuery intro

Recommended

More Related Content

What's hot (20)

Viewers also liked (9)

Similar to Javascript and jQuery intro (20)

Recently uploaded (20)

Javascript and jQuery intro