Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Ionic Framework

( Duration: 4 Days )

Ionic Framework is an open source and free platform that allows creating highly interactive, cross-platform mobile apps that can be deployed across different mobile platforms (Android, iOS, Windows) and the web. In Ionic Framework training course, you start building your own state-of-the-art mobile apps. We will start from scratch, familiarising you with the backbone of Ionic that is Angular JS and then moving onto Ionic fundamentals and services. This course will help you understand what is Ionic, how can it help you in terms of coding, and how can you maximize it to its full potential.

By attending Ionic Framework workshop, delegates will:

  • Revisit the concepts of Angular JS, HTML5, CSS and JavaScript, which are the building blocks of Ionic
  • Use Ionic to improve the look and interactivity of your apps
  • Use Cordova plugins to access numerous native device features on iOS and Android
  • Build cross-platform apps with advanced features and publish them to store.

  • Knowledge of HTML, CSS, and JavaScript.
  • Knowledge of Angular (version 2 or higher) is advantageous but not essential.
  • Some familiarity with command line interfaces is advantageous.
  • Familiarity with mobile apps and mobile devices.
  • This Ionic Framework class is apt for web developers who want to learn new and upcoming technologies to stay relevant in this ever changing mobile app landscape.

COURSE AGENDA

1

Introduction to the Ionic Framework

  • Understand Ionic and Apache Cordova
  • Angular as the backing framework for Ionic
  • Advantages (and Disadvantages) of Ionic
2

Welcome to Ionic

  • Software Requirements
  • Installing NodeJS and VS Code
  • Installing Android Studio for Android and XCode for iOS
  • Installing Ionic and Cordova CLIs
  • Creating first Ionic App - “Hello Ionic”
  • Folder structure of an Ionic App
  • Understanding the role of Config.xml
  • Templates in Ionic
  • Running an Ionic App in the browser with live-reload
  • Running an Ionic App on Android Emulator
  • Running an Ionic App on iOS Simulator
3

Ionic Components-Basic

  • Header and Footer
  • Buttons and FABs in Ionic
  • Buttons in Header and Footer
  • Predefined Colors in Ionic
  • Icons in Ionic (Ionicons)
  • Form Inputs in Ionic - Text Inputs, Radio and Checkboxes and Selects
  • Lists in Ionic
  • Ion avatars and thumbnails
  • Sliding Lists in Ionic
  • Cards in Ionic
  • Grid in Ionic
  • Customizing Components with SCSS
4

Ionic Components-Advance

  • Basic Interactivity with Buttons and Text Inputs
  • Basic Interactivity with Radio buttons, Checkboxes and Selects
  • Loading Controller
  • Toast Controller
  • Alert Controller
  • ActionSheet Controller
5

Navigation within an App

  • Creating new Pages
  • Page Navigation using NavController
  • Passing Data between Pages
  • Lazy loading the Pages in Ionic
  • Modal Controller
  • Popover Controller
6

Network and HTTP

  • Basics of HTTP and APIs
  • Asynchronous and Synchronous Code
  • Understanding Observables and Promises
  • Using HTTP in Ionic with HttpClientModule and HttpClient
  • Making a simple GET request
  • Retrieving data from an API
  • Displaying data in the App
7

Ionic Native and Cordova Plugins

  • Introduction to Ionic Native
  • How to use an Ionic Native Module
  • Using the Camera Plugin
  • Debugging Apps with Chrome Remote Debugging
  • Using Geolocation Plugin
8

Firebase with Ionic

  • Basics of Firebase
  • Installing and Configuring Firebase
  • Understanding Firebase Auth and Cloud Firestore
  • Signing Up and Logging in Users
  • Saving Data to Cloud Firestore
  • Reading & Querying Data on Cloud Firestore
  • Updating Data in Cloud Firestore
9

Building and Publishing the App

  • Building the App for release for Android
  • Creating a Key-store to Sign
  • Signing the App
  • Verifying the signed file
  • Upload the file to Play Store

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X