You understand the basics of jQuery to handle some events and maybe do some animation, but there's a lot more that you could be doing.
Local JavaScript experts Mark Casias and Brian Arnold will walk you through a few examples of using jQuery and JavaScript to tackle a couple of common issues, as well as how to create a simple application that utilizes information from other services.
In this talk I demonstrate and explain how I tackled the problem of importing a huge data set with many repetitive contents. The dataset was provided in JSON format.
Writing code as an individual and writing code as part of the team are two very different things. Learn the tips and tricks for writing JavaScript code as part of the team so that your code will continue to work for years to come.
In this talk I demonstrate and explain how I tackled the problem of importing a huge data set with many repetitive contents. The dataset was provided in JSON format.
Writing code as an individual and writing code as part of the team are two very different things. Learn the tips and tricks for writing JavaScript code as part of the team so that your code will continue to work for years to come.
Introducing the Eve REST API Framework.
FOSDEM 2014, Brussels
PyCon Sweden 2014, Stockholm
PyCon Italy 2014, Florence
Python Meetup, Helsinki
EuroPython 2014, Berlin
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.
Improving apps with iOS 10 notifications (do iOS 2016)Donny Wals
Notifications in iOS 10 have received a major overhaul. We can now implement extensions for our notifications meaning that the user experience for notifications s greatly improved.
Introducing the Eve REST API Framework.
FOSDEM 2014, Brussels
PyCon Sweden 2014, Stockholm
PyCon Italy 2014, Florence
Python Meetup, Helsinki
EuroPython 2014, Berlin
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.
Improving apps with iOS 10 notifications (do iOS 2016)Donny Wals
Notifications in iOS 10 have received a major overhaul. We can now implement extensions for our notifications meaning that the user experience for notifications s greatly improved.
How to build twitter bot using golang from scratchKaty Slemon
Check out how to build Twitter Bot Using Golang From Scratch without using any third-party library to develop the demo app in this step-by-step tutorial
People using your web app also use many other online services. You'll often want to pull data from those other services into your app, or publish data from your app out to other services. In this talk, Randy will explain the terminology you need to know, share best practices and techniques for integrating, and walk through two real-world examples. You'll leave with code snippets to help you get started integrating.
JavaScript Libraries - Prototype and jQuery
http://www.refresh-events.ca/events/javascript-libraries-jquery-and-prototype/
Refresh Events is proud to present Cameron Westland (bigbangtechnology.com) and Eugene Andruszczenko (32teeth.org) for our first event of 2009. The topic of the evening will be an analysis of Prototype and jQuery, two increasingly popular JavaScript frameworks. Cameron and Eugene will perform deep-dives into Prototype and jQuery (respectively) and examine the benefits and drawbacks of using each language. The goal is not to see which one emerges as the “better language”, but instead to promote the concept of the right tool for the job.
Backing yourself into an Accessible CornerMark Casias
Most people look at accessibility as a front enders problem, but the truth is without proper, semantic, HTML, no amount of theming will help you become a cool A11y Cat. In this session, I will go over items a back end developer should consider when generating quality, accessible markup.
Many times we developers have come across the perfect contributed module, with a section of code that just doesn't do it for us. Since the Drupal infrastructure is Open to all, it is simpler to take that awesome-ish module and make the changes we need to make it full on awesome. Then we need to take those changes and apply it back to the module and let the whole world bask in the awesome, but we don't get to commit, to Git. (Rule of threes). Therefore we need to create a patch that allows the maintainer of the module to easily combine your great code with theirs. In this session we'll go over the acceptable ways to clone a projects repository, create a great looking patch and contribute said greatness back to the project. Thus, adding to the great chain of life. Oh, was it mentioned that this will work with Drupal Core as well? It should have been.
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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.
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.
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.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
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.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
3. JavaScript Basics
Ultimately, all applications are about information.
What sorts of information can we deal with?
How do we deal with that information?
4. Variables and Types
A variable is simply a container for information
Information can take on several "types"
JavaScript has a few primitive types
Strings, Numbers, Booleans, Undefined, Null
Everything else in JavaScript is an Object
6. Objects
Objects in JavaScript are similar to hashes or
associative arrays or dictionaries in other
languages
Objects are simply collections of key/value pairs,
where the key is a valid identifier or string, and
the value is basically anything you can put into a
variable - All primitives, other objects, etc
7. Example Object
var john = {
name: "John Smith",
age: 32,
address: {
street: "123 Main Street",
city: "Albuquerque"
}
};
// Access via dot notation
john.name // => "John Smith"
// Access via brackets
john["name"] // => "John Smith"
8. Arrays
Arrays are a special object, similar to array
structures in other languagues
Arrays are not typed, meaning you can have a
mix of types in your array's contents, including
other objects and arrays
9. Example Arrays
var qb = [23, 42, "Hike!"];
var tweets = [
{ msg: 'Hi everybody!' },
{ msg: 'Webuquerque is awesome!' }
];
// Access via zero‐indexed integers
qb[0]; // => 23
// Can combine accessors
tweets[0].msg // => 'Hi everybody!'
10. JSON
JavaScript Object Notation
A string representation of a JavaScript object
May be a single object or an array
Has a stricter rule syntax than JS Objects
Several services offer up information in the
form of JSON, which is very easy for us to
consume in an application (more on this topic
11. User Interaction
The Document Object Model (DOM) is a
programmatic representation of your HTML,
turning your tags into elements (DOM nodes)
The DOM is NOT JavaScript! It's an API to
interact with the parsed data structure
Don't be afraid to lean on CSS as well - it's much
more effective to create classes that you toggle
on and off than it is to programmatically style
your nodes
13. Gathering Information
Using HTML/CSS, we can fairly easily create a
simple user interface to make it easy to gather
information from our users
We can then store this information in data
structures that make sense, outside of the DOM,
and update aspects of the DOM as appropriate
to display the information back
14. Settlers of Catan
Settlers of Catan is a board game that involves
rolling two six-sided die as a game mechanic
Statistics dictate a very standard bell curve for
this type of information, but in small sample
sizes (such as an individual playthrough), certain
roll values seem to occur with disproportionate
frequency
15. ScoreSettler
ScoreSettler is a small app to gather information
about dice rolls
Key Concepts:
Simple HTML is used as placeholders for
information later
CSS transitions are leveraged where possible
No library used at all!
https://github.com/brianarn/ScoreSettler
17. Consuming Services
Using a technique known as JSON-P, we can
retrieve information from third-party services like
Twitter, Flickr, etc, and then do something with
that information
Using a JavaScript library or toolkit makes this
approach MUCH easier to implement
18. Creating an application
Twitters API allows us to search, read, and write
tweets from our application.
Key Concepts:
This application is search only. This way we
don’t have to mess with permissions and keys.
We want to start from a blank slate.
19. The goal
Create a full application using only Javascript
starting with this HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
20. Getting things started
First we need to add the call to jQuery and our
code
<!DOCTYPE html>
<html>
<head>
<title></title>
<!-- Adding the jQUERY -->
<script src=”http://code.jquery.com/jquery-1.6.2.min.js”></script>
<!-- ADDING OUR CODE -->
<script src=”js/twiffy.js”></script>
</head>
<body>
</body>
</html>
26. API Club
API’s will change on you.
The better the documentation, the more reliable
the service.
Twitter, Flickr: good
Facebook, yFrog: bad
A good change degrades well.
Twitter: still acknowledges xAuth
Facebook: less
27. OK Really back to ours
First we need to add our search input.
$(document).ready(function(){
$tweetDiv = $('<div>');
$input = $('<input type="text" id="whichTweet"' +
' size="10" /><input type="button" ' +
' id="getTweets" value="Get Tweets"/>');
$tweetDiv.html($input);
$('body').append($tweetDiv);
$("#getTweets").click(getTweets);
});
28. So now we make the
request!
We wanted the button to do something
$("#getTweets").click(getTweets);
function getTweets() {
// get the user name
$tweeter = $("#whichTweet").val();
// block out the blanks or invalild
if(!$tweeter) {
return false;
}
/// SNIP
29. So now we really make
the request!
Continuation of
function getTweets();
query = {
q: $tweeter
}
// Get em
$tweets = $.getJSON('http://search.twitter.com/search.json?
callback=?', query, function(tweets){
console.debug(tweets);
});
}
30. console.debug?
happily used in all Modern Browsers.
In this case, prints out the JSON ‘object’ that is
returned.
Why? So you can see that there are results.
31. console.debug?
happily used in all Modern Browsers.
In this case, prints out the JSON ‘object’ that is
returned.
Why? So you can see that there are results.
32. What we really want to
do
Display those confounded tweets!
$tweets = $.getJSON('http://search.twitter.com/search.json?
callback=?', query, function(tweets){
displayTweets(tweets);
});
}
33. Display tweets
OK, it kinda does the same thing:
function displayTweets(tweets) {
console.debug(tweets.results);
}
34. OK that was a cop out
Lets get each tweet and display it.
First, make sure there’s a place to put it.
if (!$('#tweetHolder').length) {
$('body').append('<div id="tweetHolder">');
}
$tweetHolder = $('#tweetHolder');
35. Now, do we have
tweets?
if (tweets.results && tweets.results.length) {
// Do our stuff.
for(var i in tweets.results){
$tweet = tweets.results[i];
console.debug($tweet);
}
} else {
$tweetHolder.html('<p>NO TWEETS FROM ' + tweets.query + '</
p>');
}
41. one more thing
I don’t want to redirect to twitter.com.
I want to make each of my links become a
search.
42. Add a new function
function triggerTweets(linked) {
target = linked.html().replace('[#@]', '');
$("#whichTweet").val(target);
getTweets();
return false;
}
43. Link it in your code.
$("#tweetHolder a").click(function(){
return triggerTweets($(this));
});
44. This isn’t over.
Many options to still look through.
Many other libraries that do a better job.
Full code available at:
https://github.com/teampoop/Twiffy.js
46. Convenience
As you've seen, using JavaScript libraries can
simplify your code quite a bit
Without using a library of any sorts, doing cross-
browser work is tedious at best, and horribly
painful at worst
jQuery is a fantastic library for DOM, Ajax,
Effects, and Event handling, but there's more to
life than the DOM
47. It's all about information
Anything beyond simple DOM manipulation is
going to be about information
jQuery does facilitate binding information to
DOM nodes, but it can be difficult to scale well
The number of jQuery tutorials and plugins is
vast and varied, as is the quality, from fantastic
and amazing to painfully broken
48. Know your Options
There are other code libraries and toolkits
Dojo
Prototype
MooTools
YUI
Google Closure
Sencha (ExtJS)
49. Dojo
Dojo offers up features that aren't in the browser
by default
Package management
Templating
Cross-browser UI with consistent look and feel
Allows for more modular application
development
Can feel like a higher learning curve, as most
50. Dojo Demo
A simple application by Rebecca Murphey, to
demonstrate an MVC style approach to
application development
Key concepts:
Modular, small pieces of code
Strong separation of concerns in code
https://github.com/rmurphey/dojo-demo
52. It's all about the info
JavaScript applications are all about information
There are dozens, hundreds of approaches
Use a JS library or toolkit to simplify things, but
be aware of your options
Have fun! Don't be afraid to try things.
Come to Brian's class in October!