JavaScript for Line of Business Applications
571.3K views | +32 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...
Scoop.it!

Ionic Framework Tutorial

Ionic Framework Tutorial | JavaScript for Line of Business Applications | Scoop.it
What You Will Learn:
  • How to create and build (compile and package) an Ionic project using the CLI (Command Line Interface).

  • How to start from one of the Ionic starter apps

  • How to build a modern mobile UI using Ionic components such as side menu, cards, action sheets, etc.

  • How to create a service using the Angular resource module (ngResource) to access REST services

  • How to use controllers

  • How to use routing

  • How to login with Facebook, and publish information to your feed

Jan Hesse's insight:

https://github.com/ccoenraets/ionic-tutorial

more...
No comment yet.
Scoop.it!

Mobile App Framework Matrix - Build iOS/Android apps in JavaScript

Mobile App Framework Matrix - Build iOS/Android apps in JavaScript | JavaScript for Line of Business Applications | Scoop.it
The Mobile App Framework Matrix represents a comparison and documentation of technologies for building iOS/Android apps with a single JavaScript code base.
more...
No comment yet.
Scoop.it!

5 Ionic App Development Tips and Tricks

5 Ionic App Development Tips and Tricks | JavaScript for Line of Business Applications | Scoop.it

There is plenty of documentation on the Ionic framework, along with plenty of guides to AngularJS (which Ionic currently requires for its JS components). Thanks to this and a simple SDK, it is easy to get a quick prototype completed. However, when learning how to develop with Ionic, there were a bunch of little things which I was still uncertain about how to approach correctly. Often the info existed somewhere but it took a bit of hunting around the web (or trialling a few solutions) to uncover.

In this article, I wanted to provide an overview of some of the most useful things I uncovered, in the hope that it helps new developers get their own apps up and running faster.

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

A Beginners Guide to Mobile Development with Meteor

A Beginners Guide to Mobile Development with Meteor | JavaScript for Line of Business Applications | Scoop.it

Meteor.js is a promising JavaScript framework, that also comes prepackaged with Cordova support, ideal for mobile development.

If you’re a web developer who wants to release their work on iOS and Android (while harnessing the features of those platforms), you don’t have to learn a new language or entirely new concepts. You just need a basic grasp of Meteor, and then a basic grasp of details specific to mobile development.

more...
No comment yet.
Scoop.it!

HTML5 Mobile - Optimising for older or slower devices

HTML5 Mobile - Optimising for older or slower devices | JavaScript for Line of Business Applications | Scoop.it

I built my App using Ionic Framework, which is based on AngularJS, but these lessons should apply to other frameworks too. Angular has built-in support for animations, and Ionic comes with some default transitions for sliding pages left and right. I used that, and added a Javascript animation for the “Hero” element. It extracts the element from the card and positions it so it’s in the same place on screen, then animates it to it’s new location before removing it. The corresponding element in the details page is initially hidden during the animation, and revealed at the end so it appears to be the same element.


Google’s success at making the OS available at lower price points means that many users have devices with relatively limited performance. Giving those users a good experience is vital. Here are some lessons I’ve learned while optimising my App to look good on older or slower devices.

more...
No comment yet.
Scoop.it!

Creating a mobile app from a simple HTML site

Creating a mobile app from a simple HTML site | JavaScript for Line of Business Applications | Scoop.it

This article is a simple tutorial designed to teach you some fundamental skills for creating cross platform web applications. You will build a sample School Plan app, which will provide a dynamic “app-like” experience across many different platforms and work offline. It will use Apache Cordova and Mozilla’s Brick web components.

more...
No comment yet.
Scoop.it!

Hybrid Mobile App Command-Line Smackdown

Hybrid Mobile App Command-Line Smackdown | JavaScript for Line of Business Applications | Scoop.it

The proliferation of command-line tooling has exploded over the last few years – and hybrid mobile developer tools have been no exception. Where once we were downloading PhoneGap 1.2 and installing Xcode templates to develop our iOS apps, today we have platform-agnostic tools and utilities to help us fulfill the promise of cross-platform mobile app development. Today we have choices – and to help provide some guidance, I present you with a high-level comparison of three of the most popular command-line interfaces (CLIs) available today for hybrid mobile development.

more...
No comment yet.
Scoop.it!

Building Native-Like Mobile Apps with Cordova, AngularJS and Ionic

Building Native-Like Mobile Apps with Cordova, AngularJS and Ionic | JavaScript for Line of Business Applications | Scoop.it

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

more...
No comment yet.
Scoop.it!

ngCordova - Cordova Plugins with AngularJS Magic

ngCordova - Cordova Plugins with AngularJS Magic | JavaScript for Line of Business Applications | Scoop.it

ngCordova is a set of AngularJS extensions on top of the Cordova API to make it easier to build, test, and deploy Cordova apps with AngularJS.

Jan Hesse's insight:

https://github.com/driftyco/ng-cordova/

more...
No comment yet.
Scoop.it!

LigerMobile Framework

LigerMobile Framework | JavaScript for Line of Business Applications | Scoop.it

LigerMobile is a lightweight open source framework that helps you develop hybrid apps quickly and easily. If you are looking for a tool to build a hybrid app, create a prototype, or just need a stepping stone to full native app development — this is a great way to begin.

more...
No comment yet.
Scoop.it!

How to Build an iOS & Android App in 24 hours with HTML5 and Cordova

How to Build an iOS & Android App in 24 hours with HTML5 and Cordova | JavaScript for Line of Business Applications | Scoop.it

What can one create during the New Year and Christmas holidays? As it turned down – quite enough. Even if you have two kids and a bunch of family members whom you want to visit. The only thing you cannot accomplish in time is to finish an article for Dzone. It takes a lot of time, nearly the entire January.

By the 5th of January I had a laptop and a couple of days to spend on some development. Having estimated what I can do here, I decided to create a mobile app that would work faster than the original. For this, I needed to find communicative creators of a popular app.


The Gartner research company reports that by August, 2013 most of the enterprise mobile software was created using PhoneGap or PhoneGap-based products (like Kony). From my consumer experience, it's far from true. Maybe I was wrong?

I'm not so good at HTML and JavaScript. I can create mark-up with stackoverflow.com and I can write simple selectors with jQuery. I can also find the required information in their documentation. In other words, HTML+JS was a gap in my knowledge and I was ready to fill it or gain some experience.

Thus, I planned to create a cross-platform application that could become an advantage over the original iOS-only Spender app. Moreover, I wanted to spend my time in the most effective way. On the one hand, I had a potentially effective JS framework, on the other – a lack of JS experience. I hoped that the JS framework advantages could balance my poor experience.

more...
No comment yet.
Scoop.it!

PropertyCross: WebApp Frameworks compared (with actual code)

PropertyCross: WebApp Frameworks compared (with actual code) | JavaScript for Line of Business Applications | Scoop.it
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.

more...
No comment yet.
Scoop.it!

Production ready apps with ionic framework

Production ready apps with ionic framework | JavaScript for Line of Business Applications | Scoop.it

Complete guide to prepare your ionic app for production. Uglify, minify and obfuscate your app and many other tips to protect your code.


For all the previous task we are going to use a mixture between gulp tasks andcordova hooks . Gulp tasks will be “running” all the time after you run ionic serve. Cordova hooks will run each time you build or run your project with ionic build ios [android] or ionic run android [ios]

more...
No comment yet.
Scoop.it!

Native Mobile Apps in JavaScript with Tabris.js

Native Mobile Apps in JavaScript with Tabris.js | JavaScript for Line of Business Applications | Scoop.it

Today I want to highlight the rather new and unknown JavaScript framework Tabris.js.

In contrast to many other hybrid frameworks, Tabris.js is no HTML5 + WebView framework, but still offers the possibility to use Javascript libraries, npm modules and Cordova plugins! I will show you the strengths, we will develop a simple app to get a feeling for the code structure and finally inspect the similarities and differences to other well known frameworks.

Sounds good? Let’s take a closer look!

more...
No comment yet.
Scoop.it!

Ionic Framework, Cordova and Yeoman - Loved One Notifier

Ionic Framework, Cordova and Yeoman - Loved One Notifier | JavaScript for Line of Business Applications | Scoop.it

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

Building a Meteor.js mobile app with Cordova, MongoDB, and Ratchet

Join Josh Owens as he builds a Meteor.js app from scratch using Ratchet, Cordova, and MongoDB.
more...
No comment yet.
Scoop.it!

Building Multi-platform Real-time Mobile Applications using Ionic and Firebase

Building Multi-platform Real-time Mobile Applications using Ionic and Firebase | JavaScript for Line of Business Applications | Scoop.it

This article introduces the capabilities of these tools and how to use them, and even provides some code examples.


The first thing we need to do is install Ionic. Follow the installation instructions provided on the Ionic Getting Started page. (Note that Ionic has a dependency on NodeJS, so the instructions will require you to install that as well if you don’t already have it on your machine).

The AngularFire 5 minute tutorial is a great place to begin getting familiar with Firebase. And if you’re a “tinkerer” or a tactile learner like me you may want to pull my implementation from GitHub and start playing with the code.

more...
No comment yet.
Scoop.it!

How to Build an iOS & Android App in 24 hours with HTML5 and Cordova

How to Build an iOS & Android App in 24 hours with HTML5 and Cordova | JavaScript for Line of Business Applications | Scoop.it

By the 5th of January I had a laptop and a couple of days to spend on some development. Having estimated what I can do here, I decided to create a mobile app that would work faster than the original. For this, I needed to find communicative creators of a popular app.

Hence, I found a “Spender ” app in the App Store. It is a simple app for tracking your budget. With it, you can estimate how effectively you spend your money in the end of each month. By the 5th of January, this app was in Top-10 in the Russian App Store. I also found their dev-story on iphones.ru. 

In their dev-story, the developers wrote that after completing their previous project, they had three-four free days. So, they decided to create a new app during this free time. Their Product Manager and programmers helped them with positioning the app and its key features. 

more...
No comment yet.
Scoop.it!

The jungle of mobile HTML5 development

The jungle of mobile HTML5 development | JavaScript for Line of Business Applications | Scoop.it

Developers are confused in the way of developing an HTML5 mobile app, so I hope this guide will help them.

Before starting to show you the different platforms, frameworks available, let me tell you that I don’t consider Titanium Mobile as an HTML5 solution. Read my previous article to understand why.

There are four known solutions (many new others are created, but are still in an early status) to create HTML5 mobile apps.

more...
No comment yet.
Scoop.it!

Apache Cordova Tutorial

Apache Cordova Tutorial | JavaScript for Line of Business Applications | Scoop.it

Fast Track to Mobile Application Development

In this tutorial, you will learn strategies and best practices to build native-like mobile applications with HTML, JavaScript, and CSS. You will build an Apache Cordova (aka PhoneGap) Employee Directory application from scratch using the Single Page Architecture, HTML templates, touch events, and performance optimization techniques.

more...
No comment yet.
Scoop.it!

Rapid Mobile Development with Meteor.js

Tower’s CTO, Andrew Reedy will give a brief overview of how to take advantage of the realtime javascript platform Meteor.js for quickly developing database everywhere, scaleable web applications. He explains how to set up Meteor with Cordova and also Famo.us. Tower is a San Diego based startup and mobile application that connects people inside of residential towers, office buildings, and what they call temporary towers (resorts, cruise ships, conferences.) See how Tower takes advantage of a modern stack including Meteor, MongoDB, Cordova, Redis, ElasticSearch, Docker, and CoreOS to scale their mobile app..

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

From Web to Android In Two Steps

From Web to Android In Two Steps | JavaScript for Line of Business Applications | Scoop.it

Today we can fulfill our dreams and improve the world we live in by building super-mega apps. This article describes the process of creating a hybrid application for Android OS.

A hybrid app combines features of web and native apps. As a native app, it can be distributed through the store and can take advantage of numerous features available on mobile devices. As a web app, it consists of HTML, CSS and JavaScript files.

This type of applications provides the following advantages:

  • Almost all applications can be written in JavaScript for all mobile platforms;
  • These apps can use some fancy features of a mobile device like a camera, an accelerometer, etc.;
  • All HTML, CSS and JavaScript files can be instantly updated before a new version of an app is approved.

However, a hybrid app is slower than a native app. Nevertheless, it’s not a big deal because the slowest parts of your app can be written in Java or Objective-C and added to the next update.
Now let’s build an app and change the world!

more...
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. 

more...
No comment yet.