Ionic Mobile Development

In the course Ionic Mobile Development from SpiralTrain participants learn to develop cross platform mobile applications with the Ionic Framework.

Ionic Intro

The Ionic Mobile Development course starts with an overview of the architecture of Ionic. Attention is also paid to the Ionic CLI and the AppWizard with which Ionic Apps are generated via the command line or visually.

Application Templates

Subsequently Ionic Application templates such as a Blank, Tab or SideMenu template are treated. The templates form the starting point for an Ionic App and define its basic structure. Android and iOS-specific matters are also discussed.

UI Components and Tools

Attention is paid to the many standard UI components available in Ionic such as buttons, list boxes, menus and many others. Also languages, frameworks and tools that can be used in the development of an Ionic App are part of the subject matter.

Web Components

Furthermore the integration of Custom Web Components and HTML Templates in Ionic are in the course program. The Component Life Cycle, Ionic Stencil library and Ionic Core are treated as well.

State Management

The various forms of state in Ionic are discussed, such as global state, shared state and internal state. And also attention is paid to state management with a central store using actions and reducers.

Database Access

Then it is time to discuss Database Access with the Firebase database and finally attention is paid to a number of advanced topics in Ionic such as Ionic Storage and Push Notifications.
and Push Notifications.

Audience Course Ionic Mobile Development

The course Ionic Mobile Development is intended for web and mobile developers who want to learn how to use the Ionic Framework for the development of cross platform mobile applications.

Prerequisites Course Ionic Mobile Development

Experience with web application development and a good knowledge of JavaScript are required to participate in the course Ionic Mobile Development.

Realization Training Ionic Mobile Development

The theory in this hands-on course is treated by means of presentations. Illustrative demos are used to clarify the concepts discussed. The theory is interchanged with exercises. Course times are from 9.30 up and to 16.30.

Certification Ionic Mobile Development

After successful completion of the course the participants receive an official certificate Ionic Mobile Development.

Modules

Module 1 : Ionic Intro

• Ionic Framework
• Hybrid Mobile Apps
• React, Angular or Vue
• Ionic Versions
• Apache Cordova
• Ionic CLI
• Installing Ionic
• Ionic AppFlow SDK
• Ionic start
• Template Project
• Adjust Angular Routes

Module 2 : Application Templates

• Blank App
• Tab App
• SideMenu App
• App Skeleton
• Folder Structure
• Ionic and Android
• Android SDK
• Genymotion Emulator
• Ionic and Ios
• Xcode and Tools
• Ionic Dashboard

Module 3 : UI Components

• Action Sheets
• Buttons and Cards
• Checkbox and Chips
• Floating Action Buttons
• Date and Time Pickers
• Lists and Grids
• Items and Inputs
• Menu and Navigation
• Progress Indicators
• Toasts and Toggles
• Routing and Toolbars

Module 4 : Languages and Tools

• TypeScript Language
• Data Types
• Interfaces and Classes
• Decorators
• Angular Framework
• Angular Modules
• Template Syntax
• Dependency Injection
• RxJS Observables
• Observers and Subjects
• Sass CSS
• Sass Variables and Mixins

Module 5 : Web Components

• Custom Elements
• Shadow DOM
• HTML Imports
• HTML Template
• Browser Compatibility
• Ionic Stencil Library
• Stencil Slots
• @Prop and @State
• Events
• Component Life Cycle
• Tag Selectors
• Use Ionic Core

Module 6 : State Management

• State in Webapps
• Single Page Apps
• Global State
• Shared State
• Internal State
• NgRx Intro
• Immutable Store
• Actions
• Reducers
• Selectors
• Pagination
• Component Updates

Module 7 : Connecting to Firebase

• Firebase Realtime Database
• Cloud Firestore
• Database Structure
• Firebase JavaScript SDK
• Firebase Web SDK
• Firebase Console
• Reading and Writing Data
• Query and Navigating Data
• Firebase Authentication
• $firebaseAuth
• collection-repeat
• Saving Form Data

Module 8 : Advanced Topics

• Platform Class
• Accessing Platform
• Theming
• Look and Feel
• $color Map
• Overriding Configuration
• Ionic Storage
• Push Notifications
• FCM REST Api
• Native Plugin
• React Integration
• Deploy to Devices