JavaScript for Line of Business Applications
596.1K views | +0 today
Follow
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...

Popular Tags - Filter using the Funnel

Current selected tags: 'AngularJS', 'PhoneGap'. Clear
Scoop.it!

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

Awesome-Ionic: A curated list of amazingly awesome Ionic libraries, resources and solutions. | JavaScript for Line of Business Applications | Scoop.it
Awesome-Ionic - A curated list of amazingly awesome Ionic libraries, resources and solutions.
No comment yet.
Scoop.it!

Ionic Framework, Angularjs & PhoneGap Build- The Awesome Threesome!

Ionic Framework, Angularjs & PhoneGap Build- The Awesome Threesome! | JavaScript for Line of Business Applications | Scoop.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

No comment yet.
Scoop.it!

Apps With AngularJS

Apps With AngularJS | JavaScript for Line of Business Applications | Scoop.it
Is creating mobile apps with AngularJS and PhoneGap a viable alternative to native development?

Mobile development is converging. Websites are beginning to feel like applications in their own right, with hardware powered graphics, smooth interfaces, and multiple versions for multiple devices. That begs the question, can web technologies power a full blown app?

n order to make an application feel as responsive as its native counterparts we'll need to take advantage of several new technologies. Having an interface to access the functionality of the phone such as accelerometer, camera and gps is crucial. PhoneGap allows us to do this, interfacing with the device to allow access to these hardware features through javascript. 

No comment yet.
Scoop.it!

PhoneGap and AngularJs, Contacts

PhoneGap and AngularJs, Contacts | JavaScript for Line of Business Applications | Scoop.it

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

No comment yet.
Scoop.it!

Sample Mobile Application with AngularJS

Sample Mobile Application with AngularJS | JavaScript for Line of Business Applications | Scoop.it

In recent months, I have been sharing different versions of the Employee Directory sample application built with different technology stacks, different frameworks, and different back-end (REST services) implementations. Recent versions include:

Employee Directory with Backbone.js, RequireJS, and Twitter BootstrapEmployee Directory with Backbone.js, RequireJS, Topcoat and PhoneGap

A number of you have asked for a version of the application built with AngularJS. So here it is.

You can experience the application below...

No comment yet.
Scoop.it!

Developing a mobile app with Phonegap, AngularJS and ExpressJS Part I

Developing a mobile app with Phonegap, AngularJS and ExpressJS Part I | JavaScript for Line of Business Applications | Scoop.it

The gist of the application is to allow users to sign up and be able to share financial tips. I will document my journey along for others who are thinking of travelling down the same road, starting with my choice of technologies, this being my first attempt at building up the whole architecture from the ground up and since I am a front end developer and I wanted to leverage that experience to build a mobile app instead of going native.

When deciding on the initial approach to building the app, I initially thought about using Sencha Touch. I had tried Titanium before but had found it unwieldy although I like the whole integrated IDE to production setup. I work with ExtJS on a daily basis so I figured Sencha Touch would be a natural complement but after working with AngularJS, I really did want to keep getting better at it and not have to duplicate my learning by both doing Angular and Sencha Touch at the same time so i settled on PhoneGap.

Shebrisbane's comment, December 6, 2017 1:25 AM
Nice post thenks for sharing. if anyone want best cooking tips and advice then read shebrisbane magazine.
http://www.shebrisbane.com.au/category/travel-travel/
Shebrisbane's comment, December 6, 2017 1:25 AM
Nice post thenks for sharing. if anyone want best cooking tips and advice then read shebrisbane magazine.
http://www.shebrisbane.com.au/category/travel-travel/
Scoop.it!

Series: Building an iOS app with PhoneGap, Angular.js and the ionic framework

Series: Building an iOS app with PhoneGap, Angular.js and the ionic framework | JavaScript for Line of Business Applications | Scoop.it

In this series I plan to build a mobile application using primarily web technologies (HTML5, js and css). I will be targeting iOS since those are the devices I have access to at the moment, but the application should be deployable to a number of platforms without major changes due to the technologies I will be using.


Series Parts:

* Building an iOS app with PhoneGap, Angular.js and the ionic framework
* Building a basic iOS UI using Angular and Ionic
* Recording Geo location data with PhoneGap and Angular
* Refactoring the js code structure PhoneGap and Angular
* Uploading files with PhoneGap and Angular
* A few different ways to improve user feedback in our Ionic application
* Displaying current and max speed with PhoneGap and Ionic
* Deleting files with PhoneGap
* Calculating distance and speed with the GeoLocation API - PhoneGap

No comment yet.
Scoop.it!

Sociogram: A Sample Application demonstrating AngularJS/Ionic and Facebook Integration

Sociogram: A Sample Application demonstrating AngularJS/Ionic and Facebook Integration | JavaScript for Line of Business Applications | Scoop.it

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)
No comment yet.
Scoop.it!

How to build AngularJS based native mobile application

How to build AngularJS based native mobile application | JavaScript for Line of Business Applications | Scoop.it

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.

What we are going to cover?

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.

Jan Hesse's insight:

http://www.htmlcenter.com/blog/building-angularjs-based-native-mobile-application-part-2/

Scoop.it!

Phonegap app with AngularJS fetching data from Drupal

Phonegap app with AngularJS fetching data from Drupal | JavaScript for Line of Business Applications | Scoop.it
The power to make single page application so easily with AngularJS always pushed me to make a mobile app using Phonegap and AngularJS which will talk to a Drupal website. In this tutorial, I will show you how I made this basic app in AngularJS which allows a user to login using the Drupal credentials and then fetch the latest nodes.

After trying a lot to use the Drupal Services module and failing at the authentication, I finally decided to write a custom module which will handle the authentication and the REST requests. The Drupal module is not in the scope of this tutorial; I would share the link for ease.

No comment yet.
Scoop.it!

AngularJS, Phonegap, and angular-seed. Let's Go!

AngularJS, Phonegap, and angular-seed. Let's Go! | JavaScript for Line of Business Applications | Scoop.it
A guide through how I was able to use the angular-seed and phonegap projects to start myself on the path to my first mobile application.

In my exploratory phase with angular, I had discovered the angular-seed project and angular-phonecat tutorial. I knew angular-seed would start me out with runnable jasmine unit tests, an end-to-end suite, a web-server, and some other niceties. That’s when I got the bright idea that I should just make angular-seed run as a phonegap app! 8 hours later…

If you follow this guide I think you can have angular-seed running in the XCode simulator in less than 30 minutes. Exciting right? I know.

No comment yet.
Scoop.it!

Quick Start Guide to PhoneGap+AngularJS

Quick Start Guide to PhoneGap+AngularJS | JavaScript for Line of Business Applications | Scoop.it

I’ve created a sample mobile application to help developers get started building mobile applications with PhoneGap and AngularJS quickly. The sample application includes view navigation, some standard user interface components and code to help avoid common pitfalls in mobile application development (click delays etc).

No comment yet.