Ionic 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 (818 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.
6,277 students enrolled
$25
Take This Course
  • Lectures 46
  • Contents Video: 5.5 hours
    Other: 3 mins
  • Skill Level All Levels
  • Languages English, captions
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

About This Course

Published 6/2015 English Closed captions available

Course Description

Learn Ionic, the best way currently available to develop mobile apps in HTML5. Covers Ionic v1.x.

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.

What are the requirements?

  • 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

What am I going to get from this course?

  • 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

What is the target audience?

  • Web developers that want to build mobile apps

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.

Curriculum

Section 1: Overview
Course introduction
Preview
04:18
Getting the most out of this Udemy course
Article
What is a "hybrid" app?
Preview
05:53
Ionic and Cordova
Preview
05:50
Section 2: Setup
Required tools
Preview
03:53
Installing Node.js on Mac/Linux
04:57
Installing Node.js on Windows
03:49
Installing the Ionic CLI
02:55
Setup for Android development
Article
Setup for iOS development
Article
Creating and running projects using the Ionic CLI
07:28
Ionic CLI Quiz
3 questions
Section 3: Single-View App
The Feed Reader app
05:50
AngularJS controller and $http service
Preview
11:46
Ionic List component
Preview
10:10
Importing other JavaScript libraries
Preview
06:26
Infinite scroll and pull-to-refresh
Preview
13:49
Adding Cordova plugins: the InAppBrowser
09:18
Single-view app Quiz
10 questions
Section 4: Multi-View App With Navigation
The Notes app
Preview
02:33
Basic navigation and routing
10:54
State parameters and forms
13:16
Reusing the same view for multiple states
06:12
Creating a new AngularJS service and module
06:59
Saving data in Local Storage
04:27
Swipe to reveal
04:34
Ionicons
04:09
List reordering
08:33
Multi-view app Quiz
10 questions
Section 5: More Ionic Components
Tabs
09:06
Side menus
07:06
Slide box
06:37
Ionic components Quiz
4 questions
Section 6: More AngularJS Concepts
Promises, chaining, and the $q service
15:15
Integrating with a REST backend
17:27
Login and authentication - Part 1
06:12
Login and authentication - Part 2
17:46
Section 7: More Cordova Plugins
Device plugin
08:00
ngCordova
03:53
Camera plugin
Preview
08:58
Geolocation plugin and Google Maps
09:07
Cordova plugins Quiz
3 questions
Ionic Native
12:28
Section 8: Preparing for Release and Publishing Your App
Releasing and publishing overview
02:15
Customising Ionic styles with Sass
03:43
Cordova's config.xml file
06:43
Icon and splash screen images
05:10
Building and signing an Android release
09:05
Publishing to Google Play
03:44
Building an iOS release and publishing to the App Store
12:43
Bonus Lecture: Future Courses
Article
Section 9: Bonus

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Mirko Nasato, 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.

Ready to start learning?
Take This Course