Ionic Mobile Development

Cursus Ionic Mobile Development Introductie

De cursus Ionic Mobile Development biedt een uitgebreide inleiding tot de architectuur van Ionic. Tijdens deze cursus wordt ook de Ionic CLI en de AppWizard behandeld, waarmee Ionic Apps zowel via de command line als visueel kunnen worden gegenereerd.

Application Templates in Ionic

Vervolgens besteden we aandacht aan de verschillende Ionic Application templates, zoals het Blank, Tab of SideMenu template. Deze templates vormen het startpunt voor een Ionic App en leggen de basisstructuur daarvan vast. Daarnaast komen ook Android- en iOS-specifieke zaken aan bod.

Cursus Ionic Mobile Development: UI Components en Tools

In de cursus worden de vele standaard UI componenten die beschikbaar zijn in Ionic besproken, zoals buttons, list boxes en menu's. Ook behandelen we de verschillende talen, frameworks en tools die gebruikt kunnen worden bij de ontwikkeling van een Ionic App.

Integratie van Web Components

Een ander belangrijk onderdeel van de cursus is de integratie van Custom Web Components en HTML Templates in Ionic. Hierbij besteden we aandacht aan de Component Life Cycle, de Ionic Stencil library en Ionic Core, die essentieel zijn voor een goede ontwikkeling.

State Management in Ionic

We bespreken de verschillende vormen van state in Ionic, zoals global state, shared state en internal state. Daarnaast komen we bij state management met een centrale store, inclusief actions en reducers.

Database Access en Geavanceerde Onderwerpen

Tot slot richten we ons op Database Access met de Firebase database en verkennen we een aantal geavanceerde onderwerpen in Ionic, zoals Ionic Storage en Push Notifications. Voor meer informatie over Firebase, bekijk de officiële Firebase documentatie.
Daarnaast is het ook waardevol om de cursus React Native Mobile Development te overwegen voor een breder begrip van mobiele applicatieontwikkeling.

Doelgroep Cursus Ionic Mobile Development

De cursus Ionic Mobile Development is bedoeld voor web en mobile developers die het Ionic Framework willen leren gebruiken voor de ontwikkeling van cross platform mobiele applicaties.

Voorkennis Cursus Ionic Mobile Development

Ervaring met web applicatie development en een goede kennis van JavaScript zijn vereist om aan de cursus Ionic Mobile Development te kunnen deelnemen.

Uitvoering Training Ionic Mobile Development

De theorie wordt in deze hands-on cursus behandeld aan de hand van presentaties. Illustratieve demo's worden gebruikt om de behandelde concepten te verhelderen. De theorie wordt afgewisseld met oefeningen. De cursustijden zijn van 9.30 tot 16.30.

Certificering Ionic Mobile Development

De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat 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