Exceptional training for front end developers

Ionic Training Course

24 Sep London
request info

Capita Marks and Spencer Telefonica Cisco BBC Lloyds Sony

Ionic training course (code: Ionic)

Use the Ionic Framework to build robust, silky smooth hybrid mobile apps



Our Ionic training course shows you how the latest version of Ionic is used to develop apps for the Apple App and Google Play mobile app stores. Thorough grounding in best practices, performance and coding for maintainability are covered. As much hands-on coding as possible means delegates will be very well equipped to develop serious scalable mobile app projects.

Ionic provides tools and services for developing hybrid mobile apps using Web technologies like CSS, HTML5, and Sass. Apps can be built with these Web technologies and then distributed through native app stores to be installed on devices by leveraging Cordova.


A good understanding of Angular is essential to get the most out of this course. No prior iOS or Android programming experience is necessary, though an understanding of the mobile ecosystem really helps. Delegates should sign up for free developer accounts with either platform before attending the course.


weather.com is built with Angular - it gives you one of the most precise weather forecasting reports and is highly recommended. It gives you weather updates from all over the world which keeps on updating at regular intervals.



Where Ionic Fits

•    Comparing Ionic to native iOS and Android development
•    Single-code-base advantages
•    How modular Angular architecture underpins app development
•    Typical workflow and tool-chain development
•    The importance of scalability, maintainability and testability
•    Overview of submitting to app stores

Introducing Ionic

•    How Ionic and Cordova make web technologies work as a native app
•    Installing NodeJS, Ionic and Cordova
•    Creating projects for iOS, Android and other platforms
•    Following best practice for a particular platform

Binding to Data

•    Evaluating expressions
•    Binding to attributes, properties and styles
•    One-way and two-way binding

Ionic Components

•    Action sheets, Alerts and Badges
•    Interactive elements and forms
•    Menus, Tabs, Views and Navigation
•    Routing, Inputs, Outputs and custom events
•    Template syntax, repeaters and conditional content
•    Grids, Cards, Lists and Layout

Forms and Validation

•    Ionic form fields, date-pickers, selection options etc.
•    Validation feedback and user experience
•    Binding form field values to data models

Adding Native Functionality

•    Ionic Native
•    Using the native Camera, Geolocation, Maps, Calendar etc.
•    Promises and Observables
•    Device-specific issues
•    Running an App in the background
•    A few things Ionic cannot do

Accessing Device Features

•    Invoking device sensors and capabilities
•    Network detection
•    Practical memory and resource considerations

Working with Data

•    Making calls for external resources
•    Passing parameters out to servers
•    Persistent and transient storage
•    Managing state

Debugging Tools and Techniques

•    Runtime diagnostics
•    Serving to devices and emulators
•    Browser-based tools

Theming and Style Guides

•    Managing an app theme
•    Using SASS variables
•    Platform styles
•    Icons and Glyphs

The Command Line Interface (CLI)

•    Powerful CLI features
•    Creating a starter project with the CLI
•    Generating pages, components and providers from the command line


•    Karma and Protractor
•    Selenium testing server and Jasmine
•    Overview of approaches to testing

Production build

•    Development and Production modes
•    Configuring an automatic build chain
•    Optimizing for production

  • Where Ionic Fits
  • Introducing Ionic
  • Binding to Data
  • Ionic Components
  • Forms and Validation
  • Adding Native Functionality
  • Accessing Device Features
  • Working with Data
  • Debugging Tools and Techniques
  • Theming and Style Guides
  • The Command Line Interface (CLI)
  • Testing
  • Production build
Receive the latest version of this course into your inbox

See why people choose JBI

"At jbi even the sales team are technical so you are able to ask questions before the course"

Garima Aon

Blog (Show All)

JBI training course London UK

Shelf Life - are React and Angular frameworks here to stay?

12/02/2018: Your choice of development framework will have long term repercussions for IT and corporate strategy for years to come. When migrating and upgrading...

JBI training course London UK

React vs Angular - which framework and therefore which Training Course?

16/01/2018: React vs Angular which framework best for my organisation Speed, security and extensibility are the hallmarks of a great web service, and your...

JBI training course London UK

Angular Course | Expand your HTML capabilities with Angular

09/01/2018: Using HTML is a great way to build static web pages that hardly need any movement or adaptability, but every time a dynamic environment is required,...

Case Studies (Show All)

JBI training course London UK

React Training Course for Experienced Javascript Developers

05/07/2018: This Client asked JBI to run an intensive ReactJS course for Developers who were already familiar with Javascript, CSS and some of whom may have...

JBI training course London UK

Online fashion house gets intensive React training course in 2 days

06/02/2018: Originating from Facebook, React is a component based front-end library that allows you to build applications out of a tree of small, testable,...

JBI training course London UK

Android Training Course - customised and run onsite

08/01/2018: Knowing you need an app is one thing, making it happen should be as painless as possible. When a team of experienced developers needed to work...


24th Sep 2018 - 5 days £2500

see all dates


Show Discount for this course


  Bring a JBI course to your office
  and train a whole team onsite
  0800 028 6400
or request quote

  You can customise this course to
  suit your exact needs here
  0800 028 6400 or request quote

Get in touch
0800 028 6400

Excellent feedback, consistently !

►"great tips help reduce build times"
► "we got access to exclusive content"
► "Short course meant less time off"

►"what an inspiring trainer !"
► "colleagues at 2 sites joined via web"
► "I passed my exam the next day"

Newsletter ! Get exclusive news about upcoming programs, technical insights & special offers