contact@mobignosis.com India: +91 - 9900001329 | US: +1-302-648-5553.

Ionic and AngularJS Training in Bangalore

Course Objective

This training will equip developers to develop Apps using the popular App Development Platform: Ionic & AngularJS

Course Duration

1.5 months – weekend batch

About Ionic

Ionic is a powerful HTML5 SDK that helps you build native-looking Mobile apps using web technologies like HTML, CSS, and JavaScript. This is an ideal solution for web developers interested in mobile development as it allows them to leverage existing skills rather than start from scratch with a device-specific compiled language. It enables software programmers to build applications for mobile devices using JavaScript, HTML 5 and CSS 3 instead of device-specific languages such as Objective-C, C++, and Java.

About AngularJS

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. Angular’s data binding and dependency injection eliminate much of the code you would otherwise have to write.

Ionic and AngularJS Training-Methodology

This is a hands-on training program designed for developing mobile applications using HTML, CSS & JavaScript. We begin the course with JavaScript and then deep dive into Ionic& AngularJS framework capabilities in a practical training session.

During the training program, the participants will learn how to develop a Mobile Application using Ionic& AngularJS framework.

Ionic and AngulurJS training | Pre-Requisites

➔ Basics of HTML and JavaScript
➔ Targeted Audience: Web Developers, Software Engineers, Engineering Graduates and Graduates from Computer Science/IT

About the Trainer

Our Trainer has over 10+ years of experience in Software Development, Consulting, and Training. He has worked for different companies from startups like Penta Media (S. Korea), Mango Technologies to large, high-profile organizations such as the ABB, Cisco Systems.

Ever since assembling IBM ‘compatible’ PC-AT in college (aka desktop), he has developed software for different systems from 8/16/32-bit microcontrollers, network processor, desktop and cloud computers to different mobile OS like BREW, Symbian, Nokia Series 40/60, Samsung Bada, Android & iOS.

Ionic and AngularJS Course : Syllabus

1. Introduction

      • Computing eras & current mobile wave
      • Platforms, Frameworks & Tools
      • Hybrid frameworks, web tech, web APIs (backend)
      • The stack – HTML5/CSS3/AngularJS/Cordova+platform
      • Ionic – AngularJS and native-like.
      • Phonegap / Cordova
      • Demos and Code overview

 

 

3. Angular JS

      • Data Binding & Filters
      • Module, Controller & Views
      • Directives
      • Services
      • Routing
      • Angular JS 2 changes
      • Components
      • Typescript
      • Working with Angular code

 

 

5. Ionic – ToDo App

      • Project Structure
      • Application Logic
      • Screen Templates
      • Ionic components
      • Navigation Stack
      • Summary
      

 

7. Integrating Device Features – Go Places App

      • Cordova CLI
      • ngCordova / Ionic native
      • Device console
      • Adding Camera plugin
      • Image capture and upload
      • Geolocation
      • Putting the Go Places App together
      • Configuring config.xml, icons, artwork
      • Customizing Ionic
      • Wrapping up

 

 

 

 

 

 

2. The Basics

       • Diving deeper – HTML5/CSS3/JS
       • JS Basics
       • JS Frameworks
       • AngularJS Intro
       • Ionic Framework, Why Ionic?
       • Ionic 1 / 2
       • NodeJS / NPM

 

 

4. Ionic – Getting Started 

      • Installing the tools
      • Installing required npm packages
      • Understanding the Ionic CLI
      • Platform and SDK – Android / iOS
      • Starting a fresh project 
      • Running the project
      • Viewing App with Browser
      • Viewing on Android Emulator
      • Viewing on iPhone Emulator

 

 

6. Advanced Topics – Employee directory Enterprise App

      • Application structure and screens
      • Integrating the screens 
      • Ionic components
      • Component customization
      • Working with Web APIs

 

 

Quick Contact

We're not around right now. But you can send us an email and we'll get back to you, asap.

Questions, issues or concerns? I'd love to help you!

Click ENTER to chat