• 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 Knowledge Skills and Abilities (KSAs) identified within the Specialty Areas listed below. Click to view Specialty Area details within the interactive National Cybersecurity Workforce Framework.

Feedback

If you would like to provide feedback for this course, please e-mail the NICCS SO at NICCS@hq.dhs.gov.