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
(241)
Level
Intermediate
Updated
Mar 6, 2018
Duration
4h 7m
Table of contents
Course Overview
Course Overview 2m
Introduction
Introduction 3m 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 3m 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 6m 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 4m Toggle 3m Badges 2m Alerts 4m Toasts 2m Summary 2m
Ionic Components: Beyond the Basics
Overview 2m Ionic Local Storage 9m Events 5m Refresher 5m Search Bar 3m Virtual Scroll for Lists 7m Segment 4m Putting It All Together 3m Mapping 6m 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 10m 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
Rating
(241)
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
  • numerous Ionic components including advanced scenarios
  • 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.
Course FAQ
Course FAQ
What is Ionic?

The Ionic framework enables developers to build cross-platform mobile apps.

What will I learn in this course?

In this course, we will be building a complete application from scratch, exploring all kinds of Ionic components, while using Angular and TypeScript.

What prerequisites do I need?

This course will rely heavily on Angular and TypeScript so it's suggested that you at least know their fundamentals.

What version is required?

This course will show you how to install Ionic's latest version to get you up and running quickly.

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
[Autogenerated] Hi, This is Steve Micheletti. Welcome to building Mobile Apse with Ionic Too Angular two and typescript. Ionic To 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 APS, which could be natively installed from an APP store. Using Web development technology is like angular JavaScript type script, HTML and CSS. In this course, we're going to cover numerous aspects of the Ionic to framework, and we're going to do this by building a complete application from scratch. You'll see how to effectively use Ionic to navigation, including some advance scenarios will work with data over http and see how to hook it into Ionics Life cycle events. We'll explore all kinds of ionic components from basic components like _______ 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 geo location, the camera barcode scanner, accelerometer and more. By the end of this course, you'll be well prepared to start developing your own APS using the Ionic to framework. I hope you'll join me on this journey toe. Learn the ionic to framework with the plural site course building mobile labs with Ionic Too Angular, two 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