JavaScript for Line of Business Applications

Minifying code is essentially the process of stripping away everything unnecessary: everything is condensed onto a single line, files are concatenated together, variables are renamed to be shorter and so on. There’s two main reasons you might want to do this:

1. To reduce the file size of your resulting application and increase performance
2. Obfuscate your code so that prying eyes can’t obtain your source code (something which is quite possible in PhoneGap applications)

Ionic has no automated process to do this but it’s relatively simple to set up your own process using Gulpand Grunt. A lot of this is based off of this tutorial by Agustin Haller which was tremendously helpful to me. The only problem I had with it though is that it relies on cordova hooks, and if you’re using PhoneGap Build to build your application then you won’t be able to use these.

Implementing a login and user authentication system for your AngularJS app seems to be one of the hardest problems people encounter. My article on a simple login with Ionic and AngularJS is the far most viewed article on this blog, every day! As the mentioned article only describes a basic system for a very low level security, this article will highlight everything you need for a complete user authentication and login inside your AngularJS app!

In particular this means, this article will show you how to:

• Log in a user and store the user session (Token based auth!)
• Protect your routes based on authentication status and role of the user
• Notice when an unauthorised request was made and a new login is required

With the release of AngularJS 1.3.0, the AngularJS team gave us some great tools to deal with validation in a more sane manner. 

When this form loads, by default the "Username" field is marked as invalid and has a message about the form being required. If you submit the form, the password field will also get marked invalid and the form won't submit. Let's go through the code and figure out how this works.

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.

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)

Ionic Framework, Cordova and Yeoman - Loved One Notifier. Automatically notify your loved ones that your battery is about to die.

In this post, we will be building an Android app using Ionic Framework, Cordova and Yeoman. The app we are going to build is called Loved One Notifier.

We will be using Yeoman Ionic generator to scaffold and develop the app. We will be using Ionic Framework as the UI layer for the app. And finally we will be using the following plugins to interact with the device.

• battery-status
• contacts
• plugin.sms
• local-notification

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

A presentation that IS actually a hybrid app, showing off how to build it.

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