Enviar pesquisa
Carregar
Fake Your Way as a Mobile Developer Rockstar with PhoneGap
•
5 gostaram
•
1,994 visualizações
G
glen_a_smith
Seguir
Introdu
Leia menos
Leia mais
Tecnologia
Esportes
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 32
Baixar agora
Baixar para ler offline
Recomendados
Does my DIV look big in this?
Does my DIV look big in this?
glen_a_smith
Eye candy for your iPhone
Eye candy for your iPhone
Brian Shim
Coffee script
Coffee script
Night Wolf
City Mouse Mobile - A Case Study
City Mouse Mobile - A Case Study
Serge Krul
jQTouch – Mobile Web Apps with HTML, CSS and JavaScript
jQTouch – Mobile Web Apps with HTML, CSS and JavaScript
Philipp Bosch
Own Your Front-end Performance: Tools, Not Rules
Own Your Front-end Performance: Tools, Not Rules
Functional Imperative
Own Your Front-end Performance: Tools, Not Rules
Own Your Front-end Performance: Tools, Not Rules
Functional Imperative
Gamecore
Gamecore
Caiden2557
Recomendados
Does my DIV look big in this?
Does my DIV look big in this?
glen_a_smith
Eye candy for your iPhone
Eye candy for your iPhone
Brian Shim
Coffee script
Coffee script
Night Wolf
City Mouse Mobile - A Case Study
City Mouse Mobile - A Case Study
Serge Krul
jQTouch – Mobile Web Apps with HTML, CSS and JavaScript
jQTouch – Mobile Web Apps with HTML, CSS and JavaScript
Philipp Bosch
Own Your Front-end Performance: Tools, Not Rules
Own Your Front-end Performance: Tools, Not Rules
Functional Imperative
Own Your Front-end Performance: Tools, Not Rules
Own Your Front-end Performance: Tools, Not Rules
Functional Imperative
Gamecore
Gamecore
Caiden2557
"Designing for the Mobile Web" by Michael Dick (December 2010)
"Designing for the Mobile Web" by Michael Dick (December 2010)
Mike Brenner
BOOM Performance
BOOM Performance
dapulse
Skillville Games CodeChix Presentation
Skillville Games CodeChix Presentation
jasontravisclark
Html5 - the new kid on the block
Html5 - the new kid on the block
Marian Borca
Heroku addons development - Nov 2011
Heroku addons development - Nov 2011
Leonardo Borges
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
Wulin kungfu final
Wulin kungfu final
Jimmy Huang
Mashup University 4: Intro To Mashups
Mashup University 4: Intro To Mashups
John Herren
Standards.next: HTML - Are you mything the point?
Standards.next: HTML - Are you mything the point?
brucelawson
Idea2app
Idea2app
Flumes
HTML 5 & Accessibility
HTML 5 & Accessibility
Ted Drake
Creating an Intuitive Multi-screen Experience
Creating an Intuitive Multi-screen Experience
senthil_hi
12-2015-Meetup
12-2015-Meetup
Hengki Sihombing
Lightning fast sass
Lightning fast sass
chriseppstein
Mirror - Android UI development on steroids
Mirror - Android UI development on steroids
Sylwester Madej
Afghan
Afghan
rmac1417
My Trip To Disney World Corbin
My Trip To Disney World Corbin
rmac1417
Animals Of The World2003
Animals Of The World2003
rmac1417
First Experiences with Node.js
First Experiences with Node.js
glen_a_smith
Git One Day Training Notes
Git One Day Training Notes
glen_a_smith
Github - Git Training Slides: Foundations
Github - Git Training Slides: Foundations
Lee Hanxue
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
Leslie Samuel
Mais conteúdo relacionado
Mais procurados
"Designing for the Mobile Web" by Michael Dick (December 2010)
"Designing for the Mobile Web" by Michael Dick (December 2010)
Mike Brenner
BOOM Performance
BOOM Performance
dapulse
Skillville Games CodeChix Presentation
Skillville Games CodeChix Presentation
jasontravisclark
Html5 - the new kid on the block
Html5 - the new kid on the block
Marian Borca
Heroku addons development - Nov 2011
Heroku addons development - Nov 2011
Leonardo Borges
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
Wulin kungfu final
Wulin kungfu final
Jimmy Huang
Mashup University 4: Intro To Mashups
Mashup University 4: Intro To Mashups
John Herren
Standards.next: HTML - Are you mything the point?
Standards.next: HTML - Are you mything the point?
brucelawson
Idea2app
Idea2app
Flumes
HTML 5 & Accessibility
HTML 5 & Accessibility
Ted Drake
Creating an Intuitive Multi-screen Experience
Creating an Intuitive Multi-screen Experience
senthil_hi
12-2015-Meetup
12-2015-Meetup
Hengki Sihombing
Lightning fast sass
Lightning fast sass
chriseppstein
Mirror - Android UI development on steroids
Mirror - Android UI development on steroids
Sylwester Madej
Mais procurados
(15)
"Designing for the Mobile Web" by Michael Dick (December 2010)
"Designing for the Mobile Web" by Michael Dick (December 2010)
BOOM Performance
BOOM Performance
Skillville Games CodeChix Presentation
Skillville Games CodeChix Presentation
Html5 - the new kid on the block
Html5 - the new kid on the block
Heroku addons development - Nov 2011
Heroku addons development - Nov 2011
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
Wulin kungfu final
Wulin kungfu final
Mashup University 4: Intro To Mashups
Mashup University 4: Intro To Mashups
Standards.next: HTML - Are you mything the point?
Standards.next: HTML - Are you mything the point?
Idea2app
Idea2app
HTML 5 & Accessibility
HTML 5 & Accessibility
Creating an Intuitive Multi-screen Experience
Creating an Intuitive Multi-screen Experience
12-2015-Meetup
12-2015-Meetup
Lightning fast sass
Lightning fast sass
Mirror - Android UI development on steroids
Mirror - Android UI development on steroids
Destaque
Afghan
Afghan
rmac1417
My Trip To Disney World Corbin
My Trip To Disney World Corbin
rmac1417
Animals Of The World2003
Animals Of The World2003
rmac1417
First Experiences with Node.js
First Experiences with Node.js
glen_a_smith
Git One Day Training Notes
Git One Day Training Notes
glen_a_smith
Github - Git Training Slides: Foundations
Github - Git Training Slides: Foundations
Lee Hanxue
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
Leslie Samuel
Destaque
(7)
Afghan
Afghan
My Trip To Disney World Corbin
My Trip To Disney World Corbin
Animals Of The World2003
Animals Of The World2003
First Experiences with Node.js
First Experiences with Node.js
Git One Day Training Notes
Git One Day Training Notes
Github - Git Training Slides: Foundations
Github - Git Training Slides: Foundations
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
Semelhante a Fake Your Way as a Mobile Developer Rockstar with PhoneGap
Intro to PhoneGap
Intro to PhoneGap
Chris Griffith
Phonegap - An Introduction
Phonegap - An Introduction
Tyler Johnston
phonegap with angular js for freshers
phonegap with angular js for freshers
dssprakash
Fake it 'til you make it
Fake it 'til you make it
Jonathan Snook
Intro to appcelerator
Intro to appcelerator
Mohab El-Shishtawy
Introduction to PhoneGap
Introduction to PhoneGap
Raymond Camden
Phonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & Tokyo
Steve Gill
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
Yottaa
PhoneGap - Now and the Future
PhoneGap - Now and the Future
Tim Kim
Cordova: Making Native Mobile Apps With Your Web Skills
Cordova: Making Native Mobile Apps With Your Web Skills
Clay Ewing
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dee Sadler
Introduction phonegap
Introduction phonegap
Rakesh Jha
Advanced programing in phonegap
Advanced programing in phonegap
Rakesh Jha
Non Conventional Android Programming (English)
Non Conventional Android Programming (English)
Davide Cerbo
Non Conventional Android Programming En
Non Conventional Android Programming En
guest9bcef2f
移动端Web app开发
移动端Web app开发
Zhang Xiaoxue
Intro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap Build
Chris Griffith
Ruby & Python with Silverlight O RLY? YA RLY!
Ruby & Python with Silverlight O RLY? YA RLY!
Martha Rotter
PhoneGap
PhoneGap
Emil Varga
Mobile native-hacks
Mobile native-hacks
DevelopmentArc LLC
Semelhante a Fake Your Way as a Mobile Developer Rockstar with PhoneGap
(20)
Intro to PhoneGap
Intro to PhoneGap
Phonegap - An Introduction
Phonegap - An Introduction
phonegap with angular js for freshers
phonegap with angular js for freshers
Fake it 'til you make it
Fake it 'til you make it
Intro to appcelerator
Intro to appcelerator
Introduction to PhoneGap
Introduction to PhoneGap
Phonegap facebook plugin - Seoul & Tokyo
Phonegap facebook plugin - Seoul & Tokyo
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...
PhoneGap - Now and the Future
PhoneGap - Now and the Future
Cordova: Making Native Mobile Apps With Your Web Skills
Cordova: Making Native Mobile Apps With Your Web Skills
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile design
Introduction phonegap
Introduction phonegap
Advanced programing in phonegap
Advanced programing in phonegap
Non Conventional Android Programming (English)
Non Conventional Android Programming (English)
Non Conventional Android Programming En
Non Conventional Android Programming En
移动端Web app开发
移动端Web app开发
Intro to PhoneGap and PhoneGap Build
Intro to PhoneGap and PhoneGap Build
Ruby & Python with Silverlight O RLY? YA RLY!
Ruby & Python with Silverlight O RLY? YA RLY!
PhoneGap
PhoneGap
Mobile native-hacks
Mobile native-hacks
Último
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
Zilliz
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Nanddeep Nachan
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
apidays
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
The Digital Insurer
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Rustici Software
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
apidays
Último
(20)
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Fake Your Way as a Mobile Developer Rockstar with PhoneGap
1.
Fake Your Way
as a Mobile Developer Rockstar Introducing the PhoneGap framework with Glen Smith
2.
Ancient Hacker Wisdom… Where
there are no oxen, the stall is clean. Solomon, Proverbs 14:4
3.
Why this talk?
4.
“The only thing
I’m addicted to right now is winning.”
5.
Best Case Outcomes •
Learn what PhoneGap does • See how it works in action • Deploy it to a device • Swap stories & have fun!
6.
What is it?
7.
Crossplatform, like Java?
8.
Actually, no…
9.
* for large
values of once
10.
11.
Vendor Backing
12.
So What Can
I Target?
13.
So I Can?
14.
<canvas id=“angry-bird”/>
15.
What the client
wanted... • Simple promo/reference app • Needed AppStore • Wanted a Native Phone app • Use platform services (phone)
16.
Let’s Build it! •
Use PhoneGap for App Shell • Add a UI Framework + CSS3 • Add Device Caps • Deploy to the AppStore & Retire!
17.
Choosing a UI
framework
18.
The Markup… <div data-role="page">
<div data-role="header">...</div> <div data-role="content">... <div data-role="footer">...</div> </div>
19.
Add Media Queries <link
rel="stylesheet" type="text/css" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href=“layout-tablet.css" /> @media only screen and (min-device-width: 768px) { #m-branding-pad { min-height: 205px; } }
20.
Calling Device APIs function
fetchImage(ele) { navigator.camera.getPicture(function (imageData) { var image = document.getElementById(ele); image.src = "data:image/jpeg;base64," + imageData; }, function (message) { alert('Camera Failure: ' + message); }, { quality: 25 }); }
21.
Plugins
22.
23.
PhoneGap Build
24.
The Experience • PhoneGap
was a perfect fit • Nearly* single source • Emulators were close • All platforms had their issues
25.
On AppStores…
26.
Useful Resources
27.
Could be handy… https://github.com/glenasmith/phonegap-talk
28.
We’re headed…
29.
Demo
30.
<wrap/>
31.
Thanks for Coming!
@glen_a_smith http://blogs.bytecode.com.au/glen
32.
Image Credits •
The Clock - http://www.flickr.com/photos/zoutedrop/2317065892 • Java Swing Ugliness - http://www.javalobby.org/java/forums/m92010274.html • HTML5 Promo - http://www.w3.org/html/logo/ • Angry Birds - http://angrybirdsgamer.com/ • jQueryMobile Example- http://jquerymobiletutorial.com/jquery/jquery-mobile-examples/ • Lego Pieces - http://www.flickr.com/photos/wwworks/247223224 • Yak Shaving - http://www.flickr.com/photos/revcyborg/22883042/sizes/l/in/photostream/
Baixar agora