Create Mobile Apps using Intel XDK and Ionic Framework

Design two apps: a to-do app with Ionic and local storage, a page listing items on cards and an edit page to add, edit, and delete, plus a contacts app.

Learn to add pages with the app designer in an Ionic framework project, creating a main to-do list page and a slate added page to create or edit to-do items.

Design main page by adding a header with a colored title and a pause icon to open the create/edit page. Display to-do items as cards with edit and alarm tabs.

Design and implement a create and edit to-do user interface, including title and description inputs, date and time pickers with an alarm toggle, and contextual save, back, and delete controls.

Define an angular controller to manage data inside the body by registering a function with the module and loading app.js, ensuring scripts load after angular.

Create a to-do function within the controller, bind it to the plus button in the main page header, so the click event triggers your logic.

Implement add todo navigation by using the activate page method to move from the main page to the create added page when the plus button is clicked.

Demonstrates adding back button logic to return to the main page, binding it in the app designer, and testing back and plus buttons with centered text and fixed icons.

Create the save todo function to store two todos in local storage and render them in the view, binding it to the save button in the controller.

Learn how ngModel binds input fields to a to-do object, capturing title, description, date, and time as you save and render tasks in an Ionic app.

Learn to store todo items in memory and local storage by using an array, pushing new items, and stringifying with json to persist across sessions.

Learn to save an edited todo by assigning a unique id, storing it in memory and in local storage, and restoring data from local storage on app reopen.

Render to-do items on the main page with ng-repeat in an Ionic/Angular app, bind title and description, and use track by for unique IDs to prevent duplicates; support local storage.

Learn how ngCordova integrates with Cordova API to streamline Ionic app development, install and configure ngCordova plugins like picker and local station, and set up projects for ngCordova usage.

Add and configure plugins in a Cordova/Ionic app by selecting trusted third-party plugins from the Cordova docs, managing version changes, and aligning device and Android dependencies for compatibility.

Debug and fix errors in a mobile app built with Intel XDK and Ionic Framework by running the debug feature and inspecting the console.

Implement a date picker in an Intel XDK and Ionic project using the picker API. Bind the function to the label and make inputs read-only for Android compatibility.

Use the date picker API to add a date picker object, set default date to today, configure date or time mode, and handle platform differences.

Fetch data from the date picker, store it in memory and local storage, and update the to-do object's date and time properties using local date/time strings.

Update the date picker's default data by storing the last selected date and time in a Date object and local strings, and reflect changes on open via the success callback.

Learn to implement the Ionic toggle component in Intel XDK to show or hide date and time inputs for to-do items and track alarms with show and hide directives.

Implement a set alarm function using the local notification api to alert users when a to-do is due, triggered on save, with future update and delete support.

Implement the set alarm logic with local notifications to alert to-dos with alarms, using the to-do title as the message and the add property for time.

Finalize the create to do flow by updating the header to 'create to do' or 'edit to do', toggle the delete button, and validate alarms with a date object.

Bind the edit todo function to the angular element and pass the to-do object, then display its title and delete button in the edit view.

Learn to render todo data in the edit view by passing data to the todo object, updating the title, description, and alarm, and enabling delete.

Update an edited todo by matching its id and saving changes to local storage. Clear the form when creating, and identify creation versus update by checking whether id is undefined.

Update a to-do item and its alarm by using the update method to modify the local notification, and switch between creating and updating via the action argument.

Make alarms smarter by storing timestamps as numbers in local storage, reconstructing date objects from epoch time, and preventing immediate triggers while updating the alarm logic.

Create a delete todo function and bind it to the delete button using an Angular directive, call the deleteTodo function to execute deletion logic in the next lesson.

Show a warning message before deleting data using the Cordova dialogs API, employing the confirm method to prompt the user to approve or cancel.

Implement delete todo logic by locating the item with a matching id, removing it with splice, updating the array and local storage, and returning to the main page.

Access local date and local time to display the date and time. Show the alarm tap only when an hour exists; test results show an alarm on the first tap.

Fixes alarm bugs in the to-do app, ensuring alarms fire only when enabled, cancel on deletion or edits, and sets date picker's time to the current time on first selection.

Complete the final build of a to-do app using Intel XDK and Ionic Framework, test navigation, button actions, and basic date handling to deliver a fully functional product.