The document outlines an upcoming workshop on developing mobile apps with HTML5, CSS3, JavaScript, and Cordova/PhoneGap. It provides an agenda for the workshop, which will cover PhoneGap/Cordova, mobile frameworks, HTML5 features, and a project/coding time. It also includes background information on the workshop instructor Peter Hecker and his company GFU Cyrus AG, which specializes in IT trainings.
14. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Adobe® PhoneGap™ Build
Package mobile apps in the cloud.
Get started!
Home Plugins Docs Blog FAQ Support Sign in Register
Take the pain out of developing mobile apps.
Simply upload your HTML5HTML5, CSSCSS, and JavaScriptJavaScript assets to the Adobe® PhoneGap™ BuildAdobe® PhoneGap™ Build cloud service and
we do the work of compiling for you.
Take advantage of the strengths of PhoneGap.Take advantage of the strengths of PhoneGap.
Build great apps powered by open web standards. Cut down on development time by re-using your
Sonntag, 14. September 14
15. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Go to PhoneGap.com
The PhoneGap Developer App
Develop locally then see the changes instantly on your mobile device.
No need to re-sign, re-compile, or reinstall your app to test your code.
Access to the device APIs that aren't available in web browsers.
First, install the desktop appFirst, install the desktop app
The desktop app is a command line tool that you
need to install, using npm. An in-depth guide on how
to do this is located on the PhoneGap install page.
Sonntag, 14. September 14
18. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Participate FAQ Legal notes & imprint
Filter frameworks by name
Looking for the right
mobile framework?
Compare all major mobile frameworks and choose
the one that fits best.
What platforms must be
supported by the framework?
iOS
Android
Windows Mobile
Windows Phone
Blackberry OS
Symbian
Platform Apache Flex
Appcelerator Titanium Mobile*
Application Craft
ChocolateChip-UI
CNET iPhone UI*
http://www.markus-falk.com/mobile-frameworks-
comparison-chart/
Sonntag, 14. September 14
21. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
MOBILEMOBILE ★★ BOILERPLATEBOILERPLATE SOURCE CODE DOCS OTHER PROJECTS
A best practice baseline for
your mobile web app
Mobile Boilerplate helps you create rich, performant, and modern
mobile web apps. Kick-start your project with dozens of mobile
optimizations and helpers.
A mobile-focused app template.
★ Analytics, icons, and more
A lean, mobile-friendly HTML template;
optimized Google Analytics snippet;
placeholder touch-device icons; and several
mobile-focused tools and helpers.
★ Normalize.css and helpers
Includes Normalize.css v3 — a modern,
HTML5-ready alternative to CSS resets — and
further base styles, utilities, and media
queries.
See the CHANGELOG
Download v4.1.2
Sonntag, 14. September 14
23. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Ratchet Home Getting started Components Examples About GitHub project
Build mobile apps with simple HTML‚
CSS‚ and JS components.
Currently v2.0.2
Download Ratchet
StarStar 9,6879,687 TweetTweet 707 FollowFollow @goratchet@goratchet 3,406 followers
Code licensed under the MIT License and the docs are licensed under CC BY 3.0.
Sonntag, 14. September 14
25. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
DemosDemos DownloadDownload API DocumentationAPI Documentation ThemesThemes ResourcesResources BlogBlog AboutAbout
Plugins Contribute Events Support jQuery Foundation
SearchSearch !
A Touch-Optimized Web
Framework
jQuery Mobile is a HTML5-based user interface system
designed to make responsive web sites and apps that are
accessible on all smartphone, tablet and desktop devices.
Download jQuery Mobile
Custom download
Latest stable
Version 1.4.3
jQuery 1.8 - 1.11 / 2.1
Developer Links
Source Code (GitHub)
jQuery Mobile Git (WIP Build)
JavaScript
CSS
Report an issue
Supported platforms
Changelogs
Upgrade Guides
Seriously cross-platform with HTML5Seriously cross-platform with HTML5
jQuery Mobile framework takes the "write less, do
more" mantra to the next level: Instead of writing
unique applications for each mobile device or OS,
the jQuery mobile framework allows you to design a
single highly-branded responsive web site or
application that will work on all popular
smartphone, tablet, and desktop platforms.
Graded Browser Support
Sonntag, 14. September 14
27. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Helping you select an MV* framework
Download (1.2)Download (1.2) View on GitHub Blog
Introduction
Developers these days are spoiled with
choice when it comes to selecting an
MV* framework for structuring and
organizing their JavaScript web apps.
Backbone, Ember, AngularJS... the list of
new and stable solutions continues to
grow, but just how do you decide on
which to use in a sea of so many options?
To help solve this problem, we created
TodoMVC - a project which offers the
same Todo application implemented using
MV* concepts in most of the popular
JavaScript MV* frameworks of today.
JavaScript Apps
Backbone.js RR
AngularJS RR
Ember.js RR
KnockoutJS RR
Dojo RR
YUI RR
Agility.js RR
Knockback.js RR
Sonntag, 14. September 14
29. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
HTML5 compatibility on mobile and tablet browsers with testing on real devices
Feature
Safari
iOS
Android
Browser
Google
Chrome
Amazon
Silk
BlackBerry
Browser
Nokia Browser
Internet
Explorer
O
M
Platform iPhone,
iPad
Phones &
Tablet
Android
4.0+
Kindle
Fire
Phones Tablet MeeGo
- N9
Symbian Windows
Phone
Windows
8.x
A
S
Versions tested 3.2 to
7.0
1.5 to 4.3 18 to 33b 1.0 to 2.0 5.0 to
7.1
10 to
10.2b
1.0 to
2.1
1.2 ^3 to
BelleFP2
9 to 10 10 to 11 1
Application
Cache
W3C API
Offline package
installation.
2.1+ 6.0+ Belle
FP2+
10+
Web storage
W3C API
Persistent and session
storage.
2.0+ 6.0+ Belle
FP2+
Web SQL
storage
W3C API (inactive)
Persistent SQLite
storage.
2.0+ 6.0+ Belle
FP2+
IndexedDB
W3C API
Agnostic database
system (replacement
for Web SQL)
2.0+ 10+
Geolocation
W3C API
Geolocation & tracking
using GPS, cells or Wi-
Fi.
2.0+ 2.0+ 6.0+ Belle+
Multimedia
W3C API
Video & Audio Players
2.3+ 7.0+ Belle+
Web Workers
W3C API
Threading and
background process
5.0+ 2.0+ 6.0+ 10+
TweetTweet
6,249 3.5043.7k
LikeLike
http://mobilehtml5.org/Sonntag, 14. September 14
33. AlleRechteliegenbeiPeterHecker.Vervielfältigungistnichterlaubt.
Canvas
• Ursprünglich entwickelt von Apple als Bestandteil
des Webkit entwickelt, ist es später von der
WHATWG standardisiert worden
• Canvas umfasst einen in HTML-Code mit Höhen-
und Breiten-Attributen definierten Bereich, in den
gezeichnet werden kann.
• Innerhalb von JavaScript stehen 2D-
Zeichenfunktionen zurVerfügung, die dynamisch
erzeugte Zeicheninhalte innerhalb des Canvas-
Bereichs gestatten
Sonntag, 14. September 14