Building Mobile Apps with Ionic, Angular, and TypeScript

By Steve Michelotti
This code-focused course explores the exciting new Ionic framework and shows how to build mobile apps using Angular and TypeScript.
Play course overview
Course info
Level
Intermediate
Updated
Oct 13, 2016
Duration
4h 8m
Table of contents
Course Overview
Course Overview 2m
Introduction
Introduction 2m Course Overview 2m What Is Ionic? 3m Why Ionic? 3m Helpful Prerequisites 1m Course Repository 0m What We Will Be Building 1m
Getting Started with Ionic
Overview 1m Installing Ionic 1m Starting a New Project 2m Run App with Browser 3m Run App with Emulator 3m Run App on Device 1m Run App with Ionic View 2m Understanding App Structure 4m Platform-specific Display 1m Hello World 3m Summary 1m
Navigation
Overview 1m The Navigation Stack 2m Create Your Page Skeletons 6m Using the Navigation Stack 2m Back Navigation 3m Side Menu Navigaton 3m Navbars and Toolbars 4m Navigation Parameters 3m Tabs 7m Navigation Parameters with Tabs 2m A Closer Look at Root Navigation 6m Summary 2m
Working with HTTP and Lifecycle Events
Overview 1m Setting up Your Backend 3m Create Service to Interact with HTTP 2m Working with Promises 2m Lifecycle Events Overview 2m Load Data Within Lifecycle 4m Working with RxJS 4m Loading Component 3m Add Third-party Library: Lodash 7m Putting It All Together 3m Summary 2m
Ionic Components
Overview 1m Ionic Lists 4m List Dividers 5m Buttons 3m Ionicons 3m Cards 3m Custom CSS 2m Grids 10m Ionic DateTime 5m Toggle 3m Badges 2m Alerts 4m Toasts 2m Summary 2m
Ionic Components: Beyond the Basics
Overview 2m Ionic Local Storage 10m Events 5m Refresher 5m Search Bar 3m Virtual Scroll for Lists 9m Segment 4m Putting It All Together 3m Mapping 7m Driving Directions 3m Summary 2m
Ionic Native
Overview 1m What Is Ionic Native? 3m Finding and Adding Ionic Native Plugins 3m Vibration 4m Geolocation 2m Camera 2m Barcode Scanner 2m Device Motion 3m Local Notifications 3m Integrate SQLite into Your App 8m Summary 2m
Customizing Ionic
Overview 1m Custom Colors in app.core.scss 2m App Metadata: config.xml 1m Generate App Icons 2m Generate App Splash Screen 1m Summary 1m
Description
Course info
Level
Intermediate
Updated
Oct 13, 2016
Duration
4h 8m
Description

Hello! My name is Steve Michelotti, and welcome to Building Mobile Apps with Ionic, Angular, and TypeScript. In this course, you will quickly get up and running with Ionic, and build a complete app from scratch over the duration of the course. You will get there by learning major topics like screen navigation, working with HTTP, and numerous Ionic components including advanced scenarios. You’ll also learn about using native device features such as geolocation, the device camera, barcode scanner, accelerometer, and more. By the end of this course, you will be able to you'll be well prepared to start developing your own apps using the Ionic framework. Before you begin, make sure you are already familiar with TypeScript and Angular basics like dependency injection and data binding. In particular, the TypeScript Fundamentals and the Angular 2 - First Look courses will be helpful. I hope you’ll join me, and I look forward to helping you on your learning journey here at Pluralsight.

About the author
Steve Michelotti
About the author

Steve is a Program Manager with Microsoft on the Azure Global Engineering team. Prior to joining Microsoft, he was a 7-time Microsoft ASP.NET MVP.

More from the author
Dapper: Getting Started
Beginner
1h 28m
Jun 12, 2019
ng-bootstrap Playbook
Beginner
2h 48m
Nov 20, 2018
Microsoft Azure Cognitive Services: Face API
Beginner
1h 32m
Jun 21, 2018
More courses by Steve Michelotti
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, this is Steve Michelotti. Welcome to Building Mobile Apps with Ionic 2, Angular 2, and TypeScript. Ionic 2 is an exciting new sequel to the Ionic framework, which has taken the mobile development community by storm over the last couple of years. Ionic enables developers to build cross-platform mobile apps, which can be natively installed from an app store using web development technologies like Angular, JavaScript or TypeScript, HTML, and CSS. In this course we're going to cover numerous aspects of the Ionic 2 framework. And we're going to do this by building a complete application from scratch. You'll see how to effectively use Ionic 2 navigation, including some advanced scenarios. We'll work with data over HTTP and see how to hook it into Ionic's lifecycle events. We'll explore all kinds of ionic components, from basic components, like buttons and lists, to more advanced features, like virtual scrolling, pull to refresh, and mapping with driving directions. I'll also show how you can use Ionic to access native features of the mobile device including geolocation, the camera, barcode scanner, accelerometer and more. By the end of this course you'll be well prepared to start developing your own apps using the Ionic 2 framework. I hope you'll join me on this journey to learn the Ionic 2 framework with the Pluralsight course - Building Mobile Apps with Ionic 2, Angular 2, and TypeScript.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT