Opleiding: 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
