loader image

Mobile App Development
with Ionic (Part 2)

Overview

Ionic Framework is one of the latest mobile hybrid frameworks. It was built on top of Angular, JavaScript, TypeScript and HTML. It will allow you to create native-feeling mobile apps using web technology such as HTML, CSS and JavaScript, while providing a native look and feels on each supported platform. This workshop is a hands-on guide to designing and building mobile applications using Ionic Framework. The course explains what Ionic Framework is, all the important and essential UI Feature and components, as well as the advanced capabilities such as connecting to remote server, adding social and analytics feature in the app. This complete hand on workshop encourages participants to learn by building a real-life working application, which can serve as a basis for their future mobile projects. By the end of the course, each participant will have a complete functional mobile application readily to be published to Google Play or Apple Store incorporating most of the key features of the platform.

Course Objective

Upon completion of this course, you will be able to:
• Build your own applications for Android and iOS mobile phones using hybrid development.
• Design mobile applications with compelling user interfaces by using and creating your own layouts following
Design Principle.
• Use HTTP service to access Web Services (e.g: Weather forecast information)
• Take advantage of Native Storage for data storage and retrieval via native storage and local databases.

Who Should Attend

Programmers, Software Engineers, Web Developers, and Mobile Developers specializing in building hybrid applications that seamlessly integrate web and mobile technologies for cross-platform functionality.

Prerequisites

Candidate must have a strong knowledge of HTML, CSS, and JavaScript. Some knowledge on Angular will help but it will be covered in this course as well.
Analyzing Data with MS Excel

Training Calendar

Intake

Duration

Program Fees

Inquire further

2 Day(s)

Contact us to find out more

Module

PERSISTENT APPLICATION DATA LOCAL STORAGE/WEB STORAGE
• Native Storage
• WebSQL
• SQLite Database
• Indexed DB

GESTURES – ADDING GESTURES TO APPLICATION
• Pinch
• Swipe
• Press
• Pan
• Pinch
• Rotate

REST API OVERVIEW
• Overview of Mobile Architecture
• What is an API Server?
• Creating a simple API server

INTERNET CONNECTION
• Use Angular HTTP Module
• Service/Provider in Application
• Introduction to JSON
• Parsing JSON Data

LOCATION SERVICE
LOCATION
Map
Native Geocoding
• Reverse Geocoding
• Forward Geocoding
MEDIA
• Camera
• Photo Library
• Video Player
• YouTube Video Player

PUBLISHING
• Registering
• Signing
• Application Version
• Package naming
• Google Play
• App monetization
• Managing alpha and beta testing
• 3rd Party Market

CREATE A REAL WORLD APPLICATION – MINI PROJECT

FAQs

Q: What is this course about?
A: This course is a hands-on workshop focused on hybrid mobile app development using the Ionic Framework. Participants will learn to create cross-platform applications for Android and iOS using HTML, CSS, JavaScript, and TypeScript. The course covers UI components, data storage, API integration, gestures, geolocation, media handling, and app deployment.

Q: Who should attend this course?
A: This course is ideal for programmers, software engineers, web developers, and mobile developers who want to build hybrid applications. A strong understanding of HTML, CSS, and JavaScript is required. Knowledge of Angular is beneficial but will also be covered during the course.

Q: What are the prerequisites for this course?
A: Participants should have prior experience with HTML, CSS, and JavaScript. Some familiarity with Angular will be helpful. They must also have Node.js, Ionic, Android Studio, and Java SDK installed for hands-on development.

Q: How is the course structured?
A: The course is conducted over two days:

  • Day 1: Persistent data storage (Native Storage, WebSQL, SQLite, Indexed DB), implementing gestures, API integration, and handling JSON data.

  • Day 2: Location services (maps, geocoding), media integration (camera, photo library, video player), app publishing, monetization, and a real-world mini project.

Q: How long is the course?
A: The course runs for two days.

Q: Will I receive a certificate upon completion?
A: Yes, participants will receive a certificate upon successfully completing the course.

Q: What specific topics are covered in the course?
A: This course covers hybrid mobile app development using the Ionic Framework. Topics include persistent data storage (Native Storage, WebSQL, SQLite, Indexed DB), integrating gestures, REST APIs, HTTP requests, geolocation services, media handling, and app publishing. Participants will also work with UI components, navigation, and integrating native device features to build fully functional mobile applications.

Q: Will I learn advanced UI development for mobile apps?
A: Yes, the course explores Ionic’s UI components, including menus, slides, tabs, cards, and grids. You will also learn about gestures, navigation patterns, and responsive design techniques to create engaging and user-friendly mobile applications.

Q: Will I learn how to publish apps on the Google Play Store and Apple App Store?
A: Yes, the course includes app deployment training, covering registration, signing, versioning, package naming, Google Play publishing, app monetization, and managing alpha and beta testing. It also covers best practices for submitting apps to third-party marketplaces.

Q: Will I work on real-world projects and exercises?
A: Yes, the course includes hands-on exercises and a real-world mini project. Participants will build an Ionic app, integrate native device features (camera, geolocation, video player), manage storage with SQLite, and deploy a functional mobile application. These exercises provide practical experience in hybrid app development.

Submit your interest today !

Contact us