Ionic

Ionic is an open source, front-end SDK for developing Hybrid Mobile Applications using web technologies such as HTML, CSS and JavaScript.

500+ Students Enrolled
4.4 Rating (325) Ratings

What You'll Learn

  • Learn Build native apps and progressive web apps from one and the same codebase.
  • Learn Dive deeper into Ionic to learn more about core and advanced features.
  • Learn Build native apps for iOS and Android, using Angular and the powerful features Ionic offers.
  • Learn Test iOS and Android apps on real devices and publish those apps to the app stores of the two platforms.
  • Learn Build native apps and progressive web apps from one and the same codebase.
  • Learn Build native apps for iOS and Android, using Angular and the powerful features Ionic offers.

Course Content

    Ionic – Overview

  • Ionic Framework Features
  • Ionic Framework Advantages
  • Ionic Framework Limitations

    • Ionic – Environment Setup

  • Installing Cordova and Ionic
  • Creating Apps
  • Tabs App
  • Blank App
  • Side Menu App
  • Test App in Browser
  • Project Folder Structure

    Ionic – Colors

  • Ionic Color Classes
  • Ionic Color Usage
  • Customizing Colors with CSS
  • Customizing Colors using SASS
  • Adding Header
  • Header Colors
  • Header Elements
  • Sub Header
  • Adding Footer
  • Footer Colors
  • Footer Elements
  • Block Buttons
  • Button Size
  • Button Colors
  • Button Outline
  • Adding Icons
  • Button Bar
  • Creating Ionic List
  • Inset List
  • Item Dividers
  • Adding Icons
  • Adding Avatars and Thumbnails
  • Adding Cards
  • Card Header and Footer
  • Complete Card
  • Using Input Form
  • Ionic Labels
  • Stacked Label
  • Floating Label
  • Inset Inputs
  • Using Toggle
  • Multiple Toggles
  • Styling Toggle
  • Adding Checkbox
  • Multiple Checkboxes
  • Styling Checkbox
  • Adding Radio Buttons
  • Multiple Radio Button Groups
  • Using Range
  • Adding Icons
  • Styling Range
  • Using Select
  • Styling Select
  • Simple Tabs
  • Adding Icons
  • Striped Tabs
  • Simple Grid
  • Column Sizes
  • Horizontal and Vertical Positioning
  • Responsive Grid
  • How to use Icons?
Web Development

  This Course includes

  Tutorials

  Articles, Videos

  Full Time Lectures

  Real Scenarios

  Project Work

  Certification of Completion

Related Courses