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.
This article is the first part of a series of articles on using JavaScript tools. Today, JavaScript is a very powerful language that can be used to build web apps, mobile apps, and even some pc games — perhaps a bit faster than you would build them otherwise.
New libraries have emerged in the web industry to address the challenges of JavaScript — libraries such as JQuery, Prototype and many others have been released. Today, a popular question asked by many is — should i learn the libraries such as jQuery or learn basic JavaScript. The truth is that the libraries help you to create faster, responsive JavaScript, but there are still times when your basic knowlege of JavaScript will be called into question. It is for this reason that I have created this eBook, to assist newbies learn JavaScript.
This article is the first part of a series of articles on using JavaScript tools. Today, JavaScript is a very powerful language that can be used to build web apps, mobile apps, and even some pc games — perhaps a bit faster than you would build them otherwise.
New libraries have emerged in the web industry to address the challenges of JavaScript — libraries such as JQuery, Prototype and many others have been released. Today, a popular question asked by many is — should i learn the libraries such as jQuery or learn basic JavaScript. The truth is that the libraries help you to create faster, responsive JavaScript, but there are still times when your basic knowlege of JavaScript will be called into question. It is for this reason that I have created this eBook, to assist newbies learn JavaScript.
What is JavaScript?
JavaScript is a very powerful client-side scripting language. JavaScript is used mainly for enhancing the interaction of a user with the webpage. In other words, you can make your webpage more lively and interactive, with the help of JavaScript. JavaScript is also being used widely in game development and Mobile application development.
If you are using jQuery, you need to understand the Document Object Model and how it accounts for all the elements inside any HTML document or Web page.
In JavaScript, almost "everything" is an object.
-Booleans can be objects (if defined with the new keyword)
-Numbers can be objects (if defined with the new keyword)
-Strings can be objects (if defined with the new keyword)
-Dates are always objects
-Maths are always objects
-Regular expressions are always objects
-Arrays are always objects
-Functions are always objects
-Objects are always objects
What is JavaScript?
JavaScript is a very powerful client-side scripting language. JavaScript is used mainly for enhancing the interaction of a user with the webpage. In other words, you can make your webpage more lively and interactive, with the help of JavaScript. JavaScript is also being used widely in game development and Mobile application development.
If you are using jQuery, you need to understand the Document Object Model and how it accounts for all the elements inside any HTML document or Web page.
In JavaScript, almost "everything" is an object.
-Booleans can be objects (if defined with the new keyword)
-Numbers can be objects (if defined with the new keyword)
-Strings can be objects (if defined with the new keyword)
-Dates are always objects
-Maths are always objects
-Regular expressions are always objects
-Arrays are always objects
-Functions are always objects
-Objects are always objects
How to increase Performance of Web Application using JQuerykolkatageeks
Pallab Dutta presented a wonderful session on how to increase productivity of web application using JQuery. He showed us demos regarding basic syntax of JQuery.
Follow us
www.kolkatageeks.com
to get more.
Writing HTML5 Web Apps using Backbone.js and GAERon Reiter
A walkthrough of how to write a complete HTML5 web app (both front end and back end) using Google App Engine (Python), Backbone.js, Require.js, underscore.js and jQuery.
Explore how you can easily add advanced functionality to your web projects by adding jQuery. JQuery for web development
https://www.udemy.com/web-development-introduction-to-jquery/?couponCode=SLIDESHARE
This presentation will show the latest Web Components technologies and examples, and whether you should be using Web Components now. (spoiler alert: you should be!)
This is my talk from Rails Israel 2014. I'm talking about web components, how they work, what libraries exist and how to use web components with Ruby on Rails.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
5. www.devconnections.com
JQUERY FUNDAMENTALS
GETTING STARTED
Download the latest version from
http://www.jquery.com
Reference the jQuery script
jQuery can be found on major CDNs
(Google, Microsoft)
5
<script type=„text/javascript‟ src=„jquery.min.js‟></script>
<script type=„text/javascript‟
src=„http://ajax.googleapis.com/ajax/libs/jquery/[version –
number]/jquery.min.js‟></script>
8. www.devconnections.com
JQUERY FUNDAMENTALS
THE MAGIC $() FUNCTION
Create HTML elements on the fly
Manipulate existing DOM elements
Selects document elements
The full name of $() function is jQuery()
may be used in case of conflict with other
frameworks
8
var el = $(“<div/>”)
$(window).width()
$(“div”).hide();
11. www.devconnections.com
JQUERY FUNDAMENTALS
THE READY FUNCTION
Use $(document).ready() to detect
when a page is loaded and ready to use
Called once the DOM hierarchy is
loaded to the browser memory
11
// First option
$(document).ready(function() {
// perform the relevant action after the page is ready to use
});
// Second option
$(function() {
// perform the relevant action after the page is ready to use
});
13. www.devconnections.com
JQUERY FUNDAMENTALS
JQUERY SELECTORS
Selectors allow the selection of page
elements
Single or multiple elements are
supported
A selector identifies an HTML element
that will be manipulated later on with
jQuery code
13
15. www.devconnections.com
JQUERY FUNDAMENTALS
MORE SELECTOR OPTIONS
$(„element element‟) - descendants
$(„element > element‟) - children
$(„element1+ element2‟) – next element
$(„element:first‟) - first element
$(„element:last‟) - last element
15
16. www.devconnections.com
JQUERY FUNDAMENTALS
MORE SELECTOR OPTIONS
$(“element[attributeName]”) - has attribute
$(“element[attributeName=„attributeValue‟]”)
- equals to
$(“element[attributeName^=„attributeValue‟]”
) - starts with
$(“element[attrinuteName$=„attributeValue‟]”)
- ends with
$(“element[attributeName*=„attributeValue‟]”)
- contains
16
18. www.devconnections.com
JQUERY FUNDAMENTALS
DOM TRAVERSAL
jQuery has a variety of DOM traversal
functions
The functions help to select DOM elements
Offer a great deal of flexibility
Allow to act upon multiple sets of elements in a
single chain
Can be combined with Selectors to create
an extremely powerful selection toolset
18
19. www.devconnections.com
JQUERY FUNDAMENTALS
TRAVERSING THE DOM
There are many jQuery functions to
traverse elements
19
.next(expr) // next sibling
.prev(expr) // previous sibling
.siblings(expr) // siblings
.children(expr) // children
.parent(expr) // parent
.find(selector) // find inner elements with the given selector
21. www.devconnections.com
JQUERY FUNDAMENTALS
DOM CREATION
Passing a HTML snippet string as the
parameter to $() will result in new
in-memory DOM element/s
Then, a jQuery object that refers to the
element/s is created and returned
21
$('<p>My new paragraph</p>').
appendTo('body'); // append a new paragraph to the html
body
$('<a></a>'); // create a new anchor
$('<img />'); // create a new image
$('<input>'); // create a new input type
23. www.devconnections.com
JQUERY FUNDAMENTALS
DOM MANIPULATION
jQuery includes ways to manipulate the
DOM
The manipulation can be:
To change one of the element‟s attributes
Set an element's style properties
And even modify the entire elements
23
24. www.devconnections.com
JQUERY FUNDAMENTALS
DOM MANIPULATION BASIC FUNCTIONS
.html(“html”) – set the element/s innerHTML to the
given html
.text(“text”) – set the element/s textContent to
the given text
.val(“value”) - set the current value of the
element/s to the given value
.append, .prepend – append or prepend the
given element to the selected element
.empty() – remove all children
.remove() – removes the selected element from
the DOM
24
26. www.devconnections.com
JQUERY FUNDAMENTALS
EVENTS
jQuery includes cross-browser ways to
bind events to event listeners
.bind() – event is bound to an element
.on() – event is bound to an element
Specific event registration
.click(callback)
.dblclick(callback)
And many other specific event functions
26
29. www.devconnections.com
JQUERY FUNDAMENTALS
JQUERY AJAX FUNCTIONS
jQuery allows Ajax requests:
Allow partial rendering
Cross-browser support
Simple API
GET and POST support
Load JSON, XML, HTML or even scripts
29
30. www.devconnections.com
JQUERY FUNDAMENTALS
JQUERY AJAX FUNCTIONS – CONT.
jQuery provides functions for sending and
receiving data:
$(selector).load – load HTML data from the server
$.get() and $.post() – get raw data from the server
$.getJSON() – get/post and return data in JSON
format
$.ajax() – provide core functionality for Ajax requests
jQuery Ajax functions work with web services,
REST interfaces and more
30
32. www.devconnections.com
JQUERY FUNDAMENTALS
PLUGINS
jQuery eco-system includes a big variety of
plugins
jQueryUI – widgets/animation/UI interaction
jqGrid – grid based on jQuery
jqTree – tree based on jQuery
And more
You can write your own plugin by assigning it
to $.fn
Remember to return jQuery in order to allow
chaining
32
34. www.devconnections.com
JQUERY FUNDAMENTALS
PERFORMANCE TIPS
Use chaining as much as possible
DOM manipulation is expensive
Cache selected elements if you need to use
them later
Selector performance (from fastest to
slowest):
Id
Element
Class
Pseudo
34