Duration
27.0 hours
Regular fee
$250
Objectives of the training
Ionic is now a key technology in the field of cross-platform development. It allows you to capitalize on web technologies to develop applications whose ergonomics, appearance and performance are almost equivalent to those of native applications. The objective of this training is to give you the skills needed to develop an attractive and high-performance cross-platform application with Ionic from the same source code composed of HTML, CSS and JavaScript.Targeted audience
DevelopersPrerequisite
None.Trainers
Upcoming information
Course architecture
Presentation of Ionic
• Objectives of Ionic
• Principle of WebView mobile applications
• Presentation of the Apache Cordova project
• Presentation of the Ionic project
• Strengths and weaknesses of Ionic
• Examples of applications built with Ionic
• Development environment
• Demonstration - Installation of the development environment
• Conclusion
Discovering an Ionic project
• Objectives of Ionic
• Presentation of the Ionic architecture
• Discover the Ionic command line
• Creating an Ionic project
• Demonstration - Creating an Ionic project
• Review of the project
• Launching the web project
• Launching the Android project
• Launching the iOS project
• Demonstration - Launching the project on the browser, Android and iOS
• Conclusion
Getting started with Angular
• Objectives of Angular
• Presentation of Angular
• Differences between TypeScript and JavaScript
• Reminders on the MVC pattern
• Creation of an Angular component
• Use of expressions
• Using the binding with the view
• Calling controller methods from the view
• Demonstration - Creating a component and setting up the binding
• Showing or hiding elements
• Apply a CSS class or a CSS style
• Displaying a list of components
• Demonstration - Setting up a search page
• Case Study - Creating a Trivial Pursuit application (part 1)
• Conclusion
Using Ionic's visual components
• Objectives
• Structure a view and its content
• Using headers and footers
• Buttons
• Maps
• Icons
• Lists
• Forms
• Alerts
• Toasts
• Demonstration - Discovering the reference documentation
• Demonstration - Dressing up the search form
• Case Study - Creating a Trivial Pursuit application (part 2)
• Conclusion
Development of Angular services
• Objectives
• Recall the concept of services
• Creating an Angular service
• Dependency injection
• Presentation of asynchronous programming
• Presentation of promises
• Simplifying the use of promises with await/async
• Demonstration - Setting up a service layer
• Case study - Creating a Trivial Pursuit application (part 3)
• Conclusion
REST API Query
• Objectives
• Reminders on HTTP
• Presentation of the REST API concept
• Finding REST APIs to query
• Use the Angular HTTP service
• Demonstration - Querying a REST API with Angular
• Case study - Creating a Trivial Pursuit application (part 4)
• Conclusion
Navigation with Ionic
• Objectives
• Navigation between pages
• Passing parameters between pages
• Controlling the browsing history
• Presentation of Lazy Loading
• Demo - Creating a detail page for each movie
• Demo - Retrieving movie details from an API
• Case Study - Creating a Trivial Pursuit application (part 5)
• Conclusion
Interacting with the native platform
• Objectives
• Presentation of the Cordova plugin mechanism
• Finding a Cordova plugin
• Presentation of the Ionic Native overlay
• Taking pictures from a smartphone
• Demonstration - Using Ionic Native plugins
• Case study - Creating a Trivial Pursuit application (part 6)
• Conclusion
Angular - Develop your web applications with the Google JavaScript framework
• Introduction to Angular
• My first application
• Fundamentals of Angular
• TypeScript
• Angular CLI
• The components
• Services
• Dependency injection
• HTTP requesting
• User interactions
• Forms
• Routing
• Directives
• Testing your application
• Cross-platform with Angular
• To go further
HTML, CSS and JavaScript - Fundamentals of web development
• Objectives of Ionic
• Principle of WebView mobile applications
• Presentation of the Apache Cordova project
• Presentation of the Ionic project
• Strengths and weaknesses of Ionic
• Examples of applications built with Ionic
• Development environment
• Demonstration - Installation of the development environment
• Conclusion
Discovering an Ionic project
• Objectives of Ionic
• Presentation of the Ionic architecture
• Discover the Ionic command line
• Creating an Ionic project
• Demonstration - Creating an Ionic project
• Review of the project
• Launching the web project
• Launching the Android project
• Launching the iOS project
• Demonstration - Launching the project on the browser, Android and iOS
• Conclusion
Getting started with Angular
• Objectives of Angular
• Presentation of Angular
• Differences between TypeScript and JavaScript
• Reminders on the MVC pattern
• Creation of an Angular component
• Use of expressions
• Using the binding with the view
• Calling controller methods from the view
• Demonstration - Creating a component and setting up the binding
• Showing or hiding elements
• Apply a CSS class or a CSS style
• Displaying a list of components
• Demonstration - Setting up a search page
• Case Study - Creating a Trivial Pursuit application (part 1)
• Conclusion
Using Ionic's visual components
• Objectives
• Structure a view and its content
• Using headers and footers
• Buttons
• Maps
• Icons
• Lists
• Forms
• Alerts
• Toasts
• Demonstration - Discovering the reference documentation
• Demonstration - Dressing up the search form
• Case Study - Creating a Trivial Pursuit application (part 2)
• Conclusion
Development of Angular services
• Objectives
• Recall the concept of services
• Creating an Angular service
• Dependency injection
• Presentation of asynchronous programming
• Presentation of promises
• Simplifying the use of promises with await/async
• Demonstration - Setting up a service layer
• Case study - Creating a Trivial Pursuit application (part 3)
• Conclusion
REST API Query
• Objectives
• Reminders on HTTP
• Presentation of the REST API concept
• Finding REST APIs to query
• Use the Angular HTTP service
• Demonstration - Querying a REST API with Angular
• Case study - Creating a Trivial Pursuit application (part 4)
• Conclusion
Navigation with Ionic
• Objectives
• Navigation between pages
• Passing parameters between pages
• Controlling the browsing history
• Presentation of Lazy Loading
• Demo - Creating a detail page for each movie
• Demo - Retrieving movie details from an API
• Case Study - Creating a Trivial Pursuit application (part 5)
• Conclusion
Interacting with the native platform
• Objectives
• Presentation of the Cordova plugin mechanism
• Finding a Cordova plugin
• Presentation of the Ionic Native overlay
• Taking pictures from a smartphone
• Demonstration - Using Ionic Native plugins
• Case study - Creating a Trivial Pursuit application (part 6)
• Conclusion
Angular - Develop your web applications with the Google JavaScript framework
• Introduction to Angular
• My first application
• Fundamentals of Angular
• TypeScript
• Angular CLI
• The components
• Services
• Dependency injection
• HTTP requesting
• User interactions
• Forms
• Routing
• Directives
• Testing your application
• Cross-platform with Angular
• To go further
HTML, CSS and JavaScript - Fundamentals of web development
Presentation of web development
• Presentation and history of web development
• Main principles of web development
• Use cases of web development
• Presentation and history of web development
• Main principles of web development
• Use cases of web development
The HTML language
• Presentation of the HTML language
• Creating an HTML page
• Overview of the main tags
• HTML 5 specific tags
• Developing a basic page
• Presentation of the HTML language
• Creating an HTML page
• Overview of the main tags
• HTML 5 specific tags
• Developing a basic page
CSS style sheets
• Introduction to CSS
• Creating a CSS style sheet
• Formatting HTML components
• Organization and breakdown of a page
• Presentation of CSS3 Flexboxes
• Introduction to CSS
• Creating a CSS style sheet
• Formatting HTML components
• Organization and breakdown of a page
• Presentation of CSS3 Flexboxes
The JavaScript language
• Presentation of the JavaScript language
• Development of a first script
• Listening to events in JavaScript
• Handling a page in JavaScript
Android 7 - The fundamentals of Java application development
• The Android platform
• Development environment
• Programming principles
• My first application : HelloAndroid
• Creating simple interfaces
• Permission
• Navigation and event management
• Debugging and error handling
• Customization
• Notifications
• Advanced interface creation
• Persistence and data sharing
• Background processing
• Webservice and Parsing
• Google Maps and geolocation
• Telephony and hardware
• Go further
• Presentation of the JavaScript language
• Development of a first script
• Listening to events in JavaScript
• Handling a page in JavaScript
Android 7 - The fundamentals of Java application development
• The Android platform
• Development environment
• Programming principles
• My first application : HelloAndroid
• Creating simple interfaces
• Permission
• Navigation and event management
• Debugging and error handling
• Customization
• Notifications
• Advanced interface creation
• Persistence and data sharing
• Background processing
• Webservice and Parsing
• Google Maps and geolocation
• Telephony and hardware
• Go further
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quoteDuration
27.0 hours
Regular fee
$250
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quote