Create Your First "Native" Mobile App with JavaScript + PhoneGap
Upcoming SlideShare
Loading in...5

Create Your First "Native" Mobile App with JavaScript + PhoneGap






Total Views
Views on SlideShare
Embed Views



2 Embeds 4 2 2



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Create Your First "Native" Mobile App with JavaScript + PhoneGap Create Your First "Native" Mobile App with JavaScript + PhoneGap Presentation Transcript

  • Create Your First "Native" Mobile App with JavaScript + PhoneGap Steve Phillips / @elimisteve SBHX 2013.12.18
  • The Plan ● Intro to PhoneGap ○ Create native-ish mobile apps using web technologies ● Example app: Encrypted Anti-TODO List ○ Store encrypted list on untrusted server, create new list items and query from phone ● Writing this simple app inspired a more general solution: CrypTag
  • Phone Gap ● “PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.” ● Advantages ○ Speed of development ○ Code reusability ○ Use familiar technologies (if you do web dev)
  • Phone Gap (2) ● Disadvantages ○ No native-looking UI elements ■ See Titanium Mobile,, Steroids.js ● (Actually, don’t see Titanium Mobile; it sucks) ○ Performance ● Installation ○ Out of scope of this brief talk ○ See ■ Talk to me if you need help or join #sbhackerspace on FreeNode by visiting in your browser
  • Example App: Encrypted Anti-TODO ● Let’s see some code! ○ Will post to GitHub soon ● Front end ○ PhoneGap (JS) ● Back end ○ Python on AppFog using Flask microframework ■ Don’t use AppFog, either ■ App does down, doesn’t start back up like Heroku, GAE, etc
  • Next Step: CrypTag ● Encrypted, Taggable, Searchable Web Storage ● How is it searchable and encrypted? ○ Not full search; can query by tag ■ App ideas: notes, bookmarks, more ● “Then the server stores the tags in plaintext?” ○ Nope; client stores mapping between tags (“snowden”) and a random hex string (“b6a27d9”) ○ Server only ever sees the random strings
  • Closing Points ● WebTech Wednesday in 2014 ○ Nodebots? Docker? Ansible? D3? pandas? ● TA3M: Techno-Activism 3rd Mondays ● Google Group ○ ● SBHX IRC channel ○ #sbhackerspace on FreeNode ○ Visit ●
  • Contact ● Email ○ or ○ ● GitHub ○ ● Twitter ○ @elimisteve ● FreeNode ○ elimisteve or elimisteve1