Ionic Framework 101: A Quickstart to Building Mobile Apps

A quickstart to learning how to make great looking Android and iOS apps in no time using Ionic Framework.
4.5 (46 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
229 students enrolled
Instructed by Nic Raboy Development / Mobile Apps
Take This Course
  • Lectures 29
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2015 English

Course Description

This course will teach you how to develop web-hybrid mobile applications for Android and iOS using Ionic Framework. We'll look at what is necessary to configure Ionic Framework on your Windows, Linux or Macintosh computer and develop visually pleasing applications with minimal amounts of code and design skills necessary.

Ionic Framework 101 is designed to be a quickstart for beginners looking to develop mobile applications. As a course goal, we'll create a fully functional URL shortener using the skills we developed through the span of the course.

What are the requirements?

  • Must have the free to download Atom editor by GitHub installed for writing application code
  • Must have a Macintosh computer to build iOS applications as Linux and Windows can only build Android applications
  • A Macintosh computer is NOT required to participate in this course

What am I going to get from this course?

  • Build Android and iOS applications
  • Know how to use Ionic Framework for mobile application development

Who is the target audience?

  • This Ionic Framework course is meant for people with at least some knowledge of HTML5 and JavaScript
  • This course is NOT meant for people looking to develop Windows Phone or BlackBerry applications

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Course Introduction

Students will know more about the instructor and his background on developing mobile Android and iOS applications with Ionic Framework.


Students will learn about what Ionic Framework is and how it relates to other technologies like Apache Cordova or PhoneGap.


Students will learn how to start an Ionic Framework project from scratch and further develop it into a feature-rich mobile application. By the end of the course students will have developed a URL shortening application that uses the free TinyURL RESTful API.

5 questions

What do we know about Ionic Framework and how it relates to other technologies? How will this course benefit any future mobile development that we do?

Section 2: Getting Started

Students will learn how to install Ionic Framework and all the dependencies necessary for building applications. Such dependencies include Apache Cordova and the Node Package Manager (NPM).


Students will download the latest Android SDK as well as any related platform tools necessary for building Android applications.


Students learn how to create a new Ionic Framework project from one of the existing templates using a Terminal or Command Prompt.

4 questions

Test if you remember how to configure Ionic Framework on a new machine as well as other things like creating a new project.

Section 3: Available Components & CSS

Students will be knowledgeable about what Ionic Framework components exist beyond the scope of this course and how to get information about them.


Students will learn how to add list items to the Ionic Framework list view component.


Students will learn how to make list items swipe-able in an Ionic Framework list view component.


Students will learn how to use the IonIcons font package provided by Ionic Framework to add icons to their project that closely resemble those in standard Android and iOS applications.

Section 4: Functionality with AngularJS

Students will learn how to design AngularJS controllers to better meet the needs for logic in their Ionic Framework application.


Students will learn how to take JavaScript object or array and loop through the data via the UI portion of their application, displaying each element on the screen.


Students will learn how to add multiple views (screens) to their application and navigate between them in an appropriate fashion.


Students will learn how to asynchronously perform tasks and return data based on their success.


Students will learn how to make GET and POST HTTP requests to available RESTful APIs.

Section 5: Including Functionality Through External Plugins

Students will learn that most JavaScript libraries can be included into an Ionic Framework mobile application. For example, students will see how to include the ngStorage JavaScript library into their project for easier management of their local storage data.


Not all data can or should be accessed via an API. Students will learn how to launch the device web browser to view websites external to the application.


Not all Apache Cordova plugins are easy to use with Ionic Framework because they are vanilla JavaScript. Students will learn about how ngCordova makes various Apache Cordova plugins more AngularJS friendly.

4 questions

Student knowledge will be tested in regards to adding native devices features to their Ionic Framework application.

Section 6: Building a URL Shortener App

Students will learn how to use the minimalistic TinyURL RESTful API for shortening URLs that can be distributed on social media websites such as Twitter and Facebook.


The URLs we shrink need to be displayed somewhere. Students will take their knowledge of the Ionic Framework list view and put it to use.


Students will learn how to create a basic form with data that gets sent to a function upon submit.


Students will know how to take their knowledge on $http RESTful requests and apply it towards a real API. In this case, students will learn how to shrink URLs with the TinyURL API.


Students will learn how store API data to prevent having to continuously make requests that use cellular data or use up API request quotas.


Students will learn how to validate saved website URLs and then launch them in the device web browser.


Students will learn how to make use of the swipe-able list items to implement delete functionality for removing particular URLs from the list.

3 questions

How do we do various tasks like removing items from a list view or shrinking URLs using the TinyURL API? Questions about what we've learned when building our first app.

Section 7: Preparing the Final Product for Release

Students will learn how to take their project and build a version of it for Android as well as iOS (provided they are using a Mac).


Students will learn how to simulate the Android version of their application in a simulator superior to what ships with the Android SDK. Students will also learn how to test their application in an iOS simulator.


Students will learn how to check for bugs or troubleshoot in the Android version of their Ionic Framework mobile application.

3 questions

Be tested to see if you remember how to build and application, test it with tools like Genymotion, and troubleshoot it for bugs or errors.

Section 8: Course Conclusion
Summary of Course and Source Code

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Nic Raboy, Developer Advocate & Software Engineer

Nic Raboy is an application developer who has released several mobile applications to both iTunes and Google Play and is a part of several major projects. He is a polyglot programmer that is proficient in Node, Java, Ionic Framework, AngularJS, NoSQL, and Android.

The applications he has released to iTunes and Google Play were developed using either native code or hybrid technologies like Ionic Framework making him qualified to share his experiences to other developers.

Ready to start learning?
Take This Course