Multiplatform Mobile App Development with Web Technologies: Ionic and Cordova
- 4.6
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
Related Topics for further study
- Mobile app development
- Cross-platform app development
- Ionic framework
- Cordova framework
- Hybrid app development
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
IntermediateCourse 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