Course Code
ionic4
Duration
21 hours (usually 3 days including breaks)
Requirements
- Basic JavaScript, HTML, and CSS programming experience
Audience
- Web Developers
Overview
Ionic is a web framework for hybrid mobile application development. Ionic 4 brings new innovations to the Ionic platform such as a refactored CLI, changes in navigation, Angular routing, and more.
This instructor-led, live training (online or onsite) is aimed at web developers who wish to create a hybrid mobile application with Ionic 4.
By the end of this training, participants will be able to:
- Integrate native device features into a hybrid mobile application.
- Use Angular and Ionic 4 to build a hybrid mobile application.
- Run a hybrid application on a mobile device emulator.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Course Outline
Introduction
Ionic Basics
- Processes and modules used in Ionic for web development
- How Ionic and Angular work together
Overview of Angular
- Components and attributes used in Angular
Preparing the Development Environment
- Installing Ionic and Angular
- Installing Cordova
- Testing installations with Ionic Lab
Templating in Ionic and Angular
- Using Ionic grids
- Setting styles and variables
- Creating CSS rules
- Generating services
- Consuming REST APIs
- Creating and using a data model
- Testing with Ionic DevApp
UI Components
- Generating and routing pages
- Retrieving data
- Adding page design
- Using lists
- Generating pages with modals and fabs
- Implementing complex lists
- Using pull to refresh
- Adding an auth guard
Ionic Native
- Setting up Ionic Native packages
- Accessing native device features
- Testing native device features
Connecting to a Backend
- Setting up Firebase
- Creating auth guards and services
- Sending data via HTTP
- Fetching, displaying, and loading data
Troubleshooting with Cordova
- Preparing for Android standards
- Running a hybrid application on a Android device emulator
- Preparing for iOS standards
- Running a hybrid application on a iOS device emulator
Summary and Conclusion
.png "new york stock exchange (nyse)")
_ireland.gif "environmental protection agency (epa) ireland")
.png "aeronautical radio, incorporated (arinc)"){kind=small}
.jpg "european organization for nuclear research (cern)")
.png "european space agency (esa)")
