Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Learn Ionic 3 From Scratch
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 Started 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 Starting 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)
Installing the Ionic CLI