Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Ionic 1: From Web to Mobile
Rating: 4.4 out of 5(866 ratings)
5,872 students

Ionic 1: From Web to Mobile

Future Proof Yourself. Turn your existing web development knowledge into mobile development super powers with Ionic
Created byAsim Hussain
Last updated 2/2017
English
English [Auto],

What you'll learn

  • Understand what Ionic is and how it's related to Cordova and AngularJS
  • Setup their computer to build Ionic, iOS and Android applications
  • Have enough AngularJS knowledge to be able to build Ionic applications
  • Build hybrid mobile applications using Ionic Framework
  • Implement Push notifications, automatic app updates and analytics with the Ionic Platform tools.
  • Release their application to the Apple AppStore or Google Play Store.

Course content

14 sections • 115 lectures • 7h 30m total length
  • Introduction3:04

    A quick introduction to this course in ionic, who am I, what will you learn on this course and who this course is for.

  • What are Hybrid Mobile Applications?2:57

    A summary of hybrid application development, an explanation of cordova vs phonegap and where does Ionic and the Ionic framework fit into all of this.

  • Why Ionic?4:05

    A deeper dive into Ionic, what it is and why you should be interested in learning it.

  • How to get the best out of this course2:56

    A summary of each section and how this course is structured.

  • Ionic Playground2:01

    An overview of the ionic playground (play.ionic.io) which is a tool we'll be using throughout this course to help explain ionic concepts.

  • Getting help?2:00

    How to get help regarding issues with Ionic, both on this course and also for your own Ionic projects.

  • OPTIONAL: How to use develop with the Chrome browser13:20
  • OPTIONAL: What IDE am I using in this course?6:53

Requirements

  • A windows or mac machine
  • A text editor or an IDE like WebStorm
  • A basic understanding of command lines and the terminal

Description

IMPORTANT: This course is for Ionic v1 ONLY. Ionic v2 is currently unreleased in BETA

This course will NOT be updated to Ionic v2 once it's released, v1 and v2 are too different, another course will be created instead.

UPDATE: 8/16

  • Support for firebase v3 added

UPDATE: 6/16 

  • Support for open source parse server. 
  • Resources added in again to the Angular Review section. 
  • Android Marshmallow Update
  • Various other changes including updates to the Windows setup instructions

UPDATE 1/16

  • Updates and fixes to the TV Chat App, Mealtracker App & TED RSS Reader App.
  • Workaround for the iOS9 Breaking Changes
  • New Lectures on Chrome Developer Tools and IDE

-----------------------------------------------------------------------------------------------------------------------

Gartner predict that by 2016 50% of all mobile applications will be hybrid apps built using technology like Ionic.

Ionic is a powerful HTML5 SDK that helps you build native-feeling iOS and Android apps using web technologies like HTML, CSS, and Javascript. It's based on Cordova and AngularJS.

This course is for existing web developers, your level of HTML, CSS and JS doesn't matter but you must have some since we won't be covering those topics on this course.

You DO NOT need to know AngularJS.

We will cover the essential AngularJS topics needed to build Ionic applications in the AngularJS Review section (If you already know AngularJS feel free to skip it)

Through a series of 7 real-world examples you will learn the skills needed to build fully functional, cross platform iOS and Android mobile applications in Ionic.

The course will cover:

  • Implement both Tabbed and Side Menu navigation.
  • Interact with the phones Camera, GPS & play sounds.
  • Embed Google Maps with markers, popup info windows.
  • Login with Facebook and add real-time chat functionality with Firebase.
  • Implement list controls, with re-order, delete, pull to refresh and infinite scroll functionality.

The course will also cover the feature of the Ionic Platform such as

  • Ionic Push - Send cross platform push notifications with just a few lines of code.
  • Ionic Deploy - Update your apps automatically and silently.
  • Ionic Analytics - Easily add deep analytics to your application.

With the rapid expansion of Javascript into nearly every area of application development. Web Developers are now the most versatile developers in the market, enjoying long-term job stability, growth, and diversity of work.

Thanks to Ionic, you now can design, build, and deploy robust mobile apps faster than you could with native technologies, all while incurring little to no app performance penalties and sticking to the web technologies you already love working with, namely css, html and javascript.

Imagine if you were the CTO of a small tech company, who would you rather hire?

A versatile web/mobile superstack developer.

  • In the morning they can fix a bug with the front end of the website.
  • In the afternoon they get their hands dirty adding a new feature to the node server side application.
  • And then in the evening they work on the companies new mobile application which is launching on iOS and Android in 2 weeks time.

OR

A unicorn native app developer, who can only work on iOS or Android.

Do I even need to say it?

With Ionic the dream of using web technology to build mobile apps is finally here. It isn't a second-class option, it's the future of mobile app development.

Who this course is for:

  • Web developers who want to break our into the mobile development market
  • Freelancers who are starting to see that most of their clients are now looking for mobile apps
  • Freelancers who want to up sell clients to have both a web and a mobile application.
  • This course is meant for Web Developers who want to start building mobile applications, they don't need to know AngularJS