Search
banner

Paul Halliday - Learn Ionic 3 From Scratch

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.
SKU: PHLI3FS
$74.00
$27.00
i h

Paul Halliday - Learn Ionic 3 From Scratch

 

 Paul Halliday - Learn Ionic 3 From Scratch

 

With over 13 hours of content and more to come, this course is the ultimate learning resource for Ionic 3. This is a step by step guide that takes you through the basics of Ionic and through the process of creating multiple applications.

"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!

What about Ionic 4?

This course covers how to get started with Ionic 4.x, Vue.js and Angular 1.6! I also wrote about this over at Alligator.io, check out my article here!

Chat with me, join the Slack group! http://bit.ly/JoinPaulHallidaySlack

Get immediately download Paul Halliday - Learn Ionic 3 From Scratch

Course Curriculum

Introduction

    Introduction (0:20)
    Course Overview (3:02)
    Prerequisites (0:53)
    Q&A (0:25)
    Environment Setup - Windows (1:09)
    Environment Setup - Mac (1:09)
    Ionic and Cordova Setup (2:22)
    Editors (0:35)
    VS Code Plugins (2:58)
    Recap (0:29)

Ionic CLI

    Installing the Ionic CLI (0:42)
    Creating a New Project (2:59)
    Listing Project Templates (2:33)
    Running our Project in the Browser and on a Device (1:47)
    Using Live Reload on a Device (0:37)
    Generating Project Files (2:14)
    Accessing Environment Information with Ionic Info (1:43)
    Accessing the Ionic Documentation (0:28)
    Creating an Ionic.io Account (0:23)
    Authenticating with Ionic.io (0:33)
    Creating an Application on the Ionic.io Platform (0:52)
    Using Ionic View (1:55)
    Generating Splash Screen and Icons (2:40)

Getting ed with Ionic 3

    Creating an Ionic Application (2:18)
    Serving the Application (1:44)
    Folder Structure (5:05)
    Your First Application (0:42)
    Ionic Document Flow (0:28)
    Challenge - Create an Ionic Application (0:33)

Navigation

    Creating a New Page (1:22)
    Page Navigation (6:25)
    Lazy Loading (4:42)
    Navigation Parameters (4:07)
    Lifecycle Hooks (6:41)
    Back Navigation (2:16)
    Root Navigation and Stack Overview (6:14)

Theming

    Colour Selection (2:19)
    Custom Colours (4:28)
    Text Alignment (2:26)
    Text Transformation (1:34)
    Padding (2:23)
    Margin (1:21)
    Changing Colour Contrast (3:48)

Project 1: Greeting Application

    Introduction (0:36)
    Project Initiation (1:09)
    Run the Project in the Browser (0:52)
    Creating the HomePage Template (3:00)
    Capturing the Greeting Name (2:51)
    Displaying a Greeting Toast (2:17)
    Recap (0:54)
    Source Code

Project: Flashlight Application

    Creating a New Application (2:05)
    Adding the Flashlight Provider (2:02)
    Controlling Flashlight Functionality (1:56)
    Adding Buttons and Status (1:59)
    UI and Ionic Platform (1:59)
    Running on a Device (1:38)
    Summary and Further Work (0:50)

Project 2 - GitHub Profile Searcher

    Creating the 'GitHub Profile Searcher' Project (1:33)
    Creating the Profile Search Page (3:38)
    Profile Search View and Data Model (4:17)
    Navigation and Parameters (4:52)
    Mocking User Data (2:25)
    Search Results Implementation (7:17)
    Displaying Search Results on Screen (9:17)
    Mocking Repository Data (5:20)
    Displaying Repositories in Search Results (3:56)
    Mid Section Recap (5:40)
    Retrieving User Data (7:03)
    Retrieving User Repositories (4:43)
    @IonicPage() and Deep Linking (2:45)
    Final Thoughts (1:09)
    Source Code

Project: Shopping List with Ionic 3 and Firebase

    Create Project and Install Dependencies (1:36)
    Lazy Loading Pages (3:25)
    Adding AngularFire2 (3:19)
    Add the AddShopping (2:55)
    AddItemPage View (1:53)
    ShoppingItem Model (2:40)
    Adding Shopping Items (6:12)
    Displaying Shopping Items (4:56)
    Editing Shopping Items (6:30)
    Adding a ToastService (3:58)
    Removing Items from the list (3:00)
    Recap (0:30)

UX Driven Design - 'Beep' Firebase Chat Application

    Scaffolding our Application Design (4:38)
    Splash Screen (2:11)
    Login and Navigation (3:52)
    Register (1:42)
    Inbox (2:21)
    Channel List (1:20)
    Profile (1:54)
    Selecting a User (1:11)
    Chatroom (4:03)
    One on One Chat (0:24)
    Edit Profile (0:39)
    Reviewing Requirements (2:01)
    Searching for Users (0:47)
    Recap (1:45)

Project 3 - 'Beep' - Firebase Chat Application

    Creating our 'Beep' Application (1:02)
    Creating the 'Login' Page (2:42)
    Login Form and Styling (5:10)
    Register (2:00)
    Theming (3:05)
    Page Creation and Navigation (3:23)
    Adding Tabs (4:37)
    Tab Icons (4:07)
    Lazy Loading (1:16)
    Theming the Inbox Page (1:49)
    Mocking Data (7:42)
    Showing Messages on Screen (6:31)
    Adding Components and Refactoring (8:58)
    Creating User Accounts with Firebase and AngularFire2 (8:16)
    Authenticating Users with Firebase and AngularFire2 (3:17)
    Component Communication with EventEmitters (10:37)
    Abstract Authentication to a Service (6:36)
    Refactoring Register Form Component to use EventEmitters (4:48)
    Creating an Edit Profile Form (6:43)
    Saving Authenticated User Profile Data to Firebase (12:00)
    Login Form/Flow Improvements (9:05)
    Login/Register Form Validation (11:14)
    Displaying User Profile (7:42)
    Searching Users and Configuring Firebase Rules (9:24)
    Edit Profile as an Authenticated User (7:28)
    Temporary Automatic User Authentication (1:49)
    Trimming Search Queries (1:43)
    Creating the Messages Page (3:54)
    Removing Tabs on Sub Pages (1:10)
    Adding a Send Message Box (3:48)
    Displaying Chat Messages (6:25)
    Adding a Logout Button (1:38)
    Combining Observables with MergeMap (3:06)
    Adding Chat Channels (7:07)
    Displaying Channel List (4:07)
    Sending Messages to Channels (12:18)
    Showing Online Users (8:34)
    Firebase Hosting Deployment (3:32)
    Chat Message Structure (3:35)
    User Messages with Firebase Cloud Functions (7:54)
    Preparing Chat Messages Component (5:59)
    Sending One on One Chat Messages (9:27)
    Displaying One on One Messages (7:28)
    Generate Last Messages with Cloud Functions (4:13)
    Displaying Last Message List and ing Conversations (8:49)

Components

    @IonicPage() and Deep Linking (13:38)
    Badges (1:34)
    Buttons (8:27)
    Chips (4:08)
    FAB List (3:23)
    Modal (11:31)
    Toast (5:18)
    Tooltips (8:12)

Ionic Native

    Introduction (1:11)
    Fingerprint AIO (5:30)
    Call Number (6:40)
    Vibration (5:05)
    Video Player (5:28)

Your Instructor

Paul Halliday
Paul Halliday

My name is Paul Halliday and I'm an Ionic Community Leader. I'm always striving to create the courses I wanted when learning how to code. I value hands on, project based courses that give you actionable results in your day to day.

Read more: https://archive.ph/Pq2Pq

Paul Halliday - Learn Ionic 3 From Scratch

 

 Paul Halliday - Learn Ionic 3 From Scratch

 

With over 13 hours of content and more to come, this course is the ultimate learning resource for Ionic 3. This is a step by step guide that takes you through the basics of Ionic and through the process of creating multiple applications.

"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!

What about Ionic 4?

This course covers how to get started with Ionic 4.x, Vue.js and Angular 1.6! I also wrote about this over at Alligator.io, check out my article here!

Chat with me, join the Slack group! http://bit.ly/JoinPaulHallidaySlack

Get immediately download Paul Halliday - Learn Ionic 3 From Scratch

Course Curriculum

Introduction

    Introduction (0:20)
    Course Overview (3:02)
    Prerequisites (0:53)
    Q&A (0:25)
    Environment Setup - Windows (1:09)
    Environment Setup - Mac (1:09)
    Ionic and Cordova Setup (2:22)
    Editors (0:35)
    VS Code Plugins (2:58)
    Recap (0:29)

Ionic CLI

    Installing the Ionic CLI (0:42)
    Creating a New Project (2:59)
    Listing Project Templates (2:33)
    Running our Project in the Browser and on a Device (1:47)
    Using Live Reload on a Device (0:37)
    Generating Project Files (2:14)
    Accessing Environment Information with Ionic Info (1:43)
    Accessing the Ionic Documentation (0:28)
    Creating an Ionic.io Account (0:23)
    Authenticating with Ionic.io (0:33)
    Creating an Application on the Ionic.io Platform (0:52)
    Using Ionic View (1:55)
    Generating Splash Screen and Icons (2:40)

Getting ed with Ionic 3

    Creating an Ionic Application (2:18)
    Serving the Application (1:44)
    Folder Structure (5:05)
    Your First Application (0:42)
    Ionic Document Flow (0:28)
    Challenge - Create an Ionic Application (0:33)

Navigation

    Creating a New Page (1:22)
    Page Navigation (6:25)
    Lazy Loading (4:42)
    Navigation Parameters (4:07)
    Lifecycle Hooks (6:41)
    Back Navigation (2:16)
    Root Navigation and Stack Overview (6:14)

Theming

    Colour Selection (2:19)
    Custom Colours (4:28)
    Text Alignment (2:26)
    Text Transformation (1:34)
    Padding (2:23)
    Margin (1:21)
    Changing Colour Contrast (3:48)

Project 1: Greeting Application

    Introduction (0:36)
    Project Initiation (1:09)
    Run the Project in the Browser (0:52)
    Creating the HomePage Template (3:00)
    Capturing the Greeting Name (2:51)
    Displaying a Greeting Toast (2:17)
    Recap (0:54)
    Source Code

Project: Flashlight Application

    Creating a New Application (2:05)
    Adding the Flashlight Provider (2:02)
    Controlling Flashlight Functionality (1:56)
    Adding Buttons and Status (1:59)
    UI and Ionic Platform (1:59)
    Running on a Device (1:38)
    Summary and Further Work (0:50)

Project 2 - GitHub Profile Searcher

    Creating the 'GitHub Profile Searcher' Project (1:33)
    Creating the Profile Search Page (3:38)
    Profile Search View and Data Model (4:17)
    Navigation and Parameters (4:52)
    Mocking User Data (2:25)
    Search Results Implementation (7:17)
    Displaying Search Results on Screen (9:17)
    Mocking Repository Data (5:20)
    Displaying Repositories in Search Results (3:56)
    Mid Section Recap (5:40)
    Retrieving User Data (7:03)
    Retrieving User Repositories (4:43)
    @IonicPage() and Deep Linking (2:45)
    Final Thoughts (1:09)
    Source Code

Project: Shopping List with Ionic 3 and Firebase

    Create Project and Install Dependencies (1:36)
    Lazy Loading Pages (3:25)
    Adding AngularFire2 (3:19)
    Add the AddShopping (2:55)
    AddItemPage View (1:53)
    ShoppingItem Model (2:40)
    Adding Shopping Items (6:12)
    Displaying Shopping Items (4:56)
    Editing Shopping Items (6:30)
    Adding a ToastService (3:58)
    Removing Items from the list (3:00)
    Recap (0:30)

UX Driven Design - 'Beep' Firebase Chat Application

    Scaffolding our Application Design (4:38)
    Splash Screen (2:11)
    Login and Navigation (3:52)
    Register (1:42)
    Inbox (2:21)
    Channel List (1:20)
    Profile (1:54)
    Selecting a User (1:11)
    Chatroom (4:03)
    One on One Chat (0:24)
    Edit Profile (0:39)
    Reviewing Requirements (2:01)
    Searching for Users (0:47)
    Recap (1:45)

Project 3 - 'Beep' - Firebase Chat Application

    Creating our 'Beep' Application (1:02)
    Creating the 'Login' Page (2:42)
    Login Form and Styling (5:10)
    Register (2:00)
    Theming (3:05)
    Page Creation and Navigation (3:23)
    Adding Tabs (4:37)
    Tab Icons (4:07)
    Lazy Loading (1:16)
    Theming the Inbox Page (1:49)
    Mocking Data (7:42)
    Showing Messages on Screen (6:31)
    Adding Components and Refactoring (8:58)
    Creating User Accounts with Firebase and AngularFire2 (8:16)
    Authenticating Users with Firebase and AngularFire2 (3:17)
    Component Communication with EventEmitters (10:37)
    Abstract Authentication to a Service (6:36)
    Refactoring Register Form Component to use EventEmitters (4:48)
    Creating an Edit Profile Form (6:43)
    Saving Authenticated User Profile Data to Firebase (12:00)
    Login Form/Flow Improvements (9:05)
    Login/Register Form Validation (11:14)
    Displaying User Profile (7:42)
    Searching Users and Configuring Firebase Rules (9:24)
    Edit Profile as an Authenticated User (7:28)
    Temporary Automatic User Authentication (1:49)
    Trimming Search Queries (1:43)
    Creating the Messages Page (3:54)
    Removing Tabs on Sub Pages (1:10)
    Adding a Send Message Box (3:48)
    Displaying Chat Messages (6:25)
    Adding a Logout Button (1:38)
    Combining Observables with MergeMap (3:06)
    Adding Chat Channels (7:07)
    Displaying Channel List (4:07)
    Sending Messages to Channels (12:18)
    Showing Online Users (8:34)
    Firebase Hosting Deployment (3:32)
    Chat Message Structure (3:35)
    User Messages with Firebase Cloud Functions (7:54)
    Preparing Chat Messages Component (5:59)
    Sending One on One Chat Messages (9:27)
    Displaying One on One Messages (7:28)
    Generate Last Messages with Cloud Functions (4:13)
    Displaying Last Message List and ing Conversations (8:49)

Components

    @IonicPage() and Deep Linking (13:38)
    Badges (1:34)
    Buttons (8:27)
    Chips (4:08)
    FAB List (3:23)
    Modal (11:31)
    Toast (5:18)
    Tooltips (8:12)

Ionic Native

    Introduction (1:11)
    Fingerprint AIO (5:30)
    Call Number (6:40)
    Vibration (5:05)
    Video Player (5:28)

Your Instructor

Paul Halliday
Paul Halliday

My name is Paul Halliday and I'm an Ionic Community Leader. I'm always striving to create the courses I wanted when learning how to code. I value hands on, project based courses that give you actionable results in your day to day.

Read more: https://archive.ph/Pq2Pq