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

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
米軍Platform One / Black Pearlに学ぶ 極限環境DevSecOps
Avatar for jyoshise jyoshise
2
520
スタートアップの事業成長を支えるアーキテクチャとエンジニアリング
Avatar for どら doragt
1
4.5k
事業状況で変化する最適解。進化し続ける開発組織とアーキテクチャ
Avatar for recruiting@caddi.jp caddi_eng
1
4k
入社したばかりでもできる、 アクセシビリティ改善の第一歩
Avatar for una unachang113
2
330
SRE視点で振り返るメルカリのアーキテクチャ変遷と普遍的な考え
Avatar for foostan foostan
2
410
仕様は“書く”より“語る” - 分断を超えたチーム開発の実践 / 20251115 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
1.1k
AIと自動化がもたらす業務効率化の実例： 反社チェック等の調査・業務プロセス自動化
Avatar for enpipi enpipi
0
750
[CV勉強会@関東 ICCV2025] WoTE: End-to-End Driving with Online Trajectory Evaluation via BEV World Model
Avatar for Shin-kyoto shinkyoto
0
290
社内外から"使ってもらえる"データ基盤を支えるアーキテクチャの秘訣/登壇資料（飯塚 大地・高橋 一貴）
Avatar for Hacobu hacobu
PRO
0
3.7k
ステートレスなLLMでステートフルなAI agentを作る - YAPC::Fukuoka 2025
Avatar for FUJI Goro gfx
8
1.4k
単一Kubernetesクラスタで実現する AI/ML 向けクラウドサービス
Avatar for Preferred Networks pfn
PRO
1
340
PostgreSQL で列データ”ファイル”を利用する　～Arrow/Parquet を統合したデータベースの作成～
Avatar for KaiGai Kohei kaigai
0
140

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
980
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
330
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
It's Worth the Effort
Avatar for 3n 3n
187
28k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.1k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k

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".