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.

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.

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.

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.

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

Minor Exam and Project

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

Minor Exam and Project

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

Minor Exam and Project

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

Minor Exam and Project

• 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

Minor Exam and Project

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

Minor Exam and Project

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

Minor Exam and Project

• 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

Major Exam and Project