O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a navegar o site, você aceita o uso de cookies. Leia nosso Contrato do Usuário e nossa Política de Privacidade.
O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a utilizar o site, você aceita o uso de cookies. Leia nossa Política de Privacidade e nosso Contrato do Usuário para obter mais detalhes.
Headless web browser • • • • No URL bar No decorations No zooming No text selection
Cross Platform Description This workflow centers around the cordova utility, otherwise known as the Cordova CLI, that was introduced with Cordova 3.0. The CLI is a high-level tool that allows you to build projects for many platforms at once, abstracting away much of the functionality of lower-level shell scripts. The CLI copies a common set of web assets into subdirectories for each mobile platform, makes any necessary configuration changes for each, runs build scripts to generate application binaries. The CLI also provides a common interface to apply plugins to your app. For more details on the CLI, see The Command-Line Interface. Unless you have a need for the platform-centered workflow, the cross-platform workflow is recommended.
Hybrid Mobile Applications
Introduction to Apache
Dell / Mozilla / HackerRank Ambassador
FOSS Advocate , Dreamer
Building Cross-Platform applications using web technologies
What we're covering ?
What is Cordova/PhoneGap
Hybrid in a nutshell
Simple Hello World
Submit to Play Store
A WORA Dream
EVERY SMARTPHONE HAS A
Every mobile OS has a
native UI component that
allows one to integrate a
web browser inside an
If our application is built with
standard web technologies
we just need to pack it
inside a native application
that loads it into a full screen
• Started by Nitobi
• Built at an iPhoneDevCamp in 2009
• Adobe bought Nitobi (2011)
• Adobe/Nitobi donated the PhoneGap codebase to the
Apache Software Foundation (ASF)
• First they called it Apache Callback
2.Use any of the 10 million APIs
3.Deploy to app store
Advantages over Native Development
• single codebase to fix bugs
Notifications (alert, sound, vibration)
Two basic workflows to create a mobile application
• Cross-platform (CLI) workflow
• Platform-centered workflow
• CLI = Command-Line Interface
1. create new projects
2. add platforms
3. build a project w.r.t. different platforms
4. emulate a project on platform-specific emulators
5. run a project on device
6.include specific plugins into a project
• Cordova CLI is distributed by NPM (Node Package Manager)
• NPM is one of the package managers for node.js.
The folder containing the application source code and assets (HTML, CSS,
A global configuration file
The folder containing platform dependent assets. It contains the platform
specific temporary project files used during the building process.
The folder containing platform dependent files. Every subfolder will be
merged to the www during the build phase, adding additional files or
overriding some of them.
The folder containing plugins