Corporate Ionic Training Course

1. Introduction to hybrid mobile application development

1. Overview of hybrid vs native mobile apps
2. Advantages and disadvantages of hybrid apps
3. Popular hybrid frameworks

2. Introduction to Ionic

1. History and evolution of Ionic
2. Key features and benefits of using Ionic
3. Architecture of Ionic apps

1. Installing Ionic

1. System requirements
2. Installing Node.js and npm
3. Installing Ionic CLI

2. Creating the first Ionic application

1. Initializing a new Ionic project
2. Project setup and configuration
3. Running the application on a browser and device

3. Understanding the project structure

1. Overview of the default project structure
2. Purpose of key directories and files
3. Customizing the project structure

4. Ionic Command Line Interface

1. Commonly used Ionic CLI commands
2. Generating components, pages, and services
3. Building and serving the application

5. Packaging for Android and IOS

1. Configuring platform-specific settings
2. Building the application for Android
3. Building the application for iOS
4. Testing on physical devices

1. Introduction to NgModule and app.module.ts

1. Role of NgModule in Angular
2. Configuring app.module.ts

2. Understanding the declarations, imports, entryComponents and providers array

1. Purpose of declarations array
2. Using imports array for module inclusion
3. Role of entryComponents and providers arrays

3. A quick look at the HomePage html, scss and ts files

1. Structure of HomePage component
2. Purpose of HTML, SCSS, and TS files

4. Understanding the component class, data members and member functions

1. Structure of an Angular component class
2. Defining data members
3. Implementing member functions

5. Two-way data binding

1. Concept of two-way data binding
2. Implementing two-way data binding in Ionic

6. ngIf and ngFor

1. Conditional rendering with ngIf
2. Iterating over collections with ngFor

7. Creating a provider

1. Generating a provider service
2. Injecting provider into components

8. Dependency injection

1. Concept of dependency injection in Angular
2. Using dependency injection in Ionic

1. Buttons, badges, icons and FAB's

1. Creating and styling buttons
2. Using badges for notifications
3. Integrating icons into UI
4. Implementing Floating Action Buttons (FABs)

2. Cards, lists, grid

1. Designing card-based layouts
2. Creating and managing lists
3. Using grid system for layout

3. Toolbar, tabs, segments, slides, gestures

1. Customizing toolbar
2. Implementing tab navigation
3. Using segments for categorization
4. Creating slides and integrating gestures

4. Menu, modals, popover, loading, toast, alerts, action sheets

1. Building side menus
2. Using modals for dialogs
3. Implementing popovers
4. Creating loading indicators, toasts, alerts, and action sheets

5. Input, searchbar, select, toggle

1. Designing input fields and forms
2. Integrating search functionality
3. Using select dropdowns
4. Implementing toggle switches

1. Creating a new page

1. Generating a new page component
2. Configuring routes for navigation

2. Navigating to the new page using NavController

1. Using NavController for navigation
2. Passing parameters during navigation

3. Passing data between the pages using NavParams

1. Using NavParams for data transfer

4. Sharing the data between pages using Providers

1. Sharing state and data using provider services

5. API calls: GET and POST request

1. Performing GET requests
2. Performing POST requests
3. Handling API responses

6. NavGuards and Navigation Lifecycle Events

1. Implementing navigation guards
2. Understanding navigation lifecycle events

1. Accessing device camera

1. Integrating camera functionality
2. Capturing and displaying images

2. Accessing user geolocation

1. Obtaining user location
2. Displaying location data

3. Native storage

1. Storing data locally using native storage

4. Vibration

1. Implementing vibration functionality

5. Video player

1. Integrating video player in the app

1. Using colors in Ionic

1. Applying default color schemes

2. Custom colors

1. Defining and using custom colors

3. SaaS variables

1. Using SaaS variables for theme customization

4. Platform-specific styles

1. Applying platform-specific styling