Ionic 1 by Example: Create Mobile Apps in HTML5
4.6 (1,071 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.
7,148 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Ionic 1 by Example: Create Mobile Apps in HTML5 to your Wishlist.

Add to Wishlist

Ionic 1 by Example: Create Mobile Apps in HTML5

Learn to build cross-platform iOS and Android apps in HTML/CSS/JavaScript with Ionic Framework, AngularJS and Cordova.
4.6 (1,071 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.
7,148 students enrolled
Created by Mirko Nasato
Last updated 1/2017
Learn Fest Sale
Current price: $10 Original price: $25 Discount: 60% off
2 days left at this price!
30-Day Money-Back Guarantee
  • 5.5 hours on-demand video
  • 4 Articles
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop complete mobile apps in HTML5
  • Use the Ionic CSS and JavaScript Components
  • Use Cordova plugins to access native APIs (e.g. Camera)
  • Build and run your apps in Android and iOS
View Curriculum
  • Computer running Windows, Mac, or Linux (Mac needed to package iOS apps)
  • Knowledge of HTML, CSS, and JavaScript
  • Knowledge of AngularJS advantageous but not essential
  • Some familiarity with command line interfaces advantageous

Note: This course covers Ionic v1.x, not Ionic 2. Ionic 2.0.0 was released on Jan 25, 2017. At this stage you may want to learn the latest version, which is covered in a separate new course.

Learn Ionic 1, the framework that lets you develop mobile apps in HTML5.

You're familiar with web development (HTML/CSS/JavaScript) and would like to build mobile apps, but don't fancy having to learn Objective C and/or Swift for iOS, Java for Android, etc. Or maybe you've tried developing apps the "native" way only to realize that it's a huge pain and you end up duplicating the same codebase in a different language for each platform.

If that's you then you should seriously consider hybrid cross-platform mobile development. Built on top of Apache Cordova (the open source project underlying PhoneGap) and AngularJS, Ionic lets you develop mobile apps in HTML, CSS, and JavaScript, while providing a native look and feel on each supported platform.

This course will provide you with all the knowledge necessary to start developing your own apps using Ionic, by taking a hands-on "by example" approach. It will walk you through the creation of two complete apps, as well as provide many more smaller examples illustrating various Ionic features and development practices.

Included with this course you get access to the source code for each example and for each step.

Who is the target audience?
  • Web developers that want to build mobile apps
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 46 Lectures Collapse All 46 Lectures 05:26:22
4 Lectures 17:41
7 Lectures 24:18

Installing Node.js on Mac/Linux

Installing Node.js on Windows

Installing the Ionic CLI

Setup for Android development

Setup for iOS development

Creating and running projects using the Ionic CLI

Ionic CLI Quiz
3 questions
Single-View App
6 Lectures 57:19
The Feed Reader app

Adding Cordova plugins: the InAppBrowser

Single-view app Quiz
10 questions
Multi-View App With Navigation
9 Lectures 01:01:37

Basic navigation and routing

State parameters and forms

Reusing the same view for multiple states

Creating a new AngularJS service and module

Saving data in Local Storage

Swipe to reveal


List reordering

Multi-view app Quiz
10 questions
More Ionic Components
3 Lectures 22:49

Side menus

Slide box

Ionic components Quiz
4 questions
More AngularJS Concepts
4 Lectures 56:40
Promises, chaining, and the $q service

Integrating with a REST backend

Login and authentication - Part 1

Login and authentication - Part 2
More Cordova Plugins
5 Lectures 42:26
Device plugin


Geolocation plugin and Google Maps

Cordova plugins Quiz
3 questions

Ionic Native
Preparing for Release and Publishing Your App
7 Lectures 43:23
Releasing and publishing overview

Customising Ionic styles with Sass

Cordova's config.xml file

Icon and splash screen images

Building and signing an Android release

Publishing to Google Play

Building an iOS release and publishing to the App Store
1 Lecture 00:31
More Courses
About the Instructor
Mirko Nasato
4.6 Average rating
1,669 Reviews
8,695 Students
3 Courses
Software Developer and Mentor

Mirko has over 15 years of experience in Software Development and has worked for many different companies, from startups to large, high-profile organisations such as the BBC, the Expedia group, and The Financial Times.

Ever since getting his hands on a Commodore 64 as a kid he nourished a passion for computers that led him to start using Linux in 1997, publishing open source projects in 2003, and practising Test-Driven Development (TDD) and Extreme Programming (XP) in 2005. 

He has written code in more than a dozen different programming languages, and is familiar with all the facets of application development, from backend services to web front-ends and mobile apps. He also holds a Postgraduate Diploma in Software Development from the Open University.

He is always keen to learn new technologies and enjoys teaching on Udemy because it gives him the opportunity to share his experience with thousands of other developers.

He is currently based in London, U.K., where he runs his consultancy company, Encoded Knowledge Ltd.