Name: Creating an Ionic App
Uploaded: 2015-06-11T22:44:06-05:00
Description: In this lesson, we create our first Ionic app. We use a pre-defined Ionic template to give us some views and data straight out of the gates. This allows us to have a web app up and running in our browser, ready for us to explore, in four simple command prompt commands.

Setting Up your Mac with Ionic and Cordova

Installing Node.js and NPM on Windows

Ionic Quickstart for Windows: Installing Ionic

Creating an Ionic App

Build and Run an Android Application with Ionic on a Mac

Build and Run an iOS App on a Mac

Install Ant for Ionic

Install Android SDK for Ionic

Install the Genymotion Android Emulator for Ionic

Install the Java Developer Kit (JDK) for Ionic

Run Your First Ionic App

Edit Your Ionic Application Code

Deploy Your Ionic App to a Device

Upload and Share an Ionic App

Ionic Quickstart for Windows and Mac

In this lesson, we create our first Ionic app. We use a pre-defined Ionic template to give us some views and data straight out of the gates. This allows us to have a web app up and running in our browser, ready for us to explore, in four simple command prompt commands.

https://app.egghead.io/api/v1/lessons/angularjs-creating-an-ionic-app/subtitles

[00:00] In this lesson, we are going to learn how to create an app with Ionic. We will start in our projects directory. From there, we are going to create an Ionic app called "ionic-starter." We will type "ionic start ionic-starter" and then we're going to use the tabs template.

[00:19] What this does is create a pre-configured Ionic application with tab elements as well as some hard-coded data to get us started. Once this application has been created, we will CD or navigate to the ionic-starter directory, and then we can see this application by typing "ionic serve."

[00:42] This is going to serve our application as a web application so that we can navigate through the application in the browser. We can also navigate to specific states in our application from the command line using the "goto" command.

[01:05] In this case, we navigated directly to the Account tab. That is all there is to creating an application in Ionic. Stay tuned for the next video in this series.

Creating an Ionic App

Share this video with your friends

Course

Ionic Quickstart for Windows and Mac