Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PhoneGap Lab

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for LeoNguyen.com LeoNguyen.com
January 03, 2014
Technology
1.5k
0

PhoneGap Lab

PhoneGap Lab
http://leonguyen.com

Avatar for LeoNguyen.com

LeoNguyen.com

January 03, 2014

More Decks by LeoNguyen.com

See All by LeoNguyen.com
Node.js Lab
Avatar for LeoNguyen.com leonguyen
1
1.5k
jQuery Plugin
Avatar for LeoNguyen.com leonguyen
0
1.6k
JS Plugin
Avatar for LeoNguyen.com leonguyen
0
2.5k
HTML5 Lab
Avatar for LeoNguyen.com leonguyen
0
1.6k
PHP Lab
Avatar for LeoNguyen.com leonguyen
0
1.7k
Laravel Lab
Avatar for LeoNguyen.com leonguyen
0
1.9k
Design Resources
Avatar for LeoNguyen.com leonguyen
1
360
AE Resources
Avatar for LeoNguyen.com leonguyen
0
350
AE Lab
Avatar for LeoNguyen.com leonguyen
0
330

Other Decks in Technology

See All in Technology
protovalidate-es を導入してみた
Avatar for 弁護士ドットコム bengo4com
0
120
AI フレンドリーなエラー監視を TypeScript で実現する
Avatar for Shinobu Hayashi shinyaigeek
2
260
Claude code Orchestra
Avatar for Taisei Ozaki ozakiomumkj
3
980
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
Avatar for Masaki Kubota makikub
0
130
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development
Avatar for 吉田真吾 yoshidashingo
1
370
はじめてのDatadog
Avatar for KairiM kairim0
0
280
「嘘をつくテスト」の失敗例から学ぶ 良いテストコード #frontend_phpcon_do
Avatar for asumikam asumikam
0
480
個人の発見を、組織の知恵に 〜生成AI活用を"探索"から"組織の仕組み"へ〜
Avatar for KintoTech_Dev kintotechdev
2
1k
正解のないAIプロダクトをどう導くか？dodaが挑む、ユーザーの『本音』を構造化する評価設計と検証のリアル
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
190
Amazon Bedrock AgentCore ワークショップ JAWS UG TOHOKU / amazon-bedrock-agentcore-workshop-jawsug-tohoku-2026
Avatar for geeawa gawa
8
330
LLMを「主役」にしないための 3つの原則
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
120
サイバーセキュリティ概論 / Introduction to Cybersecurity
Avatar for Kenji Saito ks91
PRO
0
170

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
330
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
250
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
720
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
8.5k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k

Transcript

  1. LeoNguyen.com

  2. Outline - References (phonegap.leonguyen.com/references.html) - Lab 01: An introduction to

    PhoneGap

  3. Lab 01 An introduction to PhoneGap

  4. Outline - Download and install - Configure the project -

    Write a Hellworld program

  5. Exercise 1 Download and install

  6. Overview

  7. Task 1 - Download - Goto download site http://phonegap.com/install/

  8. Exercise 2 Configure the project

  9. Task 1: Create ‘www’ folder - Create the ‘www’ folder

    under assets folder.

  10. Task 2: Copy PhoneGap libraries - Copy ‘cordova.js’ and ‘cordova.js’

    to Android project.

  11. Exercise 3 Write a Helloworld program

  12. Task 1: Create index.html - Create the ‘index.html’ under ‘assets/www’

    folder then enter code: gist.github.com/leonguyen/7036244

  13. Task 2: Add to Build Path - Right click on

    ‘cordova.jar’ then select Add to Build Path

  14. Task 3: Update Activity class - Enter code: gist.github.com/leonguyen/7036322

  15. Task 4: Configure the project metadata - Enter code: gist.github.com/leonguyen/7036370

  16. Task 4: Configure the project metadata (2)

  17. Task 5: Run - Choose "Run As" > "Android Application".