Explore

Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova

Approx. 33 hours to complete

Save Course

Go to Course

Course Summary

Learn to build mobile apps using Ionic and Cordova, two powerful frameworks that allow you to create cross-platform apps with ease. This course will teach you how to build complex apps using these popular tools.

Key Learning Points

Develop mobile apps using Ionic and Cordova
Create cross-platform apps with ease
Build complex apps using popular tools

Learning Outcomes

Build functional mobile apps using Ionic and Cordova
Create cross-platform apps that work seamlessly across devices
Implement advanced features such as push notifications and in-app purchases

Prerequisites or good to have knowledge before taking this course

Basic knowledge of HTML, CSS, and JavaScript
Access to a computer with internet connection

Course Difficulty Level

Intermediate

Course Format

Online self-paced course
Video lectures
Hands-on projects and assignments
Community support

Similar Courses

React Native
Flutter
Mobile App Development with Swift

Related Education Paths

Notable People in This Field

Ray Wenderlich
Simon Reimler

Related Books

Description

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.

Outline

Hybrid Mobile App Development Frameworks: An Introduction
Welcome to Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova
How to Use the Learning Resources
What is Full-Stack Web Development?
Exercise (Video): Setting up Git
Exercise (Video): Basic Git Commands
Exercise (Video): Online Git Repositories
Node.js and NPM
Exercise (Video): Setting up Node.js and NPM
Exercise (Video): Basics of Node.js and NPM
Hybrid Mobile App Development
Introduction to the Ionic Framework
Exercise (Video): Setting up the Ionic Framework
Exercise (Video): Setting up a Server using json-server
Ionic and Angular
Exercise (Video): Getting Started with your Ionic App
Exercise (Video): Ionic and Angular
Ionic Navigation
Exercise (Video): Ionic Navigation
Assignment 1 Requirements (Video): Introduction to Ionic Framework
Welcome to Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova: Additional Resources
Full Stack Web Development: The Big Picture: Objectives and Outcomes
Full Stack Web Development: Additional Resources
Setting up Your Development Environment: Git and Node: Objectives and Outcomes
Setting up your Development Environment
Exercise (Instructions): Setting up Git
Exercise (Instructions): Basic Git Commands
Exercise (Instructions): Online Git Repositories
Exercise (Instructions): Setting up Node.js and NPM
Exercise (Instructions): Basics of Node.js and NPM
Setting up your Development Environment: Git and Node: Additional Resources
Hybrid Mobile App Development: An Overview: Objectives and Outcomes
Exercise (Instructions): Setting up the Ionic Framework
Hybrid Mobile App Development: An Overview: Additional Resources
Setting up a Simple Server: Objectives and Outcomes
Exercise (Instructions): Setting up a Server using json-server
Setting up a Simple Server: Additional Resources
Ionic and Angular: Objectives and Outcomes
Exercise (Instructions): Getting Started with your Ionic App
Exercise (Instructions): Ionic and Angular
Ionic and Angular: Additional Resources
Ionic Navigation: Objectives and Outcomes
Exercise (Instructions): Ionic Navigation
Ionic Navigation: Additional Resources
Assignment 1: Introduction to Ionic Framework: Additional Resources
Ideation: Objectives and Outcomes
Ideation Report Template
Ideation: Additional Resources

Ionic Components
Floating Action Buttons
Exercise (Video): Floating Action Button
Exercise (Video): FAB and Favorites
Ionic Lists: Advanced Features
Exercise (Video): Ionic Lists: Advanced Features
Ionic Forms and Modals
Exercise (Video): Modal
Exercise (Video): Forms
Alerts, Toasts, Popovers, ActionSheets and Loading
Exercise (Video): Alerts, Toasts and Loading
Assignment 2: Ionic Components
Floating Action Buttons: Objectives and Outcomes
Exercise (Instructions): Floating Action Button
Exercise (Instructions): FAB and Favorites
Floating Action Buttons: Additional Resources
Ionic Lists: Advanced Features: Objectives and Outcomes
Exercise (Instructions): Ionic Lists: Advanced Features
Ionic Lists: Advanced Features: Additional Resources
Ionic Forms and Modals: Objectives and Outcomes
Exercise (Instructions): Modal
Exercise (Instructions): Forms
Ionic Forms and Modals: Additional Resources
Alerts, Popovers, ActionSheets, Loading and Gestures: Objectives and Outcomes
Exercise (Instructions): Alerts, Toasts and Loading
Alerts, Popovers, ActionSheets, Loading and Gestures: Additional Resources
Assignment 2: Ionic Components: Additional Resources
UI Design and Prototyping: Objectives and Outcomes
UI Design and Prototyping Report Template
UI Design and Prototyping: Additional Resources

Ionic Split Pane, Grid and Storage, and Deploying your App
Adapting to Large Screens
Exercise (Video): Ionic Split Pane
Exercise (Video): Ionic Grid
Ionic Storage
Exercise (Video): Ionic Storage
Installing Android Studio and Android SDK
Installing Xcode on Mac and iOS SDK
Introduction to Cordova
Exercise (Video): Building and Deploying to Android Emulator
Exercise (Video): Building and Deploying to iOS Emulator
Assignment 3 Requirements: Grid and Storage
Adapting to Large Screens: Objectives and Outcomes
Exercise (Instructions): Ionic Split Pane
Exercise (Instructions): Ionic Grid
Adapting to Large Screens: Additional Resources
Ionic Storage: Objectives and Outcomes
Exercise (Instructions): Ionic Storage
Ionic Storage: Additional Resources
Installing Android and iOS SDK and Platforms: Objectives and Outcomes
Installing Android Studio and Android SDK: Ionic and Cordova Guides
Installing Xcode on Mac and iOS SDK: Ionic and Cordova Guides
Installing Android and iOS SDK and Platforms: Additional Resources
Ionic Adding Platforms, Building and Deploying the App: Objectives and Outcomes
Exercise (Instructions): Building and Deploying to Android Emulator and Android Device
Exercise (Instructions): Building and Deploying to iOS Emulator
Ionic Adding Platforms, Building and Deploying the App: Additional Resources
Assignment 3: Grid and Storage: Additional Resources

Accessing Native Capabilities of Devices: Cordova and Ionic Native
Introduction to Ionic Native
Exercise (Video): Customizing the SplashScreen
Notifying the User
Exercise (Video): Notifying the User
Social Sharing
Exercise (Video): Sending Email
Exercise (Video): Social Sharing
Using the Camera
Exercise (Video): Using the Camera
Network Status
Exercise (Video): Network Status
Assignment 4 (Requirements): Ionic Native and Cordova
Conclusions
Introduction to Ionic Native: Objectives and Outcomes
Exercise (Instructions): Customizing the SplashScreen
Introduction to Ionic Native: Additional Resources
Notifying the User: Objectives and Outcomes
Exercise (Instructions): Notifying the User
Notifying the User: Additional Resources
Social Sharing: Objectives and Outcomes
Exercise (Instructions): Sending Email
Exercise (Instructions): Social Sharing
Social Sharing: Additional Resources
Using the Camera: Objectives and Outcomes
Exercise (Instructions): Using the Camera
Using the Camera: Additional Resources
Network Status: Objectives and Outcomes
Exercise (Instructions): Network Status
Network Status: Additional Resources
Assignment 4: Ionic Native and Cordova: Additional Resources
Conclusions: Additional Resources
Project Implementation: Objectives and Outcomes
Final Report Template

Summary of User Reviews

Read reviews and ratings for the Ionic and Cordova course on Coursera. Users have found the course to be informative and useful in building mobile applications. One key aspect that many users appreciated was the hands-on approach to learning.

Pros from User Reviews

Hands-on approach to learning
Informative and useful in building mobile applications
Great for beginners
Provides a good foundation in Ionic and Cordova
Easy to follow video lectures

Cons from User Reviews

Some users found the course to be too basic
Limited discussion of advanced topics
Lack of interaction with instructors
Outdated content
No certification or accreditation

Recommended for you

Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova

This course focuses on developing multiplatform mobile applications using the Web technologies (HTML5, CSS and Javascript). We make use of the Ionic framework (Ionic Ver 3....

Save Course