Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova

Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova

The Hong Kong University of Science and Technology

About this course: This course focuses on developing multiplatform mobile applications using the Web technologies (HTML5, CSS and Javascript). In particular we make use of the Cordova hybrid application framework to develop and target multiple mobile platforms with a single codebase. We make use of the Ionic framework (Ionic Ver 3.x), one of the most popular mobile application frameworks, that is built with mobile-optimized HTML5 and CSS based components and Angular. You will learn about UI development with Ionic and then using Cordova's modules to access the native mobile platform's capabilities from Javascript. You should have already completed the Bootstrap 4 and the Angular courses in this specialization before proceeding with this course.
At the end of this course you will be able to (a) Build mobile applications targeting multiple platforms with a single codebase, (b) Leverage your HTML5, CSS, Javascript and Angular skills, and (c) Use various features of the Ionic framework to build hybrid mobile applications

Who is this class for: This course is aimed at students with sufficient knowledge of Web technologies like HTML, CSS and JavaScript. A good working knowledge of JavaScript, especially ES 5 and the Angular framework is strongly recommended.

This module introduces you to hybrid mobile application development. You will learn about the Ionic framework and explore some of the features of the Ionic framework to implement an Ionic app based on the Angular application that was implemented in the previous course on Angular.

19 videos, 28 readings

Video: Welcome to Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova

This module explores the Ionic support for forms. Advanced features of Ionic lists are discussed. In addition all the different methods of overlaying information on the screen like modals, popups, popovers, action sheets, and loading are examined. Ionic support for gestures is also briefly considered.

In this module you will learn about using local storage within your app. You will then learn about configuring your machine for building your app for various platforms, and deploying your app to emulators and devices.

In this module you will explore Cordova and the Ionic Native wrappers that enable you to access the native capabilities of the mobile devices. You will use a few plugins in order to understand the general concepts and the patterns for using these plugins within your Ionic application

13 videos, 20 readings

Reading: Introduction to Ionic Native: Objectives and Outcomes

Video: Introduction to Ionic Native

Video: Exercise (Video): Customizing the SplashScreen

Reading: Exercise (Instructions): Customizing the SplashScreen

Reading: Introduction to Ionic Native: Additional Resources

Reading: Notifying the User: Objectives and Outcomes

Video: Notifying the User

Video: Exercise (Video): Notifying the User

Reading: Exercise (Instructions): Notifying the User

Reading: Notifying the User: Additional Resources

Reading: Social Sharing: Objectives and Outcomes

Video: Social Sharing

Video: Exercise (Video): Sending Email

Reading: Exercise (Instructions): Sending Email

Video: Exercise (Video): Social Sharing

Reading: Exercise (Instructions): Social Sharing

Reading: Social Sharing: Additional Resources

Reading: Using the Camera: Objectives and Outcomes

Video: Using the Camera

Video: Exercise (Video): Using the Camera

Reading: Exercise (Instructions): Using the Camera

Reading: Using the Camera: Additional Resources

Reading: Network Status: Objectives and Outcomes

Video: Network Status

Video: Exercise (Video): Network Status

Reading: Exercise (Instructions): Network Status

Reading: Network Status: Additional Resources

Video: Assignment 4 (Requirements): Ionic Native and Cordova

Reading: Assignment 4: Ionic Native and Cordova: Additional Resources

Video: Conclusions

Reading: Conclusions: Additional Resources

Reading: Project Implementation: Objectives and Outcomes

Reading: Final Report Template

Graded: Assignment 4: Ionic Native and Cordova

Graded: Project Implementation and Final Report

FAQs

How It Works

Coursework

Each course is like an interactive textbook, featuring pre-recorded videos, quizzes and projects.

Help from Your Peers

Connect with thousands of other learners and debate ideas, discuss course material,
and get help mastering concepts.

Certificates

Earn official recognition for your work, and share your success with friends,
colleagues, and employers.

Creators

The Hong Kong University of Science and Technology

HKUST - A dynamic, international research university, in relentless pursuit of excellence, leading the advance of science and technology, and educating the new generation of front-runners for Asia and the world.