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
What is Intel XDK and how we can use it to build Ionic Apps
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock