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.
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.
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.
In this intro-level session on utilizing jQuery with SharePoint, the focus will be to empower users on how to satisfy some of the common UI changes clients request by writing clean and unobtrusive Javascript with the help of the jQuery library. We'll begin by diving into the different ways that jQuery can be hooked up to SharePoint. We'll talk about CDN versus local copies of the library, as well as linking jQuery via masterpages, custom actions, content editor web parts, and more.
We'll then spend time discussing css selectors, and some of the common patterns and jQuery methods you'll want to familiarize yourself with when targeting page-level elements. After that, the remainder of the presenation will be focused on walking through real-life scenarios of altering the UI with jQuery, such as adding interaction and animation to content query webparts, changing the behavior of links inside a page, and more. The code utilized in the presentation will be made available online after the Conference is completed.
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
It covers:
- What is jQuery?
- Why jQuery?
- How include jQuery in your web page
- Creating and manipulating elements
- Events
- Animations and effects
- Talking to the server
- jQuery UI
- Writing plugins
- Breaking news around new releases
- Using the CDN
jQuery Selectors
jQuery selectors allow you to select and manipulate HTML element(s).
jQuery selectors are used to "find" (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more. It's based on the existing CSS Selectors, and in addition, it has some own custom selectors.
All selectors in jQuery start with the dollar sign and parentheses: $().
What are Events?
All the different visitors' actions that a web page can respond to are called events.
An event represents the precise moment when something happens.
Examples:
moving a mouse over an element
selecting a radio button
clicking on an element
The term "fires/fired" is often used with events. Example: "The keypress event is fired, the moment you press a key".
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
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.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
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.
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.
2. Discussion on problems of Web developing
Traditional way of solving problems
JQuery advantages over JavaScript
Introduction to JQuery, Basic syntaxes
Use of JQuery to eradicate web developers problems
Future & Beyond
3. Web is stateless.
We use ViewState, Session, Cookie etc to
make it look like stateful
Need AJAX based technique to call server
from browser
Lot of javascript and server calls make it hard
to maintain
Performance impact of Viewstate
Dependency of large numbers of 3rd party
libraries
4. Code is predefined
Easy DOM manipulation
Smaller construct. JQuery is designed to make
small JavaScript code.
Large support of plugins.
Minified version already available.
Testing is not necessary (as it is already tested)
Cross browser support.
Free and Open Source.
Adoption of JQuery by Microsoft.
5. JQuery is the most outstanding cross-
browser JavaScript library compiled for
the ease of client-side scripting of html.
To make it short, it’s a “ready to use”
JavaScript library that has many visual
functions such as popular ease-in,
ease-out effects. Because jQuery has
tons of impressive effects, it is often
used by web designers to make their
designs much lovable and more elegant.
7. jQuery Selectors
◦ $("*") //All elements.
◦ $(this)//Current HTML element
◦ $("p")//All <p> elements
◦ $("p.intro")//All <p> elements with class="intro"
◦ $("p#intro")//All <p> elements with id="intro"
◦ $("p#intro:first")//The first <p> element with id="intro"
◦ $(".intro")//All elements with class="intro"
◦ $("#intro")//The first element with id="intro"
◦ $("ul li:first")//The first <li> element of each <ul>
◦ $("[href$='.jpg']")//All elements with an href attribute that ends with ".jpg"
◦ $("div#intro .head")//All elements with class="head" inside a <div> element
with id="intro"
8. jQuery Event Functions
◦ $(document).ready(function)//Binds a function to the ready
event of a document (when the document is finished loading)
◦ $(selector).click(function)//Triggers, or binds a function to the
click event of selected elements
◦ $(selector).dblclick(function)//Triggers, or binds a function to
the double click event of selected elements
◦ $(selector).focus(function)//Triggers, or binds a function to the
focus event of selected elements
◦ $(selector).mouseover(function)//Triggers, or binds a function
to the mouseover event of selected elements
9. jQuery Effects
◦ $(selector).hide()//Hide selected elements
◦ $(selector).show()//Show selected elements
◦ $(selector).toggle()//Toggle (between hide and show) selected
elements
◦ $(selector).slideDown()//Slide-down (show) selected elements
◦ $(selector).slideUp()//Slide-up (hide) selected elements
◦ $(selector).slideToggle()//Toggle slide-up and slide-down of selected
elements
◦ $(selector).fadeIn()//Fade in selected elements
◦ $(selector).fadeOut()//Fade out selected elements
◦ $(selector).fadeTo()//Fade out selected elements to a given opacity
◦ $(selector).animate()//Run a custom animation on selected elements
11. Changing HTML Content
◦ $(selector).html(content)//Changes the (inner) HTML of selected elements
◦ $(selector).append(content)//Appends content to the (inner) HTML of selected elements
◦ $(selector).prepend(content)//"prepends" content to the inside of matching HTML
elements.
◦ $(selector).after(content)//Adds HTML after selected elements
◦ $(selector).before(content)//inserI HTML content before all matching elements.
12. jQuery CSS Manipulation
◦ $(selector).css(name)//Get the style property value of the first matched element
◦ $(selector).css(name,value)//Set the value of one style property for matched elements
◦ $(selector).css({properties})//Set multiple style properties for matched elements
◦ $(selector).height(value)//Set the height of matched elements
◦ $(selector).width(value)//Set the width of matched elements
◦ $(selector). addClass()//Adds one or more classes to selected elements
◦ $(selector). hasClass()//Checks if any of the selected elements have a specified class
◦ $(selector). removeClass()//Removes one or more classes from selected elements
◦ $(selector). toggleClass()//Toggles between adding/removing one or more classes from selected elements
13. jQuery AJAX
◦ $(selector).load(url,data,callback)//Load remote data into selected elements
◦ $.ajax(options)//Load remote data into an XMLHttpRequest object
14. Web development is easy now.
Well documented already.
Maintainable code as syntax is known to most
of the developers.
Pluggable
15. Web technology is moving towards HTML 5
Rapid technology update with Rich UI.
HTML 5 will be standardized in 2014.
Large Number of Browsers supports it.
JQuery already moving towards this.
WE ALL ON THE RIGHT SHIP