Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Introduction to HTML5 Mobile

Learn to develop cross-platform mobile apps with HTML5.
by

Chris Minnick

on 4 December 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Introduction to HTML5 Mobile

represent the different parts of HTML5
HTML5 Mobile Apps
The Platform
HTML5
The browser engine.
WebKit
The Markup Language
HTML5
The Best and Worst Programming Language
JavaScript
Styling the Future
CSS3
Made up of 4 Parts
Doing Stuff with Stuff
HTML5 APIs
Device APIs
Storage APIs
The logos / badges
Device APIs
Allow apps to access device services such as Geolocation, Calendar, Contacts, Camera, Battery Status, etc.
For creating offline apps and storing data locally.
Storage APIs
Your First App
Optimizing for Mobile
Make Native Android and iOS Apps with PhoneGap
How We Got To Be 5
1980
2000
1990
2010
HTML 3.2
HTML 4
XHTML
WHATWG
W3C dumps XHTML
Tim Invents HTML
Native vs. Web Apps
Native: compiled, installable, can access operating system directly.
Web: runs in browser, built using HTML, JavaScript, CSS
Design for mobility
Design for simplicity
Design for people
Design for different devices
WebKit Open Source Project
My favorite things about HTML5
1. It's not XHTML - it's HTML!
2. Improved Semantics
3. Reduced need for plugins
4. The APIs
5. It's not XHTML - it takes responsibility!
<!DOCTYPE html>

<html>
<head>
<title>HTML5</title>
</head>

<body>

</body>
</html>
XML isn't designed for people to write.
People love to write HTML by hand.
Strict rules are not HTML
Has Improved Error Handling
Has Well-defined elements
Reflects how HTML is actually used, not how eggheads wish it were used. In other words, XHTML was top-down; HTML5, bottom up.
Geolocation
Web workers
File
Canvas
WebGL
jQuery
jQuery Mobile
JSON
Web APIs / Mashups
Understanding the Viewport

Creating splash screens / icons

Optimizing performance
Tons of cool new features, some of them can even be used today.
Animation without plugins!
Drop shadows!
Rounded Corners!
Columns!
Fewer images = Faster Web!
an Introduction
Standard way of accessing and manipulating HTML
Do I need this slide? Yes/No
HTML DOM
How to design a great app
Author, WebKit for Dummies
About Chris Minnick
Award-winning Vintner
Avid Entrepreneur


www.chrisminnick.com
@chrisminnick
1. HTML5 - The Markup Language

2. HTML5 - The Web Application Platform

3. HTML5 for Mobile Web Apps
Outline
A quick history
Domain names are invented
HTML5
JavaScript
CSS3
APIs
To Sum It Up,
HTML5:

Web Hypertext Application Technology Working Group
Additional Reading
https://hacks.mozilla.org/2012/11/html5-mythbusting/
MealMobs.com Demo
Creating Mobile Apps with HTML5
Ed2Go.com/courses/ma5
Questions?
Thank You!
www.minnick.com
Things HTML5 Can Do That Native Apps Can't
Write Once, Deploy Anywhere!
Share Over the Web
Millions of Developers
Small Updates
Built on Multi-Vendor Standards
Adaptation to the Environment
first standardized version
wow! only a year later!
ongoing work to create XHTML 2.0......................................................
(fun fact: it's not even compatible with 1.0!)
HTML5!
Full transcript