Ionic training course

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

JBI training course London UK

"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"

Brian Leek, Data Analyst, May 2022

Public Courses

17/08/26 - 5 days
£2500 +VAT
28/09/26 - 5 days
£2500 +VAT
09/11/26 - 5 days
£2500 +VAT

Customised Courses

* Train a team
* Tailor content
* Flex dates
From £1200 / day
EDF logo Capita logo Sky logo NHS logo RBS logo BBC logo CISCO logo
JBI training course London UK

  • Use the Ionic Framework to build robust, silky smooth hybrid mobile apps
  • Understand where Ionic Fits: Ionic vs native iOS and Android development
  • Gain an Introduction to Ionic and learn how Ionic and Cordova make web technologies to work as a native app
  • Create projects for iOS, Android and other platforms
  • Evaluate expressions, Bind attributes, properties and styles
  • Learn Ionic Components and build blocks 
  • Use Forms and Validation with examples 
  • Acquire knowledge on how to add Native Functionality
  • Learn how to Access Device Features
  • Work with Data such as make calls and manage states
  • Explore Debugging Tools and Techniques
  • Utilise Theming and Style Guides
  • Learn The Command Line Interface (CLI)
  • Gain knowledge on how to Test and the approaches for testing
  • Develop, Configure and optimize 

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

Testing

•    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

JBI training course London UK

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.

 


5 star

4.8 out of 5 average

"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"

Brian Leek, Data Analyst, May 2022



“JBI  did a great job of customizing their syllabus to suit our business  needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and  the Instructor handled this particularly well - very impressive”

Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022

 

 

JBI training course London UK

Certification


Every delegate will be entitled to a certificate of achievement on completion of the course.

If you are missing your certificate - please use the link below to apply - you can also use this link to sign up for the JBI Training newsletter to receive technology tips directly from our instructors - Analytics, AI, ML, DevOps, Web, Backend and Security.
 



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.

JBI Training offers a comprehensive range of modern web and front-end development courses covering the leading frameworks, languages, and tools used in professional web development today. Available courses include React (three days), React Native (three days), Angular (three days), Angular Beyond the Basics (two days), Angular Through the Eyes of an Architect (three days), Vue.js (three days), Svelte.js (three days), TypeScript (three days), TypeScript Beyond the Basics (three days), Blazor (three days), Blazor Essentials (two days), .NET Aspire (one day), WebAssembly (two days), Micro Frontends (two days), Ionic (five days), JavaScript with Node Beyond the Basics (two days), JavaScript D3 (four days), Clean Code with JavaScript (two days), Clean Code with JavaScript and Node (two days), HTML5 Coding (three days), and Coding for Non-Coders (two days). All courses are available as scheduled classroom sessions in London, as live online instructor-led training, or as customised onsite programmes for development teams.
React is an open-source JavaScript library developed and maintained by Meta (formerly Facebook) for building fast, interactive user interfaces. It uses a component-based architecture, a virtual DOM for efficient rendering, and a one-way data flow model that makes complex UIs more predictable and easier to maintain. React is the most widely used front-end library globally and is used by organisations of all sizes for building web applications, single-page applications, and progressive web apps. JBI's three-day React course covers React fundamentals, components and props, state management with hooks, the React component lifecycle, routing with React Router, managing application state, working with APIs, and testing React applications. It is suitable for JavaScript developers who want to build modern, component-based web applications.
Angular, React, and Vue.js are the three dominant technologies for building modern front-end web applications, but they differ in scope and approach. Angular is a full framework developed and maintained by Google — it provides a complete, opinionated solution including routing, forms, HTTP client, dependency injection, and a CLI, making it particularly well-suited to large-scale enterprise applications. React is a library focused specifically on the UI layer, giving developers more flexibility to choose their own tools for routing, state management, and other concerns — it has the largest ecosystem and community of the three. Vue.js is a progressive framework that sits between Angular and React in terms of structure — it is approachable for beginners, incrementally adoptable, and used widely in Asia and in medium-sized web projects. JBI offers training in all three technologies.
TypeScript is a strongly typed superset of JavaScript developed and maintained by Microsoft. It adds optional static typing, interfaces, generics, and advanced object-oriented features to JavaScript, and compiles down to standard JavaScript that runs in any browser or Node.js environment. TypeScript is widely adopted in professional web development because it catches errors at compile time rather than at runtime, improves code readability and maintainability, enables better IDE support with autocompletion and refactoring tools, and scales well in large codebases and teams. It is the default language for Angular development and is increasingly used with React and Vue.js. JBI offers both an introductory TypeScript course and a TypeScript Beyond the Basics course for developers who want to advance their TypeScript skills further.
Blazor is a Microsoft web framework that allows developers to build interactive web UIs using C# and .NET instead of JavaScript. It comes in two hosting models: Blazor Server, which runs the application logic on the server and updates the UI over a SignalR connection, and Blazor WebAssembly, which runs the .NET application directly in the browser via WebAssembly. Blazor is particularly appealing to .NET and C# developers who want to build full-stack web applications without switching to a JavaScript framework. JBI offers two Blazor courses: the three-day Blazor course covering both hosting models in depth, and the two-day Blazor Essentials course which provides a focused introduction to the core concepts. Both courses are suited to .NET developers who want to extend their skills to the web front-end.
WebAssembly (often abbreviated as Wasm) is a binary instruction format that runs in modern web browsers at near-native performance speeds. It allows code written in languages such as C, C++, Rust, and Go to be compiled and executed in the browser, enabling computationally intensive applications — such as video processing, 3D rendering, data analysis, and gaming — to run efficiently on the web without plugins. WebAssembly is also used outside the browser in server-side and edge computing contexts. JBI's two-day WebAssembly course covers the fundamentals of WebAssembly, how it integrates with JavaScript, compiling C, C++, and Rust to WebAssembly, the WebAssembly System Interface (WASI), and practical use cases for WebAssembly in modern web and cloud applications. It is suited to developers who want to understand how WebAssembly works and how to apply it in real projects.
Micro Frontends is an architectural pattern that applies microservices thinking to front-end development — breaking a large web application into smaller, independently deployable front-end applications that can be developed, tested, and deployed by separate teams. Each micro frontend owns a specific section of the user interface and can be built using different frameworks or technologies if needed. JBI's two-day Micro Frontends course covers the principles and patterns of micro frontend architecture, the main implementation approaches — including module federation with Webpack, iframes, web components, and server-side composition — the trade-offs between approaches, and practical considerations for teams adopting micro frontends in real applications. It is suited to front-end architects, senior developers, and technical leads working on large-scale web applications.
Svelte is a modern JavaScript framework for building web user interfaces that takes a fundamentally different approach from React and Vue. While React and Vue do their work in the browser at runtime using a virtual DOM, Svelte shifts that work to compile time — it compiles components into highly optimised vanilla JavaScript during the build process, resulting in smaller bundle sizes and faster runtime performance with no framework overhead in the browser. Svelte has gained significant adoption for its simplicity, performance, and developer-friendly syntax. JBI's three-day Svelte.js course covers Svelte fundamentals, component design, reactivity, stores for state management, transitions and animations, routing with SvelteKit, and building production Svelte applications. It is suited to JavaScript developers who want to explore an alternative to the dominant React and Vue ecosystem.
.NET Aspire is a Microsoft framework introduced to simplify the development, orchestration, and deployment of cloud-native distributed applications built on .NET. It provides a consistent set of tools and patterns for building applications composed of multiple services — such as APIs, databases, caches, and message queues — and makes it easier to configure, run, and observe these services during development and in production. JBI's one-day .NET Aspire course covers the core concepts of .NET Aspire, its application model and orchestration capabilities, integrating common cloud services and infrastructure components, observability and telemetry, and how .NET Aspire fits into the broader .NET and Azure ecosystem. It is suited to .NET developers and architects who are building or moving toward cloud-native distributed application architectures.
React Native is a framework developed by Meta that uses React's component model and JavaScript to build native mobile applications for iOS and Android — not web applications running in a mobile browser, but genuine native apps that use platform-specific UI components. React developers can transfer a large amount of their existing knowledge to React Native, making it an efficient path into mobile development for teams already using React for web. JBI's three-day React Native course covers the React Native architecture, building and styling native components, navigation, working with device APIs, state management, and publishing to the App Store and Google Play. It is suited to React developers and JavaScript engineers who want to extend their skills to mobile application development.
Yes. The modern web development landscape evolves rapidly — with regular major releases from React, Angular, Vue, TypeScript, and other frameworks — and JBI's training content is continuously reviewed and updated to reflect the latest stable versions and current best practices. This includes updates to React's concurrent rendering features and server components, Angular's standalone components model and signals, Vue 3 composition API patterns, TypeScript language updates, and the latest developments in WebAssembly and Micro Frontends architecture. Delegates learn skills that are current and applicable to the versions of these technologies used in professional front-end development today.

CONTACT
+44 (0)20 8446 7555

[email protected]

 

Copyright © 2026 JBI Training. All Rights Reserved.
JB International Training Ltd  -  Company Registration Number: 08458005
Registered Address: Wohl Enterprise Hub, 2B Redbourne Avenue, London, N3 2BS

Modern Slavery Statement & Corporate Policies | Terms & Conditions | Contact Us

POPULAR

AI training courses                                                                        CoPilot training course

Threat modelling training course   Python for data analysts training course

Power BI training course                                   Machine Learning training course

Spring Boot Microservices training course              Terraform training course

Data Storytelling training course                                               C++ training course

Power Automate training course                               Clean Code training course