Optional Fields Interface | QScutter

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Create Mobile Apps using Intel XDK and Ionic Framework

Introduction

Introduction (3:05)
Cordova architecture (7:23)
What is Intel XDK and how we can use it to build Ionic Apps (3:52)
App Designer (9:37)
Ripple Emulator (6:01)
Testing in Intel XDK (5:55)
Debugging in Intel XDK (6:25)
Profile in Intel XDK (5:16)
Building Intel XDK Applications (10:31)

Designing the app using Intel XDK's App Designer

Todo App UI (1:41)
Adding Pages (2:21)
List Todos UI (7:20)
Create & Edit Todo UI (6:45)

Create Todo item Logic

Adding an Angular Controller (3:48)
Creating an Add Todo function (1:30)
Add Todo Logic (1:53)
Back Function (3:05)
Save Todo Function (1:48)
Using the ngModel (5:04)
Storing Todo item in Memory & LocalStorage (3:08)
Saving an Edited Todo (6:24)

Rendering Todo List

Using ngRepeat (8:40)

ngCordova and Cordova Plugins

What is ngCordova & How to setup (4:52)
Adding Plugins (5:13)
Debugging & Fixing Errors (6:52)

Date Picker

Creating a Date Picker Function (5:14)
Date Picker API (5:48)
Getting Data from Date Picker (5:38)
Updating Date Picker's Default Data (6:30)
Using the Ionic Toggle Component in Intel XDK (3:35)

Local Notifications

Creating a Set Alarm Function (1:55)
Implementing Set Alarm Logic (8:58)
Final Create Todo Touches (9:13)

Edit Todo

Creating an Edit Todo Function (2:22)
Rendering the Todo Data in the Edit View (Edit Page) (2:40)
Saving an Edited Todo (5:55)
Updating the Todo Alarm (2:27)
Smarter Todo Alarm (6:47)

Delete Todo

Creating a Delete Todo Function (1:37)
Show a Warning Message (3:43)
Delete Todo Logic (4:38)

Finishing the Todo Application

Display Alarm (1:51)
Fixing Alarm Bugs (7:42)
FInal Build (2:22)

Using Ionic Template in Intel XDK

Creating a Project (2:02)
Updating Libraries (3:00)
Creating Templates (1:48)
Configuring Router & Navigation (4:07)
Adding Controllers (2:34)
Adding Navigation Header & Views (6:26)
Using Ionic Tabs (4:38)

Cordova Plugins & Angular Services

Adding Plugins (1:39)
Injecting ng Cordova (1:26)
Hiding Splashscreen (3:07)
Creating an Angular Service (2:22)
Using the Contacts API in an Angular Service (3:09)

List Contacts

Getting Contacts from Device (3:11)
List Contacts UI (3:09)
Rendering Contacts (3:32)

Search Contacts

Adding a Search Button (3:07)
Adding Search Input inside a Header Bar (2:44)
Creating a Toggle Search Function (2:24)
Fixing Quirks (4:01)
Toggle Search Logic (3:55)
Creating a Search Contacts Function (1:35)
Search Contacts Logic (3:29)

Create Contact

Adding a Create Contact Button (3:04)
Adding Create Contact Inputs (2:58)
Add Contact Button Function (2:37)
Contact Form & ngModel (8:40)
Add a Save Contact Button (1:52)
Save Contact Function (3:45)
Optional Fields Interface (2:29)
Adding Delete List Item Buttons (3:36)
Toggle Delete Buttons Function (4:39)
Implementing Ionic Modal (5:01)
Tracking the Optional Fields (4:42)
Add Field Logic (5:04)
Remove Field Logic (3:33)
Hidding Display Name (2:15)

View Contact

View Contact Logic (3:44)
View Contact UI (3:55)
Rendering Contact Data (10:35)
Deleting a Contact (3:47)

About

About Page (3:18)

Finishing Contacts App

Exit Application (5:00)
Final Build (3:25)

End

What's Next (1:28)

Exercise Files

Source Code

Teach online with

Optional Fields Interface

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock