Course content

0h12m

PREVIEW: Building Mobile Apps with Ionic 2 - Video Course

This is a preview of the 1 hour video course that comes bundled with the Expert package of Building Mobile Apps with Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h21m

Component and Template Interaction in Ionic 2

In this video tutorial, I introduce the concepts of Property Binding, Event Binding, Interpolation, and Two-Way Data Binding.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h21m

Passing Data Between Pages in Ionic 2

In this tutorial, we look at several different methods for sharing data between pages in Ionic 2.

More on navigation in Ionic 2: http://www.joshmorony.com/a-simple-guide-to-navigation-in-ionic-2/

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h25m

Hacking CSS in Ionic 2

In this video tutorial I walk through some of the different ways to theme an Ionic 2 application. There was no particular plan for the video, I just wanted to jump in and show you some of the steps I would usually take when theming an application, and the methods I prefer to use. Rather than being about the high level theory, this video should hopefully show a realistic scenario of hacking away at an application.

Build the app we are using in the video: http://www.joshmorony.com/filtering-mapping-and-reducing-arrays-in-ionic-2/

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h11m

Conditional Attributes, Styles, and Classes in Ionic 2

In this video tutorial, we take a look at how to conditionally apply attributes, styles, and classes to elements in Ionic 2.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h15m

An Overview of the Grid Component in Ionic 2

This tutorial covers the basics of the grid component, and how it cane be used to create complex layouts in Ionic 2.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h20m

Filtering, Mapping, and Reducing Arrays in Ionic 2

In this video tutorial, we will walk through a quick and practical example of applying filter, map, and reduce functions to a list of data in Ionic 2.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h11m

Saving Data in Ionic 2

In order to persist data throughout different sessions, there are multiple different methods we can use, but one simple way to do this is to use the built-in Storage service that Ionic 2 provides.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h14m

Loading Remote JSON Data with HTTP in Ionic 2

In this video tutorial, I walk through how to use the Http service to make a `get` request to load some JSON data.

Learn about Observables: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/observables-in-ionic2.html

Learn about Mapping Arrays: https://www.youtube.com/watch?v=A-4CLa05tp0

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h07m

An Introduction to Structural Directives: *ngIf & *ngFor

In this video tutorial, we cover the concept of using structural directives like *ngIf, *ngFor, and *ngSwitchCase in Ionic 2. Structural directives are an Angular concept, but we will be discussing them in the context of an Ionic application.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h18m

How to Use Git with Ionic 2 Projects

Learn how to use Git and BitBucket (or GitHub) with your Ionic 2 projects for backing up code, revision control, and collaboration with others.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h13m

An Explanation of Cordova Plugins for Ionic 2

In this video, I walk through these basic concepts of using a Cordova plugin right from the beginning in order to give you the "full picture" of how it all works.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h05m

Using Gestures & Uncommon Event Bindings in Ionic 2

In this video tutorial, we cover how to create event bindings other than the usual (click) event binding in Ionic 2. We will cover how to use gestures like press, swipe, pan, pinch, and rotate, as well as some more uncommon events like keydown and keydown.space.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h05m

Reordering a List in Ionic 2

In this video tutorial, I walk through exactly how to create a reorderable list in Ionic 2.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h14m

Custom Components in Ionic 2

In this tutorial, we walk through the basics of creating your own custom components in Ionic 2.

Simple Progress Bar Component: http://www.joshmorony.com/build-a-simple-progress-bar-component-in-ionic-2/

Photo Tilt Component: http://www.joshmorony.com/create-an-advanced-photo-tilt-component-in-ionic-2/

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h14m

Using Semantic CSS Styling in Ionic 2

In this video tutorial, I walk through a semantic approach to creating styling in Ionic 2. This style relies more heavily on using the semantic structure of the template to apply styles, rather than adding classes and IDs.

CSS Selectors: http://www.w3schools.com/cssref/css_selectors.asp

Music Interface Tutorial: https://www.joshmorony.com/creating-a-music-player-interface-in-ionic-2/

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h15m

Custom Pipes in Ionic 2

In this video tutorial, we are going to build a pipe that will convert seconds, into an hours-minutes-seconds format, like "3hrs, 42mins, 10secs" instead of "13330".

Permatimer application tutorial: https://www.joshmorony.com/creating-a-time-tracking-app-in-3-hours-and-57-minutes/

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h10m

How to Install 3rd Party Libraries in Ionic 2

There are some specific steps you will need to take in order to get most libraries working in Ionic 2, in this video tutorial, I walk through a couple of common examples.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h10m

An Introduction to NgModule for Ionic 2

In this video tutorial, I explain a little bit of the theory behind modules and I cover what you need to know in order to correctly add your own dependencies to the app.module.ts file.

I was wrong about the charts tutorial, it doesn't use its own module!

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/

0h09m

Automatically Generate Splash Screens and Icons with Ionic CLI

In this video tutorial, I will walk you through how to create the initial icon and splash screen, and how to use the `ionic resources` command.

Learn Ionic 2: https://www.joshmorony.com/building-mobile-apps-with-ionic-2/