Learn Ionic 3 From Scratch
4.6 (368 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,711 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Ionic 3 From Scratch to your Wishlist.

Add to Wishlist

Learn Ionic 3 From Scratch

Create Cross Platform Mobile Applications with Ionic 3, Angular 4, TypeScript and Firebase.
4.6 (368 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,711 students enrolled
Last updated 6/2017
English
Current price: $10 Original price: $180 Discount: 94% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9.5 hours on-demand video
  • 20 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
What Will I Learn?
  • Create a mobile application that interfaces with the GitHub API.
  • Create a real time chat application with Ionic 3 and Firebase
  • Create an application prototype with Adobe Experience Design
  • Have a UX driven approach to application development.
  • Understand the intricacies of Ionic 3 and Angular 4, and use them to make powerful cross platform mobile applications.
  • Integrate a variety of Ionic Native plugins with your mobile applications.
View Curriculum
Requirements
  • An understanding of JavaScript
  • A brief understanding of Angular and TypeScript would be beneficial, but not ultimately required.
Description

"Learn Ionic 3 From Scratch by Paul Halliday is a course that guides you from a beginner to expert in Ionic 3. If you have seen any of Paul Halliday's work before, you know that he is committed to providing up-to-date, thorough video content with a clear cut approach."

You may have seen other courses on the market that are available to purchase already, yet haven't been updated to Ionic 3 or taking advantage of the latest Angular concepts or features. Paul releases daily videos on his YouTube channel and his commitment to the course content is the same. By purchasing this course, you're investing in your mobile development future as you can be confident that it will be updated as time goes on. 

This course is community oriented and the discussion tab can be used to showcase your progress, suggest content ideas, ask for help, and much more.

Applications Built

Within the "Learn Ionic 3 From Scratch" course, you will be making the Github Profile Searcher from scratch. Prior to interacting with any API, we create our mock data and TypeScript interfaces for a strongly typed approach to development. 

We then look at making 'Beep', the social chat application from UX design all the way to full implementation*. As you follow the course, we design the application in Adobe Experience Design and then look at implementing the various features to a production standard within our project. 

We use Firebase for our real-time database and authentication, as well as the latest release candidate which includes the modularisation of AngularFire2 into different packages. 

By the end of this course, you'll be able to make cross platform mobile applications using Angular 4, TypeScript and Ionic 3. This means that you'll be able to:

  • Create high performance mobile applications using web technologies (HTML5 and JavaScript).
  • Have a strong portfolio of applications* and understanding of Ionic 3, TypeScript and  Angular 4.
  • Master the Ionic 3 CLI with a section dedicated to it's usage.
  • Use Ionic Native and Cordova to hook into native device features*.
  • Theme your Ionic applications with bespoke styles, and understand common accessibility patterns.
  • Master Ionic 3 navigation patterns with lifecycle hooks.
  • Increase performance of your Ionic 3 applications with lazy loading.

And much more.

* Feature is under development as the course continues to grow.

About Paul

Paul Halliday is a Durham based tech entrepreneur that specialises in cross platform HTML5 mobile development. He graduated with a first class honours in BSc Computer Science from the University of Sunderland and has received numerous awards including Best Student, SIEM Prize, Best Business Idea, the Sunderland University Professional Award, and more.

His experience is primarily in web related technologies such as Angular, Node, React, NativeScript, Ionic, and more. He also has a great deal of experience in rapid prototyping with the usage of platforms such as Firebase, Parse and Google Cloud.

Who is the target audience?
  • Anyone who wants to make cross platform mobile applications using the latest web technologies.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
159 Lectures
09:57:16
+
Introduction
7 Lectures 09:01

Prerequisites
01:26

Resources
00:37

Environment Setup - Windows
01:52

Environment Setup - Mac
02:14

Installing NodeJS - The Right Way
01:23

Selecting Our Editor
00:40
+
Angular 4 Primer
16 Lectures 50:11
Angular Anatomy
02:41

Introduction to the Angular CLI
01:26

Creating our First Angular Application
01:00

Angular Folder Structure and Testing
05:54

NgModule
02:06

Components
01:20

CLI Basics
05:43

Data Binding
03:48

Events
03:04

NgModel
02:22

*ngIf Directive
02:06

*ngIf Else
02:11

*ngFor Directive
04:29

Component Communication
06:40

Pipes
05:10

Recap
00:11

Angular 4 Quiz
6 questions
+
Ionic 3 CLI
13 Lectures 19:25
Installing the Ionic 3 CLI
00:42

Creating a New Project with the Ionic 3 CLI
02:59


Running our Project in the Browser and on a Device
01:47

Using Live Reload on a Device
00:37


Getting Environment Information with Ionic Info
01:43

Accessing the Ionic Documentation
00:28

Creating an Ionic.io Account
00:23

Authenticating to Ionic.io Within the CLI
00:33

Creating an Application on the Ionic.io Platform
00:52

Using Ionic View to Run Your Application on a Device
01:54

Generating Splash Screen and Icon With the CLI
02:40
+
Getting Started with Ionic 3
8 Lectures 14:08
Installing Dependencies
02:59

Creating Our First Project
02:02

Run Your Application in a Browser
01:44

Folder Structure
05:05

Config.XML and Application Name
00:42

Package.json
00:28

Adding Content to Our Application
00:33

Recap
00:35
+
Navigation
8 Lectures 43:22
Creating a New Page
01:22

Navigating to Another Page
06:25


Lazy Loading Components - Feature/Shared Modules
11:35

Navigation Parameters
04:07

Lifecycle Hooks
06:41

Back Navigation
02:16

Root Navigation and Stack Overview
06:14
+
Theming
7 Lectures 18:18
Introduction - Colour Selection
02:19

Custom Colours
04:28

Text Alignment
02:26

Text Transformation
01:34

Padding
02:23

Margin
01:21

Changing Colour Contrast
03:47
+
GitHub Profile Searcher
14 Lectures 01:03:54
Creating the 'GitHub Profile Searcher' Project
01:33

Creating the Profile Search Page
03:38

Profile Search View and Model
04:17

Navigation and Parameters
04:52






Mid Section Recap
05:40

Retrieving User Data
07:03

Retrieving User Repositories
04:43

@IonicPage() Decorator and Deep Linking
02:45

Final Thoughts
01:09
+
UX Driven Design: Designing the 'Beep' Application
16 Lectures 30:02
Preface
01:06

Scaffolding our Application Design
04:38

Splash Screen
02:11


Register
01:42

Inbox
02:21


Profile
01:54

Selecting a User
01:11


One on One Chat
00:24

Edit Profile
00:39

Reviewing Requirements
02:01

Searching for Users
00:47


'Beep' Design Prototype
00:08
+
Work in Progress: Beep: Create a Chat Application with Ionic 3 and Firebase
46 Lectures 04:16:17
Preface
00:11

Creating our 'Beep' Application
01:02

Creating the 'Login' Page
02:42

Login Form and Styling
05:10

Register
02:00

Theming
03:05

Page Creation and Navigation
03:23


Tab Icons
04:07

Lazy Loading
01:15

Theming the Inbox Page
01:49

Mocking Data
07:42

Showing Messages On Screen
06:31

Adding Components and Refactoring
08:58

Creating User Accounts with Firebase and AngularFire2
08:16

Authenticating Users with Firebase and AngularFire2
03:17

Component Communication with EventEmitters
10:37


Refactoring Register Form Component to use EventEmitters
04:48

Creating an Edit Profile Form
06:43

Saving Authenticated User Profile Data to Firebase
11:59

Login Form/Flow Improvements
09:05

Login/Register Form Validation
11:14

Displaying User Profile
07:42

Searching Users and Configuring Firebase Rules
09:24

Edit Profile as an Authenticated User
07:28

Automatic User Authentication
01:49

Trimming Search Queries
01:43

Creating the Message Page
03:54


Adding a Send Message Box
03:48

Displaying Chat Messages
06:25

Adding a Signout Button
01:38

Combining Observables with mergeMap
03:06

Adding Chat Channels
07:07

Displaying Channel List
04:07

Sending Messages to Channels
12:18

Showing Online Users
08:34

Firebase Hosting Deployment
03:32

Chat Message Structure
03:35

User Messages with Firebase Cloud Functions
07:54

Preparing Chat Messages Component
05:59

Sending One on One Chat Messages
09:27

Displaying One on One Messages
07:28

Generate Last Messages with Cloud Functions
04:13

Displaying Last Message List and Starting Conversations
08:49
+
Work in Progress: Ionic 3 Components
6 Lectures 37:40
Preface
00:13


Toast
05:18

Popover and onDismiss()
04:31

Events
02:28

Using @IonicPage() for Deep Linking
13:38
2 More Sections
About the Instructor
Paul Halliday (BSc Hons)
4.6 Average rating
378 Reviews
1,755 Students
3 Courses
Software Developer

Paul Halliday is a tech entrepreneur that specialises in cross platform mobile development. He graduated with a first class honours in BSc Computer Science from the University of Sunderland and has received numerous awards including the SIEM Prize, Sunderland University Professional Award, and more. 

His experience is primarily in web related technologies such as Angular, Node, React, NativeScript, Ionic, and more. He also has a great deal of experience in rapid prototyping with the usage of platforms such as Firebase, Parse and Google Cloud Services. 

He provides free training resources in topics such as Ionic, Angular, RxJS, NativeScript and more over at YouTube.