Ionic 2 Quickstart: Cutting-Edge Mobile Development
3.0 (61 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.
283 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Ionic 2 Quickstart: Cutting-Edge Mobile Development to your Wishlist.

Add to Wishlist

Ionic 2 Quickstart: Cutting-Edge Mobile Development

Create Incredible Mobile Applications for iOS & Android Using HTML, CSS & Javascript.
3.0 (61 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.
283 students enrolled
Created by Nick Kenens
Last updated 7/2016
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • 3 mins on-demand audio
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create Cutting-Edge Mobile Applications Using Ionic 2
  • Take Your Career To The Next Level
  • Understand the inner workings of The Ionic 2 Framework
  • Be Able to Create Amazing Mobile Application From Scratch
  • Use The Incredible Tools That Ionic Offers to Streamline Your Workflow
  • Get a Jumpstart on Learning Ionic 2
View Curriculum
  • Basic HTML, CSS & JavaScript Knowledge
  • Know How to Use a Text Editor
  • Basic Angular2 Knowledge Is Helpful But, Far From Essential.

This course will teach you the fundamentals of how to use the Ionic 2 Framework to develop cutting-edge mobile application from scratch.

The HUGE benefit to using the Ionic 2 Framework is that you can utilize your existing web technologies knowledge like HTML, CSS & JavaScript.

This means that you don't have to learn an entirely new language from scratch; How amazing is that!

Not only will you be able to create mobile applications from scratch, you will also be able to take your career to the next level. Not a lot of people have the ability to create mobile applications this fast.

Ionic 2 Framework will help you jumpstart your mobile application development career.

This course will have no fluff, just straight to the point knowledge & lectures. I'll be teaching you exactly how to make mobile applications for iOS and Android using the Ionic 2 Framework.

Want to hear the most amazing part?

You'll learn how to develop mobile application for iOS & you'll learn how to develop mobile applications for Android; all with one piece of technology!

Jumpstart your career today, come join in!

The best investment you can ever make is an investment in yourself.

There are tons of reasons why you'd want to pick up Ionic 2 and at it to your awesome arsenal of tools.

One of the biggest benefits of using Ionic 2 is that you'll only have to make & maintain one codebase; that will run on both iOS & Android (even Windows Phone in the future)!

Who is the target audience?
  • Anyone Who is Looking For a Way to Utilize Web Technologies to Build Mobile Application
  • Anyone Who Wants to Take Their Carreer To The Next Level
  • Anyone Who Wants to Be Able to Create Mobile Applications From Scratch
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 26 Lectures Collapse All 26 Lectures 01:41:40
Getting Started
5 Lectures 05:41

Quick overview of how the course is structured & what you'll be learning!

Preview 00:47

In this lecture we're going to install NodeJS on your system. I'm going to guide you through the entire process from start to finish.

The reason we need NodeJS on our system is because the Atom editor relies on it.

Also, we're going to be using the Node Package Manager to install ionic2 on our system so we can start building amazing hybrid mobile applications for both iOS and Android!

Preview 01:18

I highly recommend that you use the Atom editor although this is not a necessity. The Atom text editor is an IDE build by Github & it's open source. It's also hackable meaning that you can customize it in whichever way you want.

It's just a nice IDE to be coding in, it has tons of packages aswell so you can streamline your mobile application development using ionic2.

Preview 01:53

Atom doesn't have TypeScript support internally. But as always, there's a package for that!

We're going to be using TypeScript to build our Ionic 2 mobile apps; so we're going to need to have TypeScript support in our preferred IDE.

Preview 01:10

And of course, last but by far not least. We're going to use the Node Package Manager to install ionic onto our system.

Now we can officially start building amazing cross-platform mobile applications using web technologies!

Preview 00:33

Getting started is a big part in any project. Let's see if you understand why.

Getting Up & Running.
2 questions
How to Build Your First Ionic 2 Mobile Application
7 Lectures 26:43

We're going to be setting up your first Ionic 2 Application using the CLI that ionic provides.

This is going to get you up & running with your first mobile application in less than 2 minutes. It's crazy.

Preview 01:25

Let me show you the way around the folder structure that Ionic2 has created for us.

It's really important for any project; no matter what size, to know your way around the folders you're working in.

This is no less true in an Ionic2 mobile application. It uses the same web technologies that you're probably used to already so this shouldn't get you too confused.

Preview 03:28

Understanding how to start a project & manage the folder structure is crucial in any development environment.

Let's see if you can answer these.

Scaffolding out a Starter Application
3 questions

Visually explaining you how the navigation system inside of Ionic 2 works.

Giving you a conceptual overview of how to think about the navigation + very applicable examples.

You're going to understand how the Ionic 2 navigation system works in no time!

Understanding How Navigation Works in Ionic 2

What's an application without pages? Exactly. Nothing.

I'm going to be teaching you how pages work within an Ionic 2 mobile application.

You'll also pick up some Angular2 concepts along the way!

Adding Your First Page

Teaching you how to set up basic navigation in Ionic2.

Clear & concise overview of a simple navigation within your mobile app, how it works & why it works.

This is based on our visual explanation video.

Basic Ionic 2 Navigation

Data, data, data! Your mobile application needs to pass data from one page to another. How do we do that?

That's exactly what I'm going to be teaching you in this lecture.

This is a really important Ionic 2 concept to grasp, so pay attention!

Passing Data Through The Navigation

Questions about how to Pass data through the navigation. This will help you solidify the concepts we covered in this lecture.

Navigation in Ionic 2
3 questions

It's kind of hacky having all that hard coded data within your views, huh?

Let's change it & let's use an Ionic 2 provider/service.

We're going to be setting up a central data point from which all of our pages can grab the data.

Instead of constantly having to rewrite all of the code to get the data set up, we can now simply import a module & we're set!

That's the power of Angular2 & Ionic2 in action right there.

Basic Ionic 2 Provider/Service

Providers are incredibly important when it comes to making your web application easy to use & code. Let's see if you know what they are.

Providers in Ionic 2
2 questions
Amazing Ionic 2 Tools
3 Lectures 09:23

As we all know, tooling is really important. I'm going to be showing & teaching you how to use the "Ionic Lab" tool.

This allows you to preview your mobile application on both iOS & Android at the same time.


This is absolutely amazing. No need to run that emulator again now, just open the Ionic Lab & Get Started!

The "Ionic Lab" Tool

Sometimes we want to be able to share our application with a friend or just look & interact with it on our phone.

This used to be such a hassle in iOS & Android. But, Ionic 2 to the rescue!

The Ionic View Application allows you to preview your application on your phone & share it with a friend so they can check out your awesome work!

This will help you a lot when trying to streamline your Ionic development.

Ionic 2 View Application

I'm going to be showing you your way around the Ionic Marketplace.

The Ionic Marketplace features starter packages, themes, plugins & much more.

It's absolutely amazing what a community can accomplish.

Want a starter package for your Ionic Mobile App? Done.

Want an awesome theme? Done.

Want a plugin that you would otherwise spend 7 hours coding up? Done in less than a minute.

Ionic 2 Marketplace

Understanding how to use tooling is essential.

The Ionic Tools
2 questions
Building a Complete Advanced Todo Application Using Ionic 2
8 Lectures 48:44

Let's scaffold out your starter application files together.

I'm going to be using another starter template here called "blank".

This does not have the Tabs set by default, but you can add them if you'd like.

Let's go and develop an Ionic 2 mobile application together!

Scaffolding out a Basic Application

Setting up the main Todo Page view in our Ionic Application.

Guiding you step-by-step of how to set up the basic Todo Page where the bulk of our application is going to take place.

A lot of Angular2 concepts come into play.

Setting up the Todo Page & Basic Navigation

Setting up a central place to gather all of our todo data.

This allows us to import the provider into a page where we want to use the data.

An Ionic2 mobile application without data; is not an application. Get used to it.

Setting up the Todo Service to Provide Data

This can be quite tricky at first, passing the data through the navigation, displaying it, etc...

Let me guide you through the exact process of getting this set up.

This will give you a very deep understanding of how data passing works in Ionic 2 & Angular2.

Also, your Angular2 skills are improving a ton if you've gone this far.

Setting up the Todo Details Page & Navigation Data

Advanced Delete functionality.

Let's implement an the delete functionality together. But we're not going to do it the boring way.

We're going to do it the hard way.

This is going to allow you to truly grasp the concepts that Ionic2 & Angular2 are giving us.

Trust me, you're going to thank me for showing it to you like this.

You're probably going to have to add the same functionality to one of your mobile application in the near future as well.

So get used to doing things the hard way. You'll learn a lot quicker.

Setting up Advanced Todo Functionality - Delete

Let me show you the magic of how Ionic2 & Angular2 work together to make your ionic2 hybrid mobile application come to life.

Your mind is going to be blown.

Angular2 is the next huge step in web development.

We're going to go over a ton of concepts in this video so watch it thoroughly.

Setting up Advanced Todo Functionality - Edit & Save

And of course, the Add Todo Functionality.

A bit harder than you'd first imagine. I'll show you exactly how to go about implementing this into your mobile application.

This way of adding data in your Ionic2 application is something you're going to be using a lot.

Setting up Advanced Todo Functionality - Add

Birdseye view of the application we created together & the amazing lessons we've learned along the way.

This is an incredible way for you to truly solidify the concept that we've used in this course.

Overviews, summaries & lessons learned are an amazing way to boost your learning.

Taking the time to go over your application in a real world setting is something you're going to be doing a lot of.

Get used to the process of stepping outside of the code & looking at the big picture.

Advanced Todo Application Overview & Lessons Learned
What We've Learned
2 Lectures 07:46

Birdseye view of all the lessons we've learned throughout this course.

Ionic 2 mobile application don't have to be hard, whenever you're having trouble, feel free to refer back to this course.

The quick overviews allow you to put your brain to work on remembering all the concepts that I've shared with you.

The Ionic 2 Framework for hybrid mobile applications; is an absolute game changer.

You've taking a step in the right direction. Good job!

Course Overview

I've helped you jumpstart your journey into developing cutting-edge hybrid mobile applications using the Ionic 2 Framework.

But, in a real world setting, we're going to have to go about improving ourselves outside of the classroom as well.

I'll be sharing some amazing resources that will take your development carreer to another level.

My Top 5 Ionic 2 Resources
Course Update Videos
1 Lecture 03:23

What you can expect from this Ionic 2 course in the future.

Update Video
About the Instructor
Nick Kenens
3.0 Average rating
61 Reviews
283 Students
1 Course
Cross-Platform Mobile App Developer

Ever since I typed my first word of code into a command line I've been in love with the practice of coding. 

It's one of the only professions where you can sit down and create something beautiful & impactful from scratch.

I look at my work as a piece of art that is worked to perfection day by day. As far as I know, perfection can't be reached, there's always something to improve & that's exactly why I love it.

I read a book a day to sharpen my mind, listen to podcasts, take courses & read at least 2-3 tech-related articles a day to stay up to date with the latest tech trends & technologies.

In my spare time, I love just "moving" by doing Brazilian Jiu Jitsu, Capoeira, Parkour & other movement-related sports. It's an amazing way to keep my mind sharp & my body in shape.

This shows up in my day-to-day energy & charisma. I'm not afraid to look a challenge in the eye and solve it.

Well, that's about it. Feel free to contact me if you have any questions regarding work-related stuff & hope to talk to you soon!