background preloader

PhoneGap Trending Mobile App Technology

Facebook Twitter

What is PhoneGap/Apache Cordova? - [Voiceover] Before we begin learning about PhoneGap Build, I want to take a few minutes and give you an initial understanding of PhoneGap.

What is PhoneGap/Apache Cordova?

PhoneGap is a web-based mobile development framework based on the open source Cordova project which allows you to quickly create apps for ready mobile applications. PhoneGap allows you to use standard web technologies such as HTML 5, CSS 3 and JavaScript for cross-platform development avoiding each mobile platform's native developed language. It was created by Nitobi in 2009 to provide a simpler way of building cross-platform mobile applications. In 2011, Adobe bought Nitobi, and the PhoneGap framework was donated to the Apache Foundation. The project was eventually renamed Cordova which is actually the street address of Nitobi's office. So how does PhoneGap work? PhoneGap, or Cordova, does provide a collection of JavaScript APIs that allows you to access each device's capabilities like the camera, the accelerometer, et cetera. Debugging in PhoneGap · phonegap/phonegap Wiki.

Debugging in PhoneGap Current State Debugging support for your PhoneGap applications is not as well-developed as for native apps or for pure web apps.

Debugging in PhoneGap · phonegap/phonegap Wiki

The main hurdle is that the browser to be debugged is on your mobile device or simulator. This makes it difficult to synchronize breakpoints or retrieve stack traces. Nonetheless, there is still a lot that you can do. Techniques Desktop The desktop browser is a powerful tool for mobile web development. Picking a Desktop Browser When picking a desktop browser, you must consider your targeted mobile platform. Mimicking the Mobile Environment Viewport This is fairly straight-forward. Touch Events In Google Chrome, you can open the WebInspector Settings (gear in the bottom right of WebInspector) to enable Touch Event emulation. Debugging your Application With the desktop browser, you can leverage the browser's debugging tools. Apache Cordova or Adobe PhoneGap? Know the Real Difference. While the two cross-platform mobile application terms are used as‘Cordova/PhoneGap,’have you ever heard of any differences between them?

Apache Cordova or Adobe PhoneGap? Know the Real Difference

You may not know but PhoneGap is a distribution of Apache Cordova. So Apache Cordova serves as the engine to power PhoneGap just like WebKit – an engine that powers Chrome and Safari (iOS browser). Nonetheless, as an app developer or as an organization, you don’t have to worry about the differences between these two. The story is like this: PhoneGap was previously a product of Adobe.To keep it open-source always and follow standards, PhoneGap codebase was handed over to Apache.At Apache, it got a name change as Cordova.And now it’s better known as Apache Cordova. Is PhoneGap equal to Cordova? So, they are same cross-platform frameworks with different names. Notably, for added values on open-source framework, you may have to pay. PhoneGap vs Cordova – Its Different, But Same, Still Different. Top 10 Tools for PhoneGap Developers & Ionic Developers. Top Tools for PhoneGap Developers & Ionic Developers List of Top tools for PhoneGap Developers & Ionic Developers.

Top 10 Tools for PhoneGap Developers & Ionic Developers

You can use these tools for prototyping & Designing, Development and Debugging purposes. WireFrame & Prototype Tools 1. InVision App InVision App is an online based prototyping tool, which is used for prototype your application (uses Images) Reliable Push notifications for Cordova/Phonegap/Ionic. 10 Best Hybrid Mobile App UI Frameworks: HTML5, CSS and JS. Native developers love working with native code but that doesn't always go well with the business case or result in effective use of effort and time.

10 Best Hybrid Mobile App UI Frameworks: HTML5, CSS and JS

We often see scenarios where developers end up building same mobile app for android, iOS, windows and other mobile platforms using native APIs and libraries of individual platform. HTML5 mobile UI frameworks like Ionic let you create cross platform hybrid mobile apps with native look and feel by using the technology that you already know i.e. HTM5, CSS and JavaScript. Whether you are a web developer planning to pitch into mobile apps development, or an experienced native apps developer, hybrid mobile apps development is the easiest way to start building cross platform mobile apps. You do not need to learn anything more than what you already know and yet create enterprise grade mobile applications. Over the last few weeks, I have been busy evaluating the HTML5 mobile UI/UX frameworks.