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
Configuring Router & Navigation
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock