Intro to Web Apps using HTML5 and Javascript

•Descargar como PPT, PDF•

0 recomendaciones•380 vistas

Brian Hogg

Tecnología

#devTO Web ‘apps’ using HTML5 and JS BH CONSULTING #devTO August 29, 2011

Mobile Browser vs App - Media BH CONSULTING #devTO August 29, 2011 Source: Adobe Systems Inc, ‘Adobe Mobile Experience Survey: What Users Want from Media, Finance, Travel and Shopping” conducted by Keynote Systems, Oct 13, 2010, http://www.emarketer.com/Article.aspx?R=1008010

Mobile Browser vs App - Shopping BH CONSULTING #devTO August 29, 2011 Source: Adobe Systems Inc, ‘Adobe Mobile Experience Survey: What Users Want from Media, Finance, Travel and Shopping” conducted by Keynote Systems, Oct 13, 2010, http://www.emarketer.com/Article.aspx?R=1008010

Web ‘App’ BH CONSULTING #devTO August 29, 2011

Interface ,[object Object],[object Object],[object Object],[object Object],[object Object],BH CONSULTING #devTO August 29, 2011 Interface Type Downgrades to “text” automatically <input placeholder=“Enter name here” ... /> Placeholder Text No more javascript!

Meta and CSS Selectors ,[object Object],BH CONSULTING #devTO August 29, 2011 Content Width <meta name=“viewport” content=“width=device-width” /> Further Restrictions (not always a good idea) Source: http://www.sitepoint.com/iphone-development-12-tips/ <link rel=“stylesheet” href=“small-screen.css” type=“text/css” media=“only screen and (max-device-width: 480px)” /> CSS

Rotation ,[object Object],[object Object],[object Object],BH CONSULTING #devTO August 29, 2011 Javascript

$Geolocation BH CONSULTING #devTO August 29, 2011 Source: http://diveintohtml5.org/geolocation.html ,[object Object],// Get current location and pass to show_map navigator.geolocation.getCurrentPosition(show_map); function show_map(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; // let's show a map or do something interesting! }$

Offline ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],BH CONSULTING #devTO August 29, 2011 ,[object Object],[object Object],[object Object],Source: http://diveintohtml5.org/storage.html

HTML5 Video ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],BH CONSULTING #devTO August 29, 2011 Source: http://stackoverflow.com/questions/1711078/html5-video-element-on-android

Pros BH CONSULTING #devTO August 29, 2011 ,[object Object],[object Object]

Cons BH CONSULTING #devTO August 29, 2011 ,[object Object],[object Object],[object Object]

Resources / Contact BH CONSULTING #devTO August 29, 2011 1-877-774-4767 [email_address] @brianhogg bhconsulting.ca / brianhogg.com Clean, visual introduction to HTML5: http://diveintohtml5.org/introduction.html Full overview in all its browser-crashing glory: http://dev.w3.org/html5/spec/Overview.html Testing your browser: http://html5test.com/ HTML5 vs Android: http://www.youtube.com/watch?v=4f2Zky_YyyQ

Más contenido relacionado

Similar a Intro to Web Apps using HTML5 and Javascript

IBM Lotus Notes Domino XPages and XPages for MobileChris Toohey

Mashups in the Information Technology ClassroomMark Frydenberg

Developing in androidChristopher Decker

Sencha Touch e PhoneGap: SouJava - IBM Maio 2013Loiane Groner

jQuery MobileDoncho Minkov

jQuery Performance Rulesnagarajhubli

Creating Yahoo Mobile WidgetsRicardo Varela

Mobile library on drupal cil2011sc20866

Touch/Mobile Websites with jQuery Mobile - Boise Code Camp 2013Brett Adler

Cross Platform Mobile Development: The Easy Way to Develop Native iPhone & An...CITYTECH, Inc.

Accelerated Adoption: HTML5 and CSS3 for ASP.NET DevelopersTodd Anglin

Lessons Learned - Building YDNDan Theurer

Making your site mobile-friendly - DevCSI Reading 21.07.2010Patrick Lauke

Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...OPITZ CONSULTING Deutschland

Bruce Lawson HTML5 South By SouthWest presentationbrucelawson

jQuery Presentation - Refresh EventsEugene Andruszczenko

Eugene Andruszczenko: jQueryRefresh Events

Creating a Single View Part 2: Loading Disparate Source Data and Creating a S...MongoDB

Client-side JavaScript VulnerabilitiesOry Segal

Designers Guide To jQuerySteve Krueger

Similar a Intro to Web Apps using HTML5 and Javascript (20)

IBM Lotus Notes Domino XPages and XPages for Mobile

Mashups in the Information Technology Classroom

Developing in android

Sencha Touch e PhoneGap: SouJava - IBM Maio 2013

jQuery Mobile

jQuery Performance Rules

Creating Yahoo Mobile Widgets

Mobile library on drupal cil2011

Touch/Mobile Websites with jQuery Mobile - Boise Code Camp 2013

Cross Platform Mobile Development: The Easy Way to Develop Native iPhone & An...

Accelerated Adoption: HTML5 and CSS3 for ASP.NET Developers

Lessons Learned - Building YDN

Making your site mobile-friendly - DevCSI Reading 21.07.2010

Design Patterns for JavaScript Web Apps - JavaScript Conference 2012 - OPITZ ...

Bruce Lawson HTML5 South By SouthWest presentation

jQuery Presentation - Refresh Events

Eugene Andruszczenko: jQuery

Creating a Single View Part 2: Loading Disparate Source Data and Creating a S...

Client-side JavaScript Vulnerabilities

Designers Guide To jQuery

Más de Brian Hogg

Submitting, maintaining and growing a plugin on wp.orgBrian Hogg

Preparing a WordPress Plugin for TranslationBrian Hogg

Your WordPress Freelance Business SiteBrian Hogg

Things I've Learned About Creating a Premium PluginBrian Hogg

WordPress 4.4 and Upgrading Your Site (without the tears...)Brian Hogg

WordCamp Ann Arbor 2015 Introduction to Backbone + WP REST APIBrian Hogg

Using Actions and Filters in WordPress to Make a Plugin Your OwnBrian Hogg

Things I learned about Stress and Imposter Syndrome in TechBrian Hogg

Introduction to backbone presentationBrian Hogg

Pricing and Marketing for Freelancers - How to?Brian Hogg

Introduction to test driven developmentBrian Hogg

Working with Geolocation in WordpressBrian Hogg

Más de Brian Hogg (12)

Submitting, maintaining and growing a plugin on wp.org

Preparing a WordPress Plugin for Translation

Your WordPress Freelance Business Site

Things I've Learned About Creating a Premium Plugin

WordPress 4.4 and Upgrading Your Site (without the tears...)

WordCamp Ann Arbor 2015 Introduction to Backbone + WP REST API

Using Actions and Filters in WordPress to Make a Plugin Your Own

Things I learned about Stress and Imposter Syndrome in Tech

Introduction to backbone presentation

Pricing and Marketing for Freelancers - How to?

Introduction to test driven development

Working with Geolocation in Wordpress

Último

Real Time Object Detection Using Open CVKhem

Top 10 Most Downloaded Games on Play Store in 2024SynarionITSolutions

A Domino Admins Adventures (Engage 2024)Gabriella Davis

Scaling API-first – The story of a global engineering organizationRadu Cotescu

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Principled Technologies

Manulife - Insurer Innovation Award 2024The Digital Insurer

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

MINDCTI Revenue Release Quarter One 2024MIND CTI

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Intro to Web Apps using HTML5 and Javascript

1. #devTO Web ‘apps’ using HTML5 and JS BH CONSULTING #devTO August 29, 2011

2. Mobile Browser vs App - Media BH CONSULTING #devTO August 29, 2011 Source: Adobe Systems Inc, ‘Adobe Mobile Experience Survey: What Users Want from Media, Finance, Travel and Shopping” conducted by Keynote Systems, Oct 13, 2010, http://www.emarketer.com/Article.aspx?R=1008010

3. Mobile Browser vs App - Shopping BH CONSULTING #devTO August 29, 2011 Source: Adobe Systems Inc, ‘Adobe Mobile Experience Survey: What Users Want from Media, Finance, Travel and Shopping” conducted by Keynote Systems, Oct 13, 2010, http://www.emarketer.com/Article.aspx?R=1008010

4. Web ‘App’ BH CONSULTING #devTO August 29, 2011

10.

11.

12.

13. Resources / Contact BH CONSULTING #devTO August 29, 2011 1-877-774-4767 [email_address] @brianhogg bhconsulting.ca / brianhogg.com Clean, visual introduction to HTML5: http://diveintohtml5.org/introduction.html Full overview in all its browser-crashing glory: http://dev.w3.org/html5/spec/Overview.html Testing your browser: http://html5test.com/ HTML5 vs Android: http://www.youtube.com/watch?v=4f2Zky_YyyQ

Notas del editor

HEADERS – Split into a couple pages?

Intro to Web Apps using HTML5 and Javascript

Recomendados

Recomendados

Más contenido relacionado

Similar a Intro to Web Apps using HTML5 and Javascript

Similar a Intro to Web Apps using HTML5 and Javascript (20)

Más de Brian Hogg

Más de Brian Hogg (12)

Último

Último (20)

Intro to Web Apps using HTML5 and Javascript

Notas del editor