Tag Archives: Ionic

Create a Mobile Application Using WordPress, Ionic, and AngularJS

Create a Mobile Application Using WordPress, Ionic, and AngularJS
// Front-End Tutorials Blog

Introduction In this tutorial, I will explain you step by step how to create a mobile application (iOS and Android) of your WordPress website using the latest technologies. We’ll be using Ionic Framework, ECMAScript 6, npm, webpack, and Apache Cordova. At the end of this tutorial you will get the following application. It has only three modules, a Home module that displays your latest

Ultimate AngularJS and Ionic performance cheat sheet

via Ultimate AngularJS and Ionic performance cheat sheet | Julien Renaux Blog.

AngularJS and Ionic performance is often questioned. The reason is because it does not necessarily comes out of the box. This post list all you need to focus on in order to get the best performance and user experience out of them.

Introduction to Ionic with Developer Perry Govier

via Introduction to Ionic with Developer Perry Govier | Codementor.

Want to build mobile apps faster without mastering native languages? This article walks you through what the Ionic Framework is, based on the Codementor Office Hours hosted by Ionic’s Perry Govier.

Creating a Video Calling App in Android with CrossWalk and PeerJS

via Android Video Calling with CrossWalk and PeerJS.

In this tutorial I’m going to show how to create a video calling app in Android. It will be implemented using Ionic, Cordova, Crosswalk and PeerJS.

Tutorial: Building a Todo Mobile App with Ionic, Angular, Appery.io Visual App Builder and Database

via Tutorial: Building a Todo Mobile App with Ionic, Angular, Appery.io Visual App Builder and Database | Max Katz.

For years, developers had to make a choice: build a single hybrid app with a so-so user experience, or build a native app for each platform with a great user experience. Developers don’t have to make this choice anymore. By integrating the Ionic SDK into Appery.io, developers can build enterprise HTML5/hybrid apps on a single code base that offer a native experience across all platforms. The Appery.io platform’s visual tooling lowers the skills barrier, empowering a broader base of developers and business analysts to create effective and intuitive mobile applications.

In this tutorial, you will use the Appery.io platform to build a mobile app. The tool set includes:

  • Ionic – native-like UI components
  • AngularJS – UI logic/binding
  • Appery.io App Builder – cloud-based drag and drop designer
  • Appery.io Backend Services – API backend for the app

Using Ionic with Firebase

via Using Ionic with Firebase – Firebase.

Ionic is a front-end SDK for developing hybrid mobile apps with HTML5. Because Ionic uses Angular, developers can use AngularFire to easily wire up Firebase with an Ionic app.

Create a cross-platform mobile app with AngularJS and Ionic

via Create a cross-platform mobile app with AngularJS and Ionic.

If you want to create a cross-platform mobile app with AngularJS and Ionic, you have come to the right article! In this article we’ll look at how to set up a new Cordova project for making a cross-platform mobile app.

There are a few options for creating cross-platform mobile apps using HTML5, CSS and JavaScript. In the past, people usually opted for using jQuery Mobile.

However jQuery Mobile was by no means developed with the intention for being used for native apps rather than mobile websites (the origin of jQuery Mobile preceeds the popularity of Responsive Design). Luckily for all of us AngularJS users there is a new kid in town: Ionic

Ionic adds a bunch of new directives and services on top of AngularJS. It also uses ngCordova which provides access to the Cordova library from AngularJS. On top of all that it has a whole CSS framework with several mobile styles.

You could set up a simple base project using only the Ionic Command Line Interface. However this way you will have to either automate a lot of things yourself or do them manually – such as minification, library installation, …

In this article we’ll go over the easiest way to set up a proper and seamless workflow by using some of the tools I have discussed in an earlier article.