$30 off During Our Annual Pro Sale. View Details »

PhoneGap Lab

Avatar for LeoNguyen.com LeoNguyen.com
January 03, 2014
Technology
0
1.5k

PhoneGap Lab

PhoneGap Lab
http://leonguyen.com

Avatar for LeoNguyen.com

LeoNguyen.com

January 03, 2014
Tweet

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
350
AE Resources
Avatar for LeoNguyen.com leonguyen
0
340
AE Lab
Avatar for LeoNguyen.com leonguyen
0
320

Other Decks in Technology

See All in Technology
寫​了​幾年​ Code，​然後​呢？​軟體​工程師​必須重新​認識​的​ DevOps
Avatar for Cheng-Wei Chen cheng_wei_chen
1
1.1k
regrowth_tokyo_2025_securityagent
Avatar for h-ashisan hiashisan
0
180
Security Diaries of an Open Source IAM
Avatar for Alexander Schwartz ahus1
0
130
Playwrightのソースコードに見る、自動テストを自動で書く技術
Avatar for Yusuke Iwaki yusukeiwaki
13
5k
AWS CLIの新しい認証情報設定方法aws loginコマンドの実態
Avatar for wkm2 wkm2
5
600
エンジニアリングをやめたくないので問い続ける
Avatar for estie | エスティ estie
0
150
Microsoft Agent 365 を 30 分でなんとなく理解する
Avatar for skmkzyk skmkzyk
1
1k
re:Invent 2025 ふりかえり 生成AI版
Avatar for TakaakiKakei takaakikakei
1
180
バグハンター視点によるサプライチェーンの脆弱性
Avatar for morioka12 scgajge12
3
1k
生成AI時代の自動E2Eテスト運用とPlaywright実践知_引持力哉
Avatar for LegalOn Technologies, Inc legalontechnologies
PRO
0
210
[デモです] NotebookLM で作ったスライドの例
Avatar for Takaaki Tanaka kongmingstrap
0
110
【pmconf2025】PdMの「責任感」がチームを弱くする？「分業型」から全員がユーザー価値に本気で向き合う「共創型開発チーム」への変遷
Avatar for Toshimasa Sekine toshimasa012345
0
280

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
720
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.4k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.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".