JavaScript for Line of Business Applications

Awesome-Ionic - A curated list of amazingly awesome Ionic libraries, resources and solutions.

Hybrid development, or the approach of building native apps using Web technologies, has gone through its fair share of highs and lows. But, despite high-profile abandonments from the likes of Facebook and LinkedIn, hybrid development continues to be used by a substantial number of developers.

 Is hybrid as a platform growing or shrinking? Is performance still a limiting factor for hybrid apps? In this article we’ll attempt to answer those questions. We’ll look at where the hybrid ecosystem is today, and where it’s heading.

Helping you select a cross-platform mobile framework - Apps using jQuery Mobile, Sencha Touch, Titanium and more

Some of the frameworks deliver a native user interface, whereas others construct a native-like interface using HTML5 technologies. When selecting a framework it is important to test the end-user experience that the framework delivers and ensure you are happy with any compromises.

The code-sharing which can be realistically achieved with each framework varies considerably. To aid in this comparison there is a build script which produces code metrics for guidance. Although, as developers I am sure you are aware that lines-of-code metrics are flawed.

It is also worth investing quite a bit of time familiarising yourself with tools provided by each framework. The cost and quality of these varies considerably.

This tutorial is about how to build Angular powered HTML5 mobile application, wrap it up with PhoneGap and distribute as a native mobile app (on several mobile platforms if you wish so). We have split tutorial into 2 parts, just to make it easier for information to sink in. As always, links to the example source code can be found at the end of the tutorial posts.

First, we will briefly explore what is AngularJS (however, this tutorial is not about learning the basics),  we are going to pick Ratchet as a front end framework for our HTML5 mobile application and create MVC structure. Second tutorial part covers how to make our view transitions animated, how AngularJS communicates with web services  and how to wrap up AngularJS application with PhoneGap. Sounds like we have some ground to cover. Lets get started.

Welcome back to the PhoneGap and AngularJS series. In past articles we got your solution setup, dealt with the notification service, displayed some external web content, and next up we are going to search the contacts on your device.

The contacts API in phonegap is fairly extensive and has certain quirks depending on the device you are using so we are going to focus on a few simple actions which include finding, edit, and, creation.

PhoneGap and AngularJs, The Series:
1. The Start
2. Notification Service
3. In App Browser
4. Contacts

RAD.js is a system-level software framework which helps build a single-page cross-platform application that looks and feels as a conventional multi-page one. Now, cross-platform software of high quality can be created faster and easier than before. This framework was created by JS/HTML team of MobiDev, under the guidance of the leading PhoneGap specialist, Yuriy Luchaninov.
RAD.js is not an application-level framework. Any JavaScript object can serve as an application. The framework doesn't require any special environments for creating an object of the application. RAD.js is neither a layout engine nor an MV* framework or a UI framework. There is no reason in creating another UI framework, because in real projects, UI patterns and appearance of applications change. RAD.js is a system-level framework which, among other features, takes over system-level tasks, such as message bus, creating and deleting certain part instances of the application, transactions between views, and more.

This is a getting started post on Ionic Framework & deploying the started template to PhoneGap Build.

When I read this article, I was pretty convinced that jQuery mobile is really killing PhoneGap & its abilities. jQuery mobile is actually awesome with its cross browser support & loading pages via Ajax, yada yada yada. But yes this is an overkill for a mobile app. We know what we are dealing with when we develop a hybrid app for a mobile. So why not use a user interface framework that will have only patches wrt mobile browsers!?

Contents:

* Introductions
* Set up Ionic
* Scaffold our First Ionic app
* Build & Test locally
* PhoneGap Build the app
* Troubleshooting

Here is a brand new version of Sociogram, built with AngularJS,Ionic, and the OpenFB micro-library I shared earlier this week.

Sociogram is a sample application that demonstrates how to:

• Login with Facebook
• Request specific permissions
• Revoke permissions
• Get data (list of friends, mutual friends, feed items, etc.)
• Post to your feed

The application also demonstrates some cool Ionic features such as:

• Sliding Menu
• Pull-to-Refresh (in Feed)
• “Loading…” UI (while waiting for the feed to load)

In this article we will learn to write mobile apps using native, hybrid and responsive development techniques for popular device platforms like iOS & Windows Phone for now and later Android & Black Berry.

The summary of the topics covered:

iOS Native App -> with Intro to Objective-C
Windows Phone Native App -> with Pricing, Device Overview and VS2012 Windows Phone Project
Mobile App Development - Possible Paths -> Native, Hybrid, HTML5
Hybrid Mobile App -> with PhoneGap, jQuery Mobile, KendoUI Mobile, Sencha Touch, HTML 5 Responsive Website

I found a lot of tutorials for PhoneGap 2, but I couldn’t find any PhoneGap 3 tutorial. That’s why I start a PhoneGap 3 tutorial session. Please note, I never worked with PhoneGap 2, so please correct me if I’m wrong.

In the first part I want to install PhoneGap 3 and deploy a sample example into the Android / iOS simulator.

Prerequisites:

* Node Js

* NPM

* Google Android 4.2.2 (API 17), SDK build tools

or

* XCode and Brew