Learn Ionic 3 From Scratch
4.6 (640 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.
2,636 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 (640 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.
2,636 students enrolled
Last updated 8/2017
English
English
Curiosity Sale
Current price: $10 Original price: $180 Discount: 94% off
30-Day Money-Back Guarantee
Includes:
  • 11 hours on-demand video
  • 22 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • 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

With over 10 hours of content and more to come, this course is the ultimate learning resource for Ionic 3.

"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. He's also a Progress Telerik Developer Expert and a Google Accredited Mobile Site Professional.

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
194 Lectures
11:51:31
+
Introduction
10 Lectures 13:22


Prerequisites
00:53

Q&A
00:25

Environment Setup - Windows
01:09

Environment Setup - Mac
01:09

Ionic and Cordova Setup
02:22

Editors
00:35

VSCode Plugins
02:58

Recap
00:29
+
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
+
Project: GitHub Profile Searcher
15 Lectures 01:03:56
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

Source Code
00:02
+
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
4 More Sections
About the Instructor
Paul Halliday (BSc Hons)
4.6 Average rating
850 Reviews
7,573 Students
4 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.