jQuery Mobile Introduction

Jun 9, 20120 likes1,567 views

Joris Graaumans

jQuery Mobile Introduction Presented at Dutch Mobile Conference, June 9, 2012 www.mobileconference.nl Level: beginner

jQuery Mobile!

Dutch Mobile Conference 2012!
June 9!

Introduction!
•  Joris Graaumans!
•  Lecturer @ Fontys University of Applied
Sciences!
•  Bachelor's program ICT & Media Design!
–  web development!
–  interaction & visual design!
–  media strategy!
!

Agenda

•  Teaching
web
development

•  What
is
jQuery
Mobile?

•  jQuery
Mobile
Demo

Teaching
Web
Development

•  HTML
/
CSS
/
JavaScript

•  PHP
/
Web
APIs

•  Mobile
web

•  Augmented
/
Virtual
Reality

•  Flash
AcJonScript
3.0

What is jQuery Mobile?

"A
uniﬁed
user
interface
system
that
works

seamlessly
across
all
popular
mobile
device

pla4orms,
built
on
the
rock-‐solid
jQuery
and
jQuery

UI
foundaJon."

•  Started
in
August
2010

•  Current
version:
1.1.0
–
April
13,
2012

•  jquerymobile.com

6

Design
principles

•  User
Interface
System

–  Mobile
Web
ApplicaJons

–  HTML5
based

•  One
single
app
or
site

–  All
popular
mobile
device
plaorms

–  Tested
on
a
large
set
of
devices
and
plaorms

Design
principles

•  "Super
easy
to
use"

–  SemanJc
markup

–  Use
regular
HTML
with
data-‐*
a^ributes

•  Flexible

–  Themes

–  CSS
styles

–  ScripJng

jQuery
How
To

•  pages

–  content

–  header

–  footer

•  list
views

•  page
transiJons

•  navigaJon
bars

•  forms

•  events

index.html

•  Simple
page

•  Fixed
header
and
footer

•  Theming

index2.html

Typically
used
for
navigaJon
between
pages

•  Basic
<ul>
and
<li>
elements

•  Listviews

–  data-‐role="listview"

–  inset
appearance:
data-‐inset="true"

•  Listheaders

–  data-‐divider-‐theme
(on
the
<ul>
element)

index3.html

•  TransiJons
between
pages

•  Links:

<a href="#idOfThePage"> ... </a>!
•  Links
are
loaded
with
Ajax
by
JQM

–  page
transiJons

•  Dialogs:
no
history
&
pop-‐up

•  Diﬀerent
transiJon
types
(pop,
slide,
etc)

index4.html

•  NavigaJon
bar:
data-role="navbar"

•  NavigaJon
bu^ons,
Go
back,
Go
Home

•  Icons

–  data-‐icon="home"

– 
data-‐icon="arrow-‐l"

–  data-‐icon="plus"

–  data-‐icon="back"

–  etc.

index5.html

•  Forms

•  Use
regular
HTML5
Forms

•  Improve
styling

–  data-‐role="ﬁeldcontain"

•  Group
a
set
of
controls

–  data-‐role="controlgroup"

ScripJng

•  Pageinit
/
pageshow
events

•  Form
submit

•  Page
transiJon

•  index6.html

LimitaJons
of
jQuery
Mobile

•  Try
it
and
ﬁnd
out

•  Performance

•  jQuery
Mobile
does
not
try
to
mimic

–  iOS

–  Android

–  Windows

•  NaJve
app?

–  Use
PhoneGap
as
a
wrapper.

Conclusions

•  jQuery
Mobile
is
super
easy
to
use

–  declaraJve
style

–  not
very
diﬀerent
from
wriJng
regular
HTML

•  Builds
on
HTML
/
JQuery
/
jQuery
UI

•  Go
and
give
it
a
try!

References

•  h^p://jquerymobile.com/demos/1.1.0/docs/
about/gemng-‐started.html

•  h^p://jquerymobile.com/themeroller/

•  Tool
for
a
quick
GUI
setup:
h^p://codiqa.com/

Please
ﬁll
in
this
survey

h^p://Jnyurl.com/appuex

Contact

•  j.graaumans@fontys.nl

•  @JorisGraaumans

The document describes an exhibit creation tool built using the Prototype and Script.aculo.us JavaScript frameworks. It allows users to search, drag and drop items into an exhibit, add annotations, and publish the exhibit on the Ohio Memory website. The tool was created to enhance the user experience on the new CONTENTdm-based site. Details are provided on Prototype, Script.aculo.us, and other popular JavaScript libraries that can be used to build dynamic web applications. Resources for learning more about these libraries are also listed.

Building & Scaling a Front End Practice & TeamMonika Piotrowicz

As a discipline, front end development (FED) has recently seen enormous growth with new focus areas like performance, design patterns, build tools, and frameworks emerge and mature. There’s a lot of new excitement for all things client-side, but how do these new technologies fit alongside a traditional Engineering team and an existing code base? At Shopify, we’ve been exploring the dynamic more closely as our FED team continues to grow company-wide. In this talk, I will share my perspective on how FED can work alongside other disciplines to form robust, creative product teams at scale. Shared tools like coding standards, processes, and style guides, can make it possible for all developers to confidently build UI, while specialist FED build those systems and solve unique use cases. By investing in in tools and process, we’ve been able to find common focus for our team and a stronger understanding of our role across disciplines.

Accessibility - A feature you can buildMonika Piotrowicz

a11yTO - Web Accessibility for DevelopersMonika Piotrowicz

This document provides a summary of a presentation on web accessibility for developers. It discusses: 1) An introduction to key concepts of accessibility including standards like WCAG 2.0 and how accessibility improves usability for all users. 2) Techniques developers can implement to make their sites more accessible, such as following keyboard navigation best practices, ensuring visual elements have adequate color contrast, and properly labeling form fields. 3) An introduction to screen readers and how they interact with web content, emphasizing the importance of semantic HTML and best practices like ARIA roles, states and properties for custom interactive elements.

Wheel.jsbaccigalupi

jQuery for Drupaljhamiltoorion

Website Review with Screen Reader vs. SiteImproveTroyDeRego

Comparison of Accessibility test results with automation versus a walkthrough of the site with Apple Voice Over screen reader. The presentation was made to my team members at Mississippi State University Libraries to demonstrate the effectiveness of SiteImprove, our automated website accessibility checker compared with the actual experience of using the site with assistive technology. As a novice with assistive technology, this does not serve as a legitimate study or review of the site, but simply a demonstration.

jQuery for Drupaljhamiltoorion

This document discusses jQuery and how it can be used with Drupal. It explains that jQuery was incorporated into Drupal core starting with Drupal 5 to simplify cross-browser compatibility and enable animation effects. It provides examples of jQuery syntax and discusses how to add jQuery to Drupal themes. Additionally, it outlines several common uses of jQuery with Drupal, such as expanding content and AJAX functionality, and lists some popular jQuery modules.

Responsive Design Overview for UB CITAdrian Roselli

The document provides an overview of responsive web design. It discusses techniques like using media queries and mobile-first approaches to adapt styles based on screen size and other factors. It covers best practices like letting content determine breakpoints, treating layout as an enhancement, and accounting for different user contexts. It also highlights common mistakes to avoid and emphasizes the importance of testing designs on actual devices.

Web Accessibility - A feature you can buildMonika Piotrowicz

Specialisation 1-jquery-basicsDarren Woodiwiss

The document introduces jQuery, an open-source JavaScript library that makes HTML document manipulation, event handling, animation, and Ajax interactions simpler. It discusses what jQuery is, alternatives to jQuery, how jQuery works with the DOM, events, basic usage, and jQuery's typical workflow and API. The document emphasizes that jQuery is incredibly popular due to its small size, speed, and easy-to-use features that simplify common tasks across browsers.

Front End Web Development BasicsTahir Shahzad

This document provides an introduction to UI & UX basics, covering HTML for content, CSS for layout, and JavaScript for behavior. It discusses basic HTML structures like paragraphs, images, lists, links, and tables. It then covers identifying layout elements, applying CSS style rules using selectors and properties, prefixes for cross-browser compatibility, and testing across browsers. The document concludes with a section on using JavaScript for user interactivity and validation, questions and answers, and references.

Accessibility - A feature you can buildMonika Piotrowicz

CSS for MobileDaniel Ryan

This document discusses CSS for mobile platforms. It notes that approximately 15% of internet traffic is now from mobile devices, with Mobile Safari holding a 67% usage share. It discusses two approaches to mobile CSS: using a separate style sheet for mobile or adding additional rules in the same style sheet. It provides examples of CSS properties that are useful for mobile like viewport, background-size, gradients, and rgba colors. It outlines best practices like reducing assets, using CSS instead of images, hiding non-essential elements, using native fonts, simplifying layouts, and reordering content. It also lists some real world examples and additional resources for mobile CSS.

Inclusive design 24 (gaad)Mike Gifford

Drupal has built-in accessibility features that help it meet modern standards and user expectations. Its developers prioritize accessibility issues and work to codify best practices. Features like ARIA landmarks, semantic HTML5 markup, and form API improvements in Drupal 7 and 8 help ensure Drupal sites are accessible on different devices and browsers for all users. By addressing accessibility at the core code level and collaborating with other communities, Drupal aims to set an example and have broad influence on accessibility across the web.

What is jQuery?tina3reese7

Coding - iPhone Frameworks for Museum ToursChris Alexander

Intro to jQuery for Drupaljhamiltoorion

This document provides an overview of jQuery and how it can be used with Drupal. It describes what jQuery is, how Drupal incorporates it into core, how to add jQuery to a theme, behaviors, sending settings to jQuery, overriding jQuery functions, progressive enhancement, common use cases, popular modules, and jQuery UI. Resources mentioned include the jQuery API documentation and using Firebug for debugging. The document demonstrates how to use jQuery.

Web Standards and AccessibilityKarl Dawson

This document introduces web standards and accessibility. It discusses how Jeffrey Zeldman and the Web Standards Project advocated for standards to make websites more accessible, compatible across browsers and devices, and sustainable over time. The document explains key standards like XHTML, CSS, and DOM that separate website structure, style and behavior. It also outlines why standards help with accessibility, device independence, performance and more. Finally, it provides an overview of different types of disabilities that standards aim to support, such as visual, motor and cognitive impairments.

Find your path in the web industryJon Thomas

This document provides an overview of different roles in the web industry and advice for getting started in those roles. It discusses web designers, developers, content strategists, user experience experts, system administrators, and information architects. For each role, it lists relevant skills and provides learning resources like courses, tutorials, and books. It also offers tips for getting a first job in the industry, such as building a portfolio, using job boards, and attending meetups.

Front end-design and best practicesMario Hernandez

The document discusses front-end design best practices for web development. It notes that courts place little emphasis on web standards, design, usability and accessibility. It then outlines best practices for HTML and CSS markup, including using semantic structure, separation of content and presentation, and accessibility. The document also describes the speaker's design process and recommends tools like Firebug and books on web standards.

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

Presented June 8, 2012 (Online) at the 'Access by Touch: Delivering Library Services Through Mobile Technologies' conference sponsored by Amigos Library Services. Description: By the end of 2012, it is expected that more than 80% of the world’s population will have access to a smartphone. Your library users will assume that your library can be accessible from anywhere, at any time, and on any device. Now is the time to be ready! During this webinar, you will: - learn what a mobile framework is. - acquire best practices in mobile Web development. - understand the various technologies (HTML, CSS, JavaScript) and how they work together to build mobile Web apps. - recognize the differences between native and web apps. - have an opportunity to continue to work with Chad after the webinar to demonstrate what you learned. - gain access after the webinar to a free Web server so you can see your mobile Web app live.

OSCON 2011 - Building An Application On The SugarCRM PlatformJohn Mertic

This document discusses building applications on the SugarCRM platform. It provides an overview of what SugarCRM is as a customer relationship management platform and why developers may want to build on it. Key benefits of the SugarCRM platform for developers include its modular design, MVC framework, metadata driven views, user authentication/access controls, integration capabilities via a web services API. The document then demonstrates building a sample conference management application that handles registration, sessions, speakers, and sponsors using SugarCRM's tools and capabilities.

Creating An Integrated Social Media Strategypholbrook

This document discusses creating an integrated social media strategy. It begins by asking who from various departments is present and what their social media policies and usage entail. It then provides statistics on social media usage and reviews Tony Hsieh's advice on having a vision, transparency, defining your culture based on core values, and focusing on repeat customers. The document concludes by outlining the steps to developing an integrated social media strategy across departments with a focus on content, engagement, business development, and revenue generation.

Creating An Integrated Social Media Strategypholbrook

This document discusses creating an integrated social media strategy. It begins by asking who from various departments is present and what their social media policies and usage entail. It then provides statistics on social media usage and reviews Tony Hsieh's advice on having a vision, transparency, defining your culture through core values, and focusing on repeat customers. The document concludes by outlining the steps to developing an integrated social media strategy across departments with a focus on content, community, and commerce.

Social media integration #phpnw11Matthew Kellett

This presentation discusses social media integration. It defines social media as tools and platforms used to publish, converse and share content online, providing examples like blogs, podcasts, wikis, and social networking sites. Social media integration is incorporating social media features into a website. The presentation reviews popular social media platforms and their growth statistics. It demonstrates how to integrate Facebook plugins like the Like box, recommendations, comments and live chat onto a website using HTML and JavaScript.

Powering your website with realtime databecoded

The document provides an overview of using XMPP (Extensible Messaging and Presence Protocol) to power a website with real-time data. It discusses the old methods of refreshing pages, introduces XMPP as an open protocol for messaging, and shows examples of using XMPP for pubsub, multi-user chat, and sending messages. It also covers installing an Openfire server, configuring Apache as a proxy, and using libraries like XMPPHP, Jaxl, and Strophe.js to connect and send messages with XMPP from client-side code.

Social media integrationSteven Van Belleghem

Responsive Web Design - Tom RobertshawMeet Magento Spain

More Related Content

What's hot (15)

jQuery for Drupaljhamiltoorion

Responsive Design Overview for UB CITAdrian Roselli

Web Accessibility - A feature you can buildMonika Piotrowicz

Specialisation 1-jquery-basicsDarren Woodiwiss

Front End Web Development BasicsTahir Shahzad

Accessibility - A feature you can buildMonika Piotrowicz

CSS for MobileDaniel Ryan

Inclusive design 24 (gaad)Mike Gifford

What is jQuery?tina3reese7

Coding - iPhone Frameworks for Museum ToursChris Alexander

Intro to jQuery for Drupaljhamiltoorion

Web Standards and AccessibilityKarl Dawson

Find your path in the web industryJon Thomas

Front end-design and best practicesMario Hernandez

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

jQuery for Drupaljhamiltoorion

Responsive Design Overview for UB CITAdrian Roselli

Web Accessibility - A feature you can buildMonika Piotrowicz

Specialisation 1-jquery-basicsDarren Woodiwiss

Front End Web Development BasicsTahir Shahzad

Accessibility - A feature you can buildMonika Piotrowicz

CSS for MobileDaniel Ryan

Inclusive design 24 (gaad)Mike Gifford

What is jQuery?tina3reese7

Coding - iPhone Frameworks for Museum ToursChris Alexander

Intro to jQuery for Drupaljhamiltoorion

Web Standards and AccessibilityKarl Dawson

Find your path in the web industryJon Thomas

Front end-design and best practicesMario Hernandez

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

Viewers also liked (6)

OSCON 2011 - Building An Application On The SugarCRM PlatformJohn Mertic

Creating An Integrated Social Media Strategypholbrook

This document discusses creating an integrated social media strategy. It begins by asking who from various departments is present and what their social media policies and usage entail. It then provides statistics on social media usage and reviews Tony Hsieh's advice on having a vision, transparency, defining your culture through core values, and focusing on repeat customers. The document concludes by outlining the steps to developing an integrated social media strategy across departments with a focus on content, community, and commerce.

Social media integration #phpnw11Matthew Kellett

Powering your website with realtime databecoded

Social media integrationSteven Van Belleghem

OSCON 2011 - Building An Application On The SugarCRM PlatformJohn Mertic

Creating An Integrated Social Media Strategypholbrook

Social media integration #phpnw11Matthew Kellett

Powering your website with realtime databecoded

Social media integrationSteven Van Belleghem

Similar to jQuery Mobile Introduction (20)

Responsive Web Design - Tom RobertshawMeet Magento Spain

Multi screen HTML5Ron Reiter

Toutch Jquery MobileJinlong He

This document summarizes the history and features of jQuery Mobile, a mobile web framework. It discusses the versions released from October 2010 to November 2011. Key features include being cross-device, cross-platform, cross-browser, using HTML5, having a touch-optimized interface, and being based on jQuery. The document also describes the various UI components in jQuery Mobile like pages, dialogs, headers, forms, lists and more. It provides links to the jQuery Mobile website for examples.

Beginning jQuery MobileTroy Miles

TOC Workshop 2013Haig Armen

What does a mobile app platform offer books that traditional publishing methods can not? In this workshop Haig Armen will reveal digital strategies for transforming a book into a dynamic social publication using open source software. The workshop will feature a case study of a new book by Alex Samuel that Haig Armen and a number of Emily Carr University of Art + Design students have designed and created using open source software like Wordpress and PhoneGap. The workshop will walk participants through a step by step tutorial on how to pull content from Wordpress dynamically into an iPhone app created with PhoneGap.

Wintellect - Devscovery - Enterprise JavaScript Development 2 of 2Jeremy Likness

This document summarizes a presentation on JavaScript frameworks and libraries. It discusses tools like JSLint and JSHint for code quality, jQuery for DOM manipulation, JSON and Web API for data, Twitter Bootstrap for layouts, Underscore.js for utility functions, Backbone.js for MVC, RequireJS for dependencies, Kendo UI for MVVM, and Amplify.js for pub/sub messaging. It recommends using these libraries to make code cross-browser compatible, modular, data-friendly, consistent, and decoupled.

Intro to Front-End Web Devlopmentdamonras

This document provides an overview of introductory front-end web development topics including web fonts, HTML5, CSS3, and mobile development. It discusses the history of web fonts and font services, what's new in HTML5 like semantic elements and APIs, an introduction to CSS3 features, considerations for mobile and responsive design using media queries and frameworks like jQuery Mobile, and recommends following leaders in the field.

Producing a mobile presence. Timeline: Yesterday...Nick DeNardis

Having a comprehensive mobile strategy is great but your users aren’t waiting around till you have have a pixel perfect solution. Your users are on their mobile devices right now waiting to access your content, having something up is better than nothing. This talk is a look at creating a practical, agile and ever evolving mobile Web presence. A mobile presence can be created on a small budget and without a lot of time. An introduction to the tools, frameworks and testing strategies needed to get a mobile website up quickly and moving in a more useful and usable direction each day.

Cross Platform Mobile DevelopmentManesh Lad

This document discusses cross-platform mobile app development using HTML frameworks like jQuery Mobile and Sencha Touch, and PhoneGap. It describes the problem of developing for multiple mobile platforms and devices. The solution presented is to use these HTML frameworks to build apps once that scale across devices, and to use PhoneGap to package them as native apps for distribution. Benefits include access to many platforms without native coding, and leveraging HTML and JavaScript skills. Examples are provided of each framework.

Getting Started with Mobile Websites if You Don't Know CodeCarli Spina

JQuery mobileGary Yeh

jQuery Mobile is a JavaScript framework that makes it easier to develop mobile web sites and apps. It allows developers to use standard HTML and CSS to build interfaces that work across various mobile device platforms. Some key features include automatically adapting layouts for different screens, supporting touch and mouse events, and providing common mobile widgets like sliders and flip switches. Navigation between pages is handled using internal links, and jQuery Mobile can fetch and integrate external pages using AJAX to provide a native-like experience.

Going mobileKenticoCMS

KENTICO CONNECTION SESSION: As the market share of smartphones is rapidly growing up and thanks to Apple they are getting more popular. It’s more important than ever to prepare your websites for mobile devices and offer them your content. In this session we will focus on main differences between traditional websites and websites for mobile devices. Kentico CMS supports mobile devices and we will show you how to prepare your websites for mobile devices, how to share content between main website and mobile part and more.

Going mobileKenticoCMS

This document discusses going mobile and provides best practices for developing mobile websites and applications. It covers the mobile marketplace trends, developing a mobile strategy with either a mobile website or native application, focusing content specifically for mobile, and mobile design best practices. Key points include simplifying content and navigation for mobile, adaptive and responsive design, and prioritizing speed and usability on small screens.

Rise of the responsive single page applicationOren Shatken

The document discusses the rise of responsive single page applications. It defines responsive design as building websites that detect users' device and screen size and dynamically adjust the layout accordingly. It advocates for responsive design over separate mobile sites because it provides a better user experience across devices, improves SEO through a single URL structure, and streamlines development and maintenance with one codebase. The document also outlines best practices for developing responsive applications using technologies like AngularJS, Grunt, and Yeoman to automate testing and improve workflow efficiency.

A Smooth Transition to HTML5Chris Bannon

How difficult is it to port Flex and Silverlight applications to HTML5? That is the question we hear every day at ComponentOne. Instead of speculating about it, we decided to sit down and try it. Today we will discuss the process and tools we used when doing so. The approach we took was to use the MVVM pattern (from Silverlight) when developing the HTML5/JavaScript version. By choosing this method we were able to port our data access and UI layers quite easily. Our developers were able to minimize the cost of learning new paradigms in this migration by reusing most of their knowledge. What we ended up with was nearly identical applications in Silverlight and HTML5. Come learn how you can smoothly transition to HTML5!

Creating Large-Scale Responsive WebsitesKeith Doyle

Responsive design allows websites to be viewed on any device by automatically adjusting layouts. The document discusses creating large-scale responsive websites that serve both desktop and mobile users well. It defines responsive design as providing complete content across all devices and connections using a single URL. While technical aspects like fluid grids and media queries are important, usability must be a top priority through efficient and effective layouts on mobile. The strategy discussed is to make responsive design the standard, focus on modern browsers and devices first, and introduce changes in phases.

Sai Sharan_UI_ResumeSai Sharan Madisetty

Sai Madisetty has over 7 years of experience as a front-end UI developer. He is proficient in HTML/HTML5, CSS/CSS3, JavaScript, jQuery, AngularJS, and responsive design. Some of Sai's responsibilities include developing user interfaces, APIs, style guides, and wireframes. He has worked on projects for clients such as Nomura America Securities, JP Morgan Chase, and United Health Care. Sai also has expertise in cross-browser compatibility, accessibility, and agile methodologies.

Going Mobile with HTML5John Reiser

Mobile ECM with JavaScript - JSE 2011Nuxeo

This document summarizes an experience report on developing mobile apps to access content from an Enterprise Content Management system using different technologies. It discusses using native iOS development with Objective-C, mobile web apps with jQuery Mobile, hybrid apps with PhoneGap, and cross-platform apps with Appcelerator Titanium. It finds that Titanium provides the best balance of native look and feel with multi-platform support and productivity. Future work includes generic browsing apps and business-specific mobile apps.

Mobile App DevelopmentChris Morrell

Responsive Web Design - Tom RobertshawMeet Magento Spain

Multi screen HTML5Ron Reiter

Toutch Jquery MobileJinlong He

Beginning jQuery MobileTroy Miles

TOC Workshop 2013Haig Armen

Wintellect - Devscovery - Enterprise JavaScript Development 2 of 2Jeremy Likness

Intro to Front-End Web Devlopmentdamonras

Producing a mobile presence. Timeline: Yesterday...Nick DeNardis

Cross Platform Mobile DevelopmentManesh Lad

Getting Started with Mobile Websites if You Don't Know CodeCarli Spina

JQuery mobileGary Yeh

Going mobileKenticoCMS

Rise of the responsive single page applicationOren Shatken

A Smooth Transition to HTML5Chris Bannon

Creating Large-Scale Responsive WebsitesKeith Doyle

Sai Sharan_UI_ResumeSai Sharan Madisetty

Going Mobile with HTML5John Reiser

Mobile ECM with JavaScript - JSE 2011Nuxeo

Mobile App DevelopmentChris Morrell

Recently uploaded (20)

The Changing Compliance Landscape in 2025.pdfPrecisely

GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson

Autonomous Resource Optimization: How AI is Solving the Overprovisioning Problem In this session, Suresh Mathew will explore how autonomous AI is revolutionizing cloud resource management for DevOps, SRE, and Platform Engineering teams. Traditional cloud infrastructure typically suffers from significant overprovisioning—a "better safe than sorry" approach that leads to wasted resources and inflated costs. This presentation will demonstrate how AI-powered autonomous systems are eliminating this problem through continuous, real-time optimization. Key topics include: Why manual and rule-based optimization approaches fall short in dynamic cloud environments How machine learning predicts workload patterns to right-size resources before they're needed Real-world implementation strategies that don't compromise reliability or performance Featured case study: Learn how Palo Alto Networks implemented autonomous resource optimization to save $3.5M in cloud costs while maintaining strict performance SLAs across their global security infrastructure. Bio: Suresh Mathew is the CEO and Founder of Sedai, an autonomous cloud management platform. Previously, as Sr. MTS Architect at PayPal, he built an AI/ML platform that autonomously resolved performance and availability issues—executing over 2 million remediations annually and becoming the only system trusted to operate independently during peak holiday traffic.

Shoehorning dependency injection into a FP language, what does it take?Eric Torreborre

Does Pornify Allow NSFW? Everything You Should KnowPornify CC

Canadian book publishing: Insights from the latest salary survey - Tech Forum...BookNet Canada

Join us for a presentation in partnership with the Association of Canadian Publishers (ACP) as they share results from the recently conducted Canadian Book Publishing Industry Salary Survey. This comprehensive survey provides key insights into average salaries across departments, roles, and demographic metrics. Members of ACP’s Diversity and Inclusion Committee will join us to unpack what the findings mean in the context of justice, equity, diversity, and inclusion in the industry. Results of the 2024 Canadian Book Publishing Industry Salary Survey: https://publishers.ca/wp-content/uploads/2025/04/ACP_Salary_Survey_FINAL-2.pdf Link to presentation recording and transcript: https://bnctechforum.ca/sessions/canadian-book-publishing-insights-from-the-latest-salary-survey/ Presented by BookNet Canada and the Association of Canadian Publishers on May 1, 2025 with support from the Department of Canadian Heritage.

AI You Can Trust: The Critical Role of Governance and Quality.pdfPrecisely

Transcript: Canadian book publishing: Insights from the latest salary survey ...BookNet Canada

Join us for a presentation in partnership with the Association of Canadian Publishers (ACP) as they share results from the recently conducted Canadian Book Publishing Industry Salary Survey. This comprehensive survey provides key insights into average salaries across departments, roles, and demographic metrics. Members of ACP’s Diversity and Inclusion Committee will join us to unpack what the findings mean in the context of justice, equity, diversity, and inclusion in the industry. Results of the 2024 Canadian Book Publishing Industry Salary Survey: https://publishers.ca/wp-content/uploads/2025/04/ACP_Salary_Survey_FINAL-2.pdf Link to presentation slides and transcript: https://bnctechforum.ca/sessions/canadian-book-publishing-insights-from-the-latest-salary-survey/ Presented by BookNet Canada and the Association of Canadian Publishers on May 1, 2025 with support from the Department of Canadian Heritage.

Build With AI - In Person Session Slides.pdfGoogle Developer Group - Harare

Build with AI events are communityled, handson activities hosted by Google Developer Groups and Google Developer Groups on Campus across the world from February 1 to July 31 2025. These events aim to help developers acquire and apply Generative AI skills to build and integrate applications using the latest Google AI technologies, including AI Studio, the Gemini and Gemma family of models, and Vertex AI. This particular event series includes Thematic Hands on Workshop: Guided learning on specific AI tools or topics as well as a prequel to the Hackathon to foster innovation using Google AI tools.

AI Agents at Work: UiPath, Maestro & the Future of DocumentsUiPathCommunity

Do you find yourself whispering sweet nothings to OCR engines, praying they catch that one rogue VAT number? Well, it’s time to let automation do the heavy lifting – with brains and brawn. Join us for a high-energy UiPath Community session where we crack open the vault of Document Understanding and introduce you to the future’s favorite buzzword with actual bite: Agentic AI. This isn’t your average “drag-and-drop-and-hope-it-works” demo. We’re going deep into how intelligent automation can revolutionize the way you deal with invoices – turning chaos into clarity and PDFs into productivity. From real-world use cases to live demos, we’ll show you how to move from manually verifying line items to sipping your coffee while your digital coworkers do the grunt work: 📕 Agenda: 🤖 Bots with brains: how Agentic AI takes automation from reactive to proactive 🔍 How DU handles everything from pristine PDFs to coffee-stained scans (we’ve seen it all) 🧠 The magic of context-aware AI agents who actually know what they’re doing 💥 A live walkthrough that’s part tech, part magic trick (minus the smoke and mirrors) 🗣️ Honest lessons, best practices, and “don’t do this unless you enjoy crying” warnings from the field So whether you’re an automation veteran or you still think “AI” stands for “Another Invoice,” this session will leave you laughing, learning, and ready to level up your invoice game. Don’t miss your chance to see how UiPath, DU, and Agentic AI can team up to turn your invoice nightmares into automation dreams. This session streamed live on May 07, 2025, 13:00 GMT. Join us and check out all our past and upcoming UiPath Community sessions at: 👉 https://community.uipath.com/dublin-belfast/

Jignesh Shah - The Innovator and Czar of ExchangesJignesh Shah Innovator

Bepents tech services - a premier cybersecurity consulting firmBenard76

Introduction Bepents Tech Services is a premier cybersecurity consulting firm dedicated to protecting digital infrastructure, data, and business continuity. We partner with organizations of all sizes to defend against today’s evolving cyber threats through expert testing, strategic advisory, and managed services. 🔎 Why You Need us Cyberattacks are no longer a question of “if”—they are a question of “when.” Businesses of all sizes are under constant threat from ransomware, data breaches, phishing attacks, insider threats, and targeted exploits. While most companies focus on growth and operations, security is often overlooked—until it’s too late. At Bepents Tech, we bridge that gap by being your trusted cybersecurity partner. 🚨 Real-World Threats. Real-Time Defense. Sophisticated Attackers: Hackers now use advanced tools and techniques to evade detection. Off-the-shelf antivirus isn’t enough. Human Error: Over 90% of breaches involve employee mistakes. We help build a "human firewall" through training and simulations. Exposed APIs & Apps: Modern businesses rely heavily on web and mobile apps. We find hidden vulnerabilities before attackers do. Cloud Misconfigurations: Cloud platforms like AWS and Azure are powerful but complex—and one misstep can expose your entire infrastructure. 💡 What Sets Us Apart Hands-On Experts: Our team includes certified ethical hackers (OSCP, CEH), cloud architects, red teamers, and security engineers with real-world breach response experience. Custom, Not Cookie-Cutter: We don’t offer generic solutions. Every engagement is tailored to your environment, risk profile, and industry. End-to-End Support: From proactive testing to incident response, we support your full cybersecurity lifecycle. Business-Aligned Security: We help you balance protection with performance—so security becomes a business enabler, not a roadblock. 📊 Risk is Expensive. Prevention is Profitable. A single data breach costs businesses an average of $4.45 million (IBM, 2023). Regulatory fines, loss of trust, downtime, and legal exposure can cripple your reputation. Investing in cybersecurity isn’t just a technical decision—it’s a business strategy. 🔐 When You Choose Bepents Tech, You Get: Peace of Mind – We monitor, detect, and respond before damage occurs. Resilience – Your systems, apps, cloud, and team will be ready to withstand real attacks. Confidence – You’ll meet compliance mandates and pass audits without stress. Expert Guidance – Our team becomes an extension of yours, keeping you ahead of the threat curve. Security isn’t a product. It’s a partnership. Let Bepents tech be your shield in a world full of cyber threats. 🌍 Our Clientele At Bepents Tech Services, we’ve earned the trust of organizations across industries by delivering high-impact cybersecurity, performance engineering, and strategic consulting. From regulatory bodies to tech startups, law firms, and global consultancies, we tailor our solutions to each client's unique needs.

AI x Accessibility UXPA by Stew Smith and Olivier VroomUXPA Boston

This presentation explores how AI will transform traditional assistive technologies and create entirely new ways to increase inclusion. The presenters will focus specifically on AI's potential to better serve the deaf community - an area where both presenters have made connections and are conducting research. The presenters are conducting a survey of the deaf community to better understand their needs and will present the findings and implications during the presentation. AI integration into accessibility solutions marks one of the most significant technological advancements of our time. For UX designers and researchers, a basic understanding of how AI systems operate, from simple rule-based algorithms to sophisticated neural networks, offers crucial knowledge for creating more intuitive and adaptable interfaces to improve the lives of 1.3 billion people worldwide living with disabilities. Attendees will gain valuable insights into designing AI-powered accessibility solutions prioritizing real user needs. The presenters will present practical human-centered design frameworks that balance AI’s capabilities with real-world user experiences. By exploring current applications, emerging innovations, and firsthand perspectives from the deaf community, this presentation will equip UX professionals with actionable strategies to create more inclusive digital experiences that address a wide range of accessibility challenges.

Zilliz Cloud Monthly Technical Review: May 2025Zilliz

About this webinar Join our monthly demo for a technical overview of Zilliz Cloud, a highly scalable and performant vector database service for AI applications Topics covered - Zilliz Cloud's scalable architecture - Key features of the developer-friendly UI - Security best practices and data privacy - Highlights from recent product releases This webinar is an excellent opportunity for developers to learn about Zilliz Cloud's capabilities and how it can support their AI projects. Register now to join our community and stay up-to-date with the latest vector database technology.

AI 3-in-1: Agents, RAG, and Local Models - Brent LasterAll Things Open

Presented at All Things Open RTP Meetup Presented by Brent Laster - President & Lead Trainer, Tech Skills Transformations LLC Talk Title: AI 3-in-1: Agents, RAG, and Local Models Abstract: Learning and understanding AI concepts is satisfying and rewarding, but the fun part is learning how to work with AI yourself. In this presentation, author, trainer, and experienced technologist Brent Laster will help you do both! We’ll explain why and how to run AI models locally, the basic ideas of agents and RAG, and show how to assemble a simple AI agent in Python that leverages RAG and uses a local model through Ollama. No experience is needed on these technologies, although we do assume you do have a basic understanding of LLMs. This will be a fast-paced, engaging mixture of presentations interspersed with code explanations and demos building up to the finished product – something you’ll be able to replicate yourself after the session!

Com fer un pla de gestió de dades amb l'eiNa DMP (en anglès)CSUC - Consorci de Serveis Universitaris de Catalunya

Smart Investments Leveraging Agentic AI for Real Estate Success.pptxSeasia Infotech

DevOpsDays SLC - Platform Engineers are Product Managers.pptxJustin Reock

Platform Engineers are Product Managers: 10x Your Developer Experience Discover how adopting this mindset can transform your platform engineering efforts into a high-impact, developer-centric initiative that empowers your teams and drives organizational success. Platform engineering has emerged as a critical function that serves as the backbone for engineering teams, providing the tools and capabilities necessary to accelerate delivery. But to truly maximize their impact, platform engineers should embrace a product management mindset. When thinking like product managers, platform engineers better understand their internal customers' needs, prioritize features, and deliver a seamless developer experience that can 10x an engineering team’s productivity. In this session, Justin Reock, Deputy CTO at DX (getdx.com), will demonstrate that platform engineers are, in fact, product managers for their internal developer customers. By treating the platform as an internally delivered product, and holding it to the same standard and rollout as any product, teams significantly accelerate the successful adoption of developer experience and platform engineering initiatives.

Enterprise Integration Is Dead! Long Live AI-Driven Integration with Apache C...Markus Eisele

We keep hearing that “integration” is old news, with modern architectures and platforms promising frictionless connectivity. So, is enterprise integration really dead? Not exactly! In this session, we’ll talk about how AI-infused applications and tool-calling agents are redefining the concept of integration, especially when combined with the power of Apache Camel. We will discuss the the role of enterprise integration in an era where Large Language Models (LLMs) and agent-driven automation can interpret business needs, handle routing, and invoke Camel endpoints with minimal developer intervention. You will see how these AI-enabled systems help weave business data, applications, and services together giving us flexibility and freeing us from hardcoding boilerplate of integration flows. You’ll walk away with: An updated perspective on the future of “integration” in a world driven by AI, LLMs, and intelligent agents. Real-world examples of how tool-calling functionality can transform Camel routes into dynamic, adaptive workflows. Code examples how to merge AI capabilities with Apache Camel to deliver flexible, event-driven architectures at scale. Roadmap strategies for integrating LLM-powered agents into your enterprise, orchestrating services that previously demanded complex, rigid solutions. Join us to see why rumours of integration’s relevancy have been greatly exaggerated—and see first hand how Camel, powered by AI, is quietly reinventing how we connect the enterprise.

Agentic Automation - Delhi UiPath Community MeetupManoj Batra (1600 + Connections)

Original presentation of Delhi Community Meetup with the following topics ▶️ Session 1: Introduction to UiPath Agents - What are Agents in UiPath? - Components of Agents - Overview of the UiPath Agent Builder. - Common use cases for Agentic automation. ▶️ Session 2: Building Your First UiPath Agent - A quick walkthrough of Agent Builder, Agentic Orchestration, - - AI Trust Layer, Context Grounding - Step-by-step demonstration of building your first Agent ▶️ Session 3: Healing Agents - Deep dive - What are Healing Agents? - How Healing Agents can improve automation stability by automatically detecting and fixing runtime issues - How Healing Agents help reduce downtime, prevent failures, and ensure continuous execution of workflows

Q1 2025 Dropbox Earnings and Investor PresentationDropbox

The Changing Compliance Landscape in 2025.pdfPrecisely

GDG Cloud Southlake #42: Suresh Mathew: Autonomous Resource Optimization: How...James Anderson

Shoehorning dependency injection into a FP language, what does it take?Eric Torreborre

Does Pornify Allow NSFW? Everything You Should KnowPornify CC

Canadian book publishing: Insights from the latest salary survey - Tech Forum...BookNet Canada

AI You Can Trust: The Critical Role of Governance and Quality.pdfPrecisely

Transcript: Canadian book publishing: Insights from the latest salary survey ...BookNet Canada

Build With AI - In Person Session Slides.pdfGoogle Developer Group - Harare

AI Agents at Work: UiPath, Maestro & the Future of DocumentsUiPathCommunity

Jignesh Shah - The Innovator and Czar of ExchangesJignesh Shah Innovator

Bepents tech services - a premier cybersecurity consulting firmBenard76

AI x Accessibility UXPA by Stew Smith and Olivier VroomUXPA Boston

Zilliz Cloud Monthly Technical Review: May 2025Zilliz

AI 3-in-1: Agents, RAG, and Local Models - Brent LasterAll Things Open

Com fer un pla de gestió de dades amb l'eiNa DMP (en anglès)CSUC - Consorci de Serveis Universitaris de Catalunya

Smart Investments Leveraging Agentic AI for Real Estate Success.pptxSeasia Infotech

DevOpsDays SLC - Platform Engineers are Product Managers.pptxJustin Reock

Enterprise Integration Is Dead! Long Live AI-Driven Integration with Apache C...Markus Eisele

Agentic Automation - Delhi UiPath Community MeetupManoj Batra (1600 + Connections)

Q1 2025 Dropbox Earnings and Investor PresentationDropbox

jQuery Mobile Introduction

1. jQuery Mobile! Dutch Mobile Conference 2012! June 9!

2. Introduction! •  Joris Graaumans! •  Lecturer @ Fontys University of Applied Sciences! •  Bachelor's program ICT & Media Design! –  web development! –  interaction & visual design! –  media strategy! !

3. What keeps me busy?

4. Agenda •  Teaching web development •  What is jQuery Mobile? •  jQuery Mobile Demo

5. Teaching Web Development •  HTML / CSS / JavaScript •  PHP / Web APIs •  Mobile web •  Augmented / Virtual Reality •  Flash AcJonScript 3.0

6. What is jQuery Mobile? "A uniﬁed user interface system that works seamlessly across all popular mobile device pla4orms, built on the rock-‐solid jQuery and jQuery UI foundaJon." •  Started in August 2010 •  Current version: 1.1.0 – April 13, 2012 •  jquerymobile.com 6

7. Design principles •  User Interface System –  Mobile Web ApplicaJons –  HTML5 based •  One single app or site –  All popular mobile device plaorms –  Tested on a large set of devices and plaorms

8. Design principles •  "Super easy to use" –  SemanJc markup –  Use regular HTML with data-‐* a^ributes •  Flexible –  Themes –  CSS styles –  ScripJng

9. Examples ...!

10. jQuery Mobile Examples

11. m.venraybloeit.nl/test

12. cultuurbewust.nl

13. All platforms?!

14. Test setup ...

15. Cultuurbewust.nl

16. test.bertvanelswijk.nl

17. jQuery Mobile How To!

18. jQuery How To •  pages –  content –  header –  footer •  list views •  page transiJons •  navigaJon bars •  forms •  events

19. index.html •  Simple page •  Fixed header and footer •  Theming

20. index2.html Typically used for navigaJon between pages •  Basic <ul> and <li> elements •  Listviews –  data-‐role="listview" –  inset appearance: data-‐inset="true" •  Listheaders –  data-‐divider-‐theme (on the <ul> element)

21. index3.html •  TransiJons between pages •  Links: <a href="#idOfThePage"> ... </a>! •  Links are loaded with Ajax by JQM –  page transiJons •  Dialogs: no history & pop-‐up •  Diﬀerent transiJon types (pop, slide, etc)

22. index4.html •  NavigaJon bar: data-role="navbar" •  NavigaJon bu^ons, Go back, Go Home •  Icons –  data-‐icon="home" –  data-‐icon="arrow-‐l" –  data-‐icon="plus" –  data-‐icon="back" –  etc.

23. index5.html •  Forms •  Use regular HTML5 Forms •  Improve styling –  data-‐role="ﬁeldcontain" •  Group a set of controls –  data-‐role="controlgroup"

24. ScripJng •  Pageinit / pageshow events •  Form submit •  Page transiJon •  index6.html

25. LimitaJons of jQuery Mobile •  Try it and ﬁnd out •  Performance •  jQuery Mobile does not try to mimic –  iOS –  Android –  Windows •  NaJve app? –  Use PhoneGap as a wrapper.

26. Conclusions •  jQuery Mobile is super easy to use –  declaraJve style –  not very diﬀerent from wriJng regular HTML •  Builds on HTML / JQuery / jQuery UI •  Go and give it a try!

27. References •  h^p://jquerymobile.com/demos/1.1.0/docs/ about/gemng-‐started.html •  h^p://jquerymobile.com/themeroller/ •  Tool for a quick GUI setup: h^p://codiqa.com/

28. Please ﬁll in this survey h^p://Jnyurl.com/appuex

29. Contact •  [email protected] •  @JorisGraaumans

jQuery Mobile Introduction

Recommended

More Related Content

What's hot (15)

Viewers also liked (6)

Similar to jQuery Mobile Introduction (20)

Recently uploaded (20)

jQuery Mobile Introduction