• Online, Self-Paced
Course Description

The Ionic framework enables HTML and JavaScript developers to develop mobile apps and WebApp with mobile-friendly HTML, JS, and CSS components. In this course, you will learn the key features of the Ionic framework and the prerequisites for working with the Ionic framework. You will also learn layouting with Ionic CSS libraries and setting up the Ionic CLI.

Learning Objectives

Ionic Fundamentals

  • start the course
  • identify the key features of the Ionic framework
  • identify the prerequisites required for the Ionic framework
  • set up the Ionic framework

CSS Customizations for Mobile Devices

  • describe how to customize buttons using the Ionic framework CSS
  • describe how to customize lists using the Ionic framework CSS
  • describe how to customize forms using the Ionic framework CSS
  • describe how to customize checkboxes using the Ionic framework CSS
  • describe how to customize radio buttons using the Ionic framework CSS
  • describe how to customize drop-down lists using the Ionic framework CSS

Effective CSS Layouting for Mobile Devices

  • work with header, content, and footer
  • work with cards
  • work with range
  • work with tabs
  • work with grid
  • work with utility

Setting Up the Ionic CLI

  • install and update Ionic CLI
  • create and publish an Ionic app
  • test an Ionic app in a browser
  • run an Ionic app in an IOS emulator

Practice: Creating and Publishing an App

  • create and publish an app for Android using Ionic CLI

Framework Connections

The materials within this course focus on the NICE Framework Task, Knowledge, and Skill statements identified within the indicated NICE Framework component(s):

Specialty Areas

  • Software Development