HRDF Funded Course -Create a Cross Platform Mobile Apps with Apache Cordova

Designed with the complete beginner in mind, this two-day crash course on Apache Cordova gets you started with the fundamentals of web design and building a hybrid mobile apps using Apache Cordova. After this course, you will be able to build a simple cross-platform mobile apps using Apache Cordova.

We will be building a simple productivity application throughout this course, with the following features:

• Calculator
• To-Do List
• Photo notes that can be edited and drawn on

This program will be designed with mobile platforms in mind

The topics include :

• Basic knowledge HTML, CSS and Javascript
• Basic knowledge of responsive web design
• Apache Cordova framework
• Create cross-platform hybrid mobile apps

                   HRDF SBL Claimable for Employers Registered with HRDF

For more information regarding this course please visit:
https://www.tertiarycourses.com.my/apache-cordova-mobile-apps-malaysia.html

Module 1: HTML Basics

• Overview of course, activities, final product and software
• Fundamentals of HTML (tags, structure, hierarchy)
• Activity: Building a simple text-only web application given a mock scenario
• Multi-page sites and extended features (eg. Images, Links)
• Activity: Expanding your application over multiple pages

Module 2: CSS Basics

• Fundamentals of CSS – Selectors and Declarations
• Grouping elements with classes, HTML divs and spans
• Activity: Adding formatting to existing web application

Module 3: JavaScript Basics

• Fundamentals of JavaScript coding – Format and hierarchical nature
• The document object model (DOM)
• Fundamentals of Programming: If-statements, Variables and Loops
• Concepts in event-driven programming
• Debugging skills and using the browser console
• Activity: Implementing an event-driven calculator app
• Data types – Differences in operations and conversion between types

Module 4: Get Started with Apache Cordova

• Install and setup Cordova and other required dependencies
• Create your first Cordova project
• Test your program on a mobile platform
• Activity: Add an icon to your app

Module 5: Mobile-Friendly Design

• Strategies for screen size-friendly web design
• CSS Media Queries
• Activity: Building a “self-rearranging” page supporting multiple screen sizes
• Concept of user agents + Pros and cons of using user agents to affect functionality
• Activity: Detect and fire swipe events

Module 6: Data Handling

• Introduction to JavaScript objects and arrays
• Concept of CRUD (Create, Read, Update, Delete)
• Activity: Creating a To-do list
• Serialization to JSON
• Persistent storage in web programming
• Activity: Saving data

Module 7: Dynamic Graphics

• Introduction to the HTML5 Canvas, context and drawing
• Activity: Handwritten note-taking feature
• Generating Base64 images
• Activity: Storing handwritten notes
• The Camera API
• Activity: Camera + Canvas
• The File API
• Activity: Saving your images

Module 8: More Mobile APIs (Optional)

• Device Motion
• Vibration
• Battery Status
• Network Information
• Contacts
• Geolocation
• Whitelist