'
  • +91 8793801215 , +91-020-27240087

Hybrid Mobile App Development Using Angular and Ionic.


  • Explore most popular JavaScript MVW Framework.
  • Understand AngularJS basic and advanced in-depth concepts.
  • Learn Mobile apps development options and advantages of Hybrid mobile apps.
  • Explore Ionic HTML, CSS and JS components, gestures, and tools for building highly interactive mobile apps.
  • Understand cordova basic and advanced in-depth concepts.
  • Publish mobile app on Google Store, Apple Store.
  • Type: Theory + Practical
  • Training ProgramAudience(s):BCA/ BCS/ BE/ MCA/ MCS
  • Delivery method(s): Instructor-led Classroom/Online
  • TrainingDuration: 45 Hours
  • Language: English
  • Candidate Prerequisite: Basic Anyone who wants to learn Hybrid Mobile apps development should have a basic programming and HTML/HTML5 knowledge.

JS Frameworks and SPA


  • Understanding JS libs and frameworks
  • Advantages of JS libs and frameworks
  • Introduction to SPA
  • SPA vs. MPA
  • Most Popular SPA
  • Advantages of SPA
  • SPA with jQuery, Backbone.JS, Knockout.JS and Ember.JS

Introduction to AngularJS


  • Understanding AngularJS
  • JavaScript VS jQuery VS AngularJS
  • Advantage of AngularJS
  • AngularJS VS others JS Frameworks
  • Browsers Support

Model, View and Controller


  • Understanding MVC
  • Creating Models or ViewModels
  • Creating Controller and View

AngularJS Bootstrap Process


  • Angular Initialization Process
  • Automatic Bootstrap
  • Manual Bootstrap

AngularJS Fundamentals


  • Modules
  • Scopes - $scope and $rootScope
  • Expressions
  • Built-In Directives - ng-app, ng-controller, ng-bind, ng-model, ng-init, ng-options, ng-if, ng-show, ng-hide, ng-repeat, ng-switch
  • Built-In Filters - Currency, Date, Number, OrderBy, Lowercase, Uppercase, Filter

Scopes & Controllers


  • Creating Child Controller
  • Scope Inheritance
  • $watch, $digest and $apply

Custom Directives and Filters


  • Types of Directives - Shared, Inherit & Isolate
  • Custom Directives
  • Custom Filters

Events


  • AngularJS Events
  • Static Events Binding
  • Dynamic Events Binding
  • Events Handling

Data Binding


  • Understanding Data Binding
  • Types of Data Binding
  • Issues with Two-Way Data Binding
  • Choosing Appropriate Data Binding

Dependency Injection


  • Understanding Dependency Injection
  • Methods to inject Dependency
  • Implementing Dependency Injection

Templates & Routing


  • Understanding Templates
  • Types of Templates
  • Understanding Routing
  • Angular UI Routing
  • Defining Routes
  • Route Evaluation

Services


  • Understanding Services
  • Types of Services
  • Choosing Services - Factory, Service, Provider, Value & Constant
  • Creating Services
  • Data sharing using Services

Angular Forms and Controls


  • Angular forms VS HTML forms
  • Angular form input controls
  • Angular form events
  • Angular form validation
  • Angular form and controls properties
  • Applying CSS based on error messages
  • Creating Cascading Dropdown List

Data Storage


  • Web Storage - Local Storage and Session Storage
  • Cookies

Ionic


Introduction to Hybrid Mobile Apps

  • Understanding Hybrid Mobile Apps Development
  • Why to choose Hybrid Mobile Apps Development
  • Ways to develop Hybrid Mobile Apps
  • Future of Hybrid Mobile Apps Development
  • Advantages of Hybrid Mobile Apps

ASP.NET MVC 6.0 New Features

  • Understanding Ionic
  • Ionic - What, Why & When
  • Ionic Advantages
  • Browsers Support

Ionic and Webstorm

  • Installing Ionic
  • Configuring Ionic
  • Ionic Starter Templates
  • Creating a project
  • Running app in browser
  • Running app in Emulator
  • Running app in mobile device

Ionic CLI

  • Understanding Ionic CLI
  • Configuring Ionic with Ionic CLI
  • Starter Templates
  • Creating Project
  • Building and Running app

Ionic Creator

  • Understanding Ionic Creator
  • Using Ionic Creator
  • Creating project
  • Downloading project

Ionic View

  • Understanding Ionic View
  • Using Ionic View to testing App
  • Ionic View Advantages

Ionic Lab

  • Installing and Configuring Ionic Lab
  • Ionic Lab to create, build and deploy mobile App
  • Ionic Lab Advantages

Ionic Components

  • Understanding Ionic Grid System
  • CSS components
  • JavaScript Components
  • Typography
  • Header
  • Footer
  • Content
  • Cards
  • Buttons
  • List
  • Forms
  • Inputs
  • Gestures and Events
  • Tabs
  • Modals
  • Popups
  • Navigation
  • Side Menu
  • Spinners

Navigation and Routing

  • Understanding Routing
  • Introduction to Angular UI Router
  • Adding Routing for Tabs
  • Adding Routing for Side Menu
  • Route Parameters
  • Adding Navigation Animation
  • Adding a Back Button

Database Operations

  • Database Operations with REST service
  • Data Listing, Paging and Sorting

ngCordova


Introduction to ngCordova

  • Understanding ngCordova
  • ngCordova Advantages
  • Installing and setup ngCordova

ngCordova Plugins

  • ngCordova Camera
  • ngCordova Device
  • ngCordova Contacts
  • ngCordova DatePicker
  • ngCordova Network
  • ngCordova GeoLocation

PhoneGap Build


Introduction to PhoneGap Build

  • Understanding PhoneGap Build
  • PhoneGap Build - What, Why & When
  • PhoneGap Build Advantages
  • PhoneGap Build to compile Ionic App
  • Downloading Mobile App from PhoneGap Build
  • Testing App in real devices

Github


Introduction to Github

  • Understanding Github
  • Creating Github Repository
  • Uploading code to Github repository
  • Performing operations on repository

Mobile Apps Development


Developing Mobile App Architecture

  • Designing App Architecture
  • Developing REST Service using Web API
  • Developing Customer CRUD Operations

Interceptors

  • Understanding Interceptors
  • Need of Interceptors

Security

  • Implementing Token based Authentication
  • Managing User session
  • Implementing Authorization

Developing Category, Product Operations

  • Developing Category CRUD Operations
  • Developing Product CRUD Operations

Product Listing

  • Displaying Products to Users
  • Applying Paging and Sorting

Shopping Cart

  • Products Searching
  • Products Filtering
  • Adding Products to Shopping Cart
  • Removing Products to Shopping Cart

Payment Gateway

  • Understanding Payment gateway Process
  • Integrating Payment Gateway
  • Listing Successful Transactions
  • Listing Failed Transactions

Deployment

  • Deploying using Github
  • App deployment on Google store
  • App deployment on Apple store
Name: Achyut V Kendre
Achyut V Kendre CEO of Revolution Infosystems, has more than 9+ years of experience of developing the applications using Microsoft Technologies.
From last 5 year's he is conducting corporate and professional trainings of ASP.NET MVC 5.0 at various corporates and technical institutions.