This document provides an overview of jQuery training presented by Narendra Dabhi. It discusses the basic structure of jQuery, creating and manipulating content, working with CSS, creating custom plugins, using AJAX, and animation. Key topics covered include selecting elements, adding/removing content, getting and setting attributes and styles, and common jQuery effects like hide, slide, and fade.
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 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 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 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.
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.
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.
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
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
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.
GridMate - End to end testing is a critical piece to ensure quality and avoid...ThomasParaiso2
End to end testing is a critical piece to ensure quality and avoid regressions. In this session, we share our journey building an E2E testing pipeline for GridMate components (LWC and Aura) using Cypress, JSForce, FakerJS…
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Sudheer Mechineni, Head of Application Frameworks, Standard Chartered Bank
Discover how Standard Chartered Bank harnessed the power of Neo4j to transform complex data access challenges into a dynamic, scalable graph database solution. This keynote will cover their journey from initial adoption to deploying a fully automated, enterprise-grade causal cluster, highlighting key strategies for modelling organisational changes and ensuring robust disaster recovery. Learn how these innovations have not only enhanced Standard Chartered Bank’s data infrastructure but also positioned them as pioneers in the banking sector’s adoption of graph technology.
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfPeter Spielvogel
Building better applications for business users with SAP Fiori.
• What is SAP Fiori and why it matters to you
• How a better user experience drives measurable business benefits
• How to get started with SAP Fiori today
• How SAP Fiori elements accelerates application development
• How SAP Build Code includes SAP Fiori tools and other generative artificial intelligence capabilities
• How SAP Fiori paves the way for using AI in SAP apps
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/
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.
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
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.
3. # Creating content.
- Once we select a content using jQuery, we might be doing something to it.
- Dynamic content may be added to existing page.
- Remove certain content from the page.
- jQuery provides mechanism to create, copy, delete and move content in page.
- jQuery even provides the mechanism to alter the CSS properties.
- we can create an html content as follows.
- var data1 = $(“<p>This is content creation</p>”);
- var dataString = “This may be a dynamic content”;
Var data2 = $(dataString).addClass(“abc”);
4. # Get and Set a content.
- Selecting a content of element is easy via jQuery
- html() & text() functions which returns the content with respect to
their intended function names.
- $(“div.abc”).html();
- $(“p#description).text();
- Setting a content of elements is easy as well.
- html(data) & text(data) sets the content of elements but there is
a difference, html(data) will recognize the tags in the data while
text(data) will escape the special chars and display the data as it is.
- $(“div.abc”).html(“<p><b>This is new text</b></p>”);
- $(“p#description).text(“<p><b>This is new text</b></p>”);
5. # Inserting Content.
- jQuery provides set of functions with which we could insert content,
before, after or within a content itself. They are of two types base on
the arguments content & selector based.
- append(content)
prepend(content)
before(content)
after(content)
All the function above add content to each of the elements returned by
the jQuery selector.
- appendTo(selector)
prependTo(selector)
insertBefore(selector)
insertAfter(selector)
All the function above add content to the specified selector.
7. # Manipulate attributes.
- jQuery provides an attr([key], [props], [key, val], [key, function(){}]) to inspect
the attributes of the elements selected by jQuery
- attr(name) > fetch the value of the attributed defined by the name.
- attr(props) > here props is std JS object {src:“new.jpg”, target:“_blank”}.
- attr(key, val) > here val will be applied to attribute defined by key.
- jQuery also provides removeAttr(name) to remove a particular attribute.
8. # Working with CSS.
_ jQuery provide the css() function, which takes following forms
- css(name) > retrieves the value for particular css.
- css(props) > a JS object specifying the values e.g.
var myNewCSS = {
'background-color' : '#FF0000',
'color' : '#00FF00'
};
- css(name, val) > set the val for the property specified by name on
all the elements returned by the jQuery selector.
9. # Working with CSS.
_ jQuery provide the functions to work on CSS Classes.
- addClass(“abc”) > adds a class “abc” to all elements returned by query.
- hasClass(“abc”) > returns true if any one elements has class abc.
- removeClass(“abc”) > removes the specified class from the elements.
- toggleClass(“abc”) > adds class if not present & remove if present.
- toggleClass(“abc”, flag) > adds or removes the class based on flag.
10. # Working with CSS.
- offset(), offsetParent()
- position()
- scrollTop(), scrollTop(val)
- scrollLeft(), scrollLeft(val)
- height(), height(val)
- width(), width(val)
- innerHeight(), innerWidth()
- outerHeight(T/F), outerWidth(T/F) > True or False for considering margin
11. # Working with CSS.
- offset(), offsetParent()
- position()
- scrollTop(), scrollTop(val)
- scrollLeft(), scrollLeft(val)
- height(), height(val)
- width(), width(val)
- innerHeight(), innerWidth()
- outerHeight(T/F), outerWidth(T/F) > True or False for considering margin
12. # Create Custom Plugins
- A jQuery plugin is simply a new method that we use to extend jQuery's prototype
Object. By extending the prototype object you enable all jQuery objects to
inherit any methods that you add. As established, whenever you call jQuery() you're
creating a new jQuery object, with all of jQuery's methods inherited.
Syntax for Create Custom Plugin :-
(function($){
$.fn.<pluginname>=function(options){
// your code
}
})(jQuery);
13. # Create Custom Plugins
Code in myplugin.js
(function($){
$.fn.myplugin=function(options){
alert(“Hello this is first Plugin.”);
}
})(jQuery);
14. # Ajax.
- AJAX stands for Asynchronous JavaScript and XML.
- Unlike an HTTP request, Ajax allows content on Web pages to update
immediately when a user performs an action.
- jQuery has excellent support for AJAX
1. $('div#id').load('/some/file.html)
2. $.ajax({
url: "test.php”,
context: document.body
}).done(function(data) {
$( this ).addClass( "done" );
});
3. $.ajax({
type: "POST",
url: url,
data: data,
success: callback function,
dataType: dataType
});
15. # Ajax.
- Other functions used for ajax are :
post(url,params,callback)
get(url,params,callback)
getJSON(url,params,callback)
getScript(url,params,callback)
ajaxComplete()
ajaxError()
ajaxStart()
ajaxStop()
ajaxSuccess()
16. # Animation.
- jQuery has built in effects:
$('h1').hide('slow');
$('h1').slideDown('fast');
$('h1').fadeOut(2000);
- You can chain them:
$('h1').fadeOut(1000).slideDown();
- Create your own animation:
$('#block').animate({
width:"+=60px",
opacity:0.4,
fontSize:"3em",
borderWidth:"10px"
},1500);