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
Rating
(230)
Level
Intermediate
Updated
Mar 6, 2018
Duration
4h 7m
Table of contents
Course Overview
Course Overview 2m
Introduction
What Is Ionic? 3m Why Ionic? 3m Course Overview 2m What We Will Be Building 1m Course Repository 0m Introduction 3m Helpful Prerequisites 1m
Getting Started with Ionic
Run App with Ionic View 3m Overview 1m Summary 1m Starting a New Project 2m Run App with Browser 3m Understanding App Structure 4m Run App on Device 1m Installing Ionic 1m Hello World 3m Platform-specific Display 1m Run App with Emulator 3m
Navigation
Summary 2m Back Navigation 3m Navigation Parameters 3m Overview 1m A Closer Look at Root Navigation 6m Using the Navigation Stack 2m Side Menu Navigaton 3m Navigation Parameters with Tabs 2m Create Your Page Skeletons 6m The Navigation Stack 2m Navbars and Toolbars 4m Tabs 7m
Working with HTTP and Lifecycle Events
Lifecycle Events Overview 2m Add Third-party Library: Lodash 6m Create Service to Interact with HTTP 2m Load Data Within Lifecycle 4m Working with RxJS 4m Putting It All Together 3m Loading Component 3m Overview 1m Working with Promises 2m Setting up Your Backend 3m Summary 2m
Ionic Components
Ionic DateTime 4m Summary 2m Ionic Lists 4m Cards 3m Ionicons 3m Toasts 2m Alerts 4m List Dividers 5m Custom CSS 2m Overview 1m Buttons 3m Grids 10m Toggle 3m Badges 2m
Ionic Components: Beyond the Basics
Mapping 6m Driving Directions 3m Events 5m Search Bar 3m Refresher 5m Virtual Scroll for Lists 7m Putting It All Together 3m Overview 2m Ionic Local Storage 9m Summary 2m Segment 4m
Ionic Native
Finding and Adding Ionic Native Plugins 3m Barcode Scanner 2m Device Motion 3m What Is Ionic Native? 3m Overview 1m Geolocation 2m Vibration 4m Summary 2m Local Notifications 3m Camera 2m Integrate SQLite into Your App 10m
Customizing Ionic
Generate App Splash Screen 1m App Metadata: config.xml 1m Overview 1m Summary 1m Generate App Icons 2m Custom Colors in app.core.scss 2m
Description
Course info
Rating
(230)
Level
Intermediate
Updated
Mar 6, 2018
Duration
4h 7m
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
C# Design Patterns: Mediator
Advanced
37m
Dec 17, 2019
C# Design Patterns: Composite
Intermediate
33m
Nov 14, 2019
Dapper: Getting Started
Beginner
1h 27m
Jun 12, 2019
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