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