Ionic is a HTML 5 mobile app development framework targeted at building hybrid mobile apps. Hybrid development combines the best of both native and HTML 5 worlds. Since Ionic is an HTML 5 framework it needs a native wrapper like Cordova or Phone Gap in order to run as a native app.
This course focuses on the power of AngularJS and introduces the Mobile Hybrid framework Cordova. Learners will use Ionic as a CSS framework for your mobile web applications. This course provides information on how to use Ionic’s built-in directives and services which quickly bring your application to life. Learners will integrate device features such as camera and Bluetooth with the help of Cordova and ngCordova in your Ionic apps. Learners will focus on how to generate installers for the apps that you have built with Cordova and Ionic using the Ionic CLI and Phone Gap build.
- Learners must have an understanding of HTML 5 , JavaScript and CSS3 or can attend Programming in HTML 5 with JavaScript and CSS3 (for more information
- Learners must have coding experience using Angular JS or can attend our Angular JS course (for more information
Chapter 1: Ionic – Powered by AngularJS
- Understanding the separation of concerns
- AngularJS components
- AngularJS directives
- AngularJS services
- AngularJS resources
- Summary
Chapter 2: Welcome to Ionic
- Mobile Hybrid Architecture
- What is Apache Cordova?
- What is Ionic?
- Software Setup
- The platform guide
- Hello Ionic
- The browser developer tools setup
- The Ionic project structure
- Scaffolding the tabs template
- Scaffolding the side menu template
- Generator-ionic
- Summary
Chapter 3: Ionic CSS Components and Navigation
- Ionic CSS Components
- The Ionic router
- Summary
Chapter 4: Ionic and SCSS
- What is Sass?
- Setting up SCSS in our Ionic project
- Working with Ionic SCSS
- Understanding the Ionic SCSS setup
- The SCSS workflow
- Building a swatch
- Summary
Chapter 5: Ionic Directives and Services
- Ionic directives and services
- The Ionic Platform service
- Content
- Ionic loading
- The ion-list and ion-item directives
- Gesture directives and services
- Summary
Chapter 6: Building a Bookstore App
- An introduction to the Bookstore application
- The Bookstore architecture
- Setting up the server
- Building the application
- Summary
Chapter 7: Cordova and ngCordova
- Setting up a platform-specific SDK
- Testing the setup
- Getting started with Cordova plugins
- The Ionic plugin API
- The Cordova whitelist plugin
- ngCordova
- Summary
Chapter 8: Building a Messaging App
- The Ionic Chat app
- The application architecture
- Developing the application
- Testing the application
- Summary
Chapter 9: Releasing the Ionic App
- Preparing the app for distribution
- The PhoneGap service
- Generating installers using the Cordova CLI
- The Ionic package
- Summary
Career benefit of this course
- Web Developer
- Mobile App Developer
- Senior Developer
- Web Designer and Developer
- Wen Design and developer Frelancer
The strength in your qualification
On successful completion of this training programme, the learner will receive the Pine Valley Institute certificate in Mobile App Development and also we are accredited by Micseta and which guarantee the learners to work in any reputable company
For Career Guidance or not sure what to study complete the form below and Pine Valley Institute professional career adviser will call you back within an hour
