Highlights
- 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
Course Details
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
Who should attend
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.
Feedback
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
