- Leren door doen
- Trainers met praktijkervaring
- Klassikale trainingen
- Gedetailleerd cursusmateriaal
- Duidelijke inhoudsbeschrijving
- Maatwerk inhoud mogelijk
- Trainingen die doorgaan
- Kleine groepen
In de cursus Ionic Mobile Development van SpiralTrain leren de deelnemers cross platform mobiele applicaties te ontwikkelen met het Ionic Framework. Het Ionic Framework is een open source UI-toolkit voor het bouwen van hoogwaardige mobiele en desktop-apps met goede performance. In Ionic maak je gebruik van web technologieën zoals HTML, CSS en JavaScript en kun je populaire JavaScript frameworks zoals Angular, React en Vue integreren. De cursus behandelt de nieuwste versie van Ionic.
De cursus Ionic Mobile Development biedt een uitgebreide inleiding tot de architectuur van Ionic. Tijdens deze cursus wordt ook de Ionic CLI en de AppWizard behandeld, waarmee Ionic Apps zowel via de command line als visueel kunnen worden gegenereerd.
Vervolgens besteden we aandacht aan de verschillende Ionic Application templates, zoals het Blank, Tab of SideMenu template. Deze templates vormen het startpunt voor een Ionic App en leggen de basisstructuur daarvan vast. Daarnaast komen ook Android- en iOS-specifieke zaken aan bod.
In de cursus worden de vele standaard UI componenten die beschikbaar zijn in Ionic besproken, zoals buttons, list boxes en menu's. Ook behandelen we de verschillende talen, frameworks en tools die gebruikt kunnen worden bij de ontwikkeling van een Ionic App.
Een ander belangrijk onderdeel van de cursus is de integratie van Custom Web Components en HTML Templates in Ionic. Hierbij besteden we aandacht aan de Component Life Cycle, de Ionic Stencil library en Ionic Core, die essentieel zijn voor een goede ontwikkeling.
We bespreken de verschillende vormen van state in Ionic, zoals global state, shared state en internal state. Daarnaast komen we bij state management met een centrale store, inclusief actions en reducers.
Tot slot richten we ons op Database Access met de Firebase database en verkennen we een aantal geavanceerde onderwerpen in Ionic, zoals Ionic Storage en Push Notifications. Voor meer informatie over Firebase, bekijk de officiële Firebase documentatie.
Daarnaast is het ook waardevol om de cursus React Native Mobile Development te overwegen voor een breder begrip van mobiele applicatieontwikkeling.
De cursus Ionic Mobile Development is bedoeld voor web en mobile developers die het Ionic Framework willen leren gebruiken voor de ontwikkeling van cross platform mobiele applicaties.
Ervaring met web applicatie development en een goede kennis van JavaScript zijn vereist om aan de cursus Ionic Mobile Development te kunnen deelnemen.
De theorie wordt in deze hands-on cursus behandeld aan de hand van presentaties. Illustratieve demo's worden gebruikt om de behandelde concepten te verhelderen. De theorie wordt afgewisseld met oefeningen. De cursustijden zijn van 9.30 tot 16.30.
De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Ionic Mobile Development.
Module 1 : Ionic Intro |
Module 2 : Application Templates |
Module 3 : UI Components |
|
Ionic Framework Hybrid Mobile Apps React, Angular or Vue Ionic Versions Apache Cordova Ionic CLI Installing Ionic Ionic AppFlow SDK Ionic start Template Project Adjust Angular Routes |
Blank App Tab App SideMenu App App Skeleton Folder Structure Ionic and Android Android SDK Genymotion Emulator Ionic and Ios Xcode and Tools Ionic Dashboard |
Action Sheets Buttons and Cards Checkbox and Chips Floating Action Buttons Date and Time Pickers Lists and Grids Items and Inputs Menu and Navigation Progress Indicators Toasts and Toggles Routing and Toolbars |
Module 4 : Languages and Tools |
Module 5 : Web Components |
Module 6 : State Management |
|
TypeScript Language Data Types Interfaces and Classes Decorators Angular Framework Angular Modules Template Syntax Dependency Injection RxJS Observables Observers and Subjects Sass CSS Sass Variables and Mixins |
Custom Elements Shadow DOM HTML Imports HTML Template Browser Compatibility Ionic Stencil Library Stencil Slots @Prop and @State Events Component Life Cycle Tag Selectors Use Ionic Core |
State in Webapps Single Page Apps Global State Shared State Internal State NgRx Intro Immutable Store Actions Reducers Selectors Pagination Component Updates |
Module 7 : Connecting to Firebase |
Module 8 : Advanced Topics |
|
|
Firebase Realtime Database Cloud Firestore Database Structure Firebase JavaScript SDK Firebase Web SDK Firebase Console Reading and Writing Data Query and Navigating Data Firebase Authentication $firebaseAuth collection-repeat Saving Form Data |
Platform Class Accessing Platform Theming Look and Feel $color Map Overriding Configuration Ionic Storage Push Notifications FCM REST Api Native Plugin React Integration Deploy to Devices |
Deze bedrijven en instanties waren u al voor:
Deze bedrijven waren u voor:
