Im Seminar “Building Mobile & Progressive Web Applications using Angular & Ionic” erstellen wir gemeinsam eine Applikation, die wir je einmal als Angular Progressive Web App und einmal als Ionic App implementieren werden. Dadurch haben Sie die Möglichkeit beide Patterns direkt miteinander zu vergleichen und (momentane) Stärken und Limitationen der jeweiligen Lösungswege zu erkennen und entsprechend einzuplanen. Da vor Allem der Themenbereich Progressive Web Apps sehr dynamisch ist, werden die Kursbeispiele laufend der aktuallen State-of-Art Pattern angepasst und auch Technologien in Beta Stadien verwendet um Ihre Planungshorizont zu erweitern.
Nach Abschluss dieses Seminars haben die Teilnehmer Wissen zu folgenden Themen:
- Angular Essentials Refresher
- Progressive Web Apps
- Native Device Access using Cordova
- Alternatives to Cordova
- Advanced Data Access & State Management Strategies
- Ionic Essentials & Using Ionic Components & Designing UI
- Accessing Device specific Features using Ionic
- Testing & Continuous Integration
- Security, Authentication & Social
- Publishing & Deployment
Alle Details einblenden
Zielgruppe
Dieses Seminar richtet sich an:
- Entwickler welche mobilen Anwendungen und Progressive Web Apps mit Angular oder Ionic erstellen wollen.
Vorkenntnisse
Für dieses Seminar sind folgende Kenntnisse notwendig:
- Erfahrungen mit VS Code & Github
- Grundlegendes Arbeiten mit Node.js
- Fortgeschrittene HTML, Sass, TypeScript Kenntnisse
- Fortgeschrittene Angular Kenntnisse
- Erfahrung mit Bootstrap und Angular Material
Diese Kenntnisse werden im Seminar
Angular Single Page Application Development (ngDEV) vermittelt.
Schwerpunkte
- Introduction
- Mobile Development Options Overview
- Overview Native Device Access Options
- Mobile First, Offline First
- Mobile Dev Environment Setup
- HTTP/2 – Challenges und Benefits
- Implementing a trusted https Configuration
- Angular Essentials Refresher
- Bootstrapping Angular / Project Configuration
- Understanding the Angular Build Process
- Implementing Modules and Libraries
- Progressive Web Apps
- What are Progressive Web Apps
- Frameworks & Tools
- Features & Limitations on Platforms (Windows, iOS, Android)
- Building Progressive Web Apps using Angular
- Emulators & Remote Debugging on mobile Devices
- Understanding and Configuring Service Workers & Manifests
- Deploying PWAs to Windows, Android and iOS
- Progressive Web Apps Advanced Topic
- Automatic Installation Screens
- Advanced PWA Configuration
- Debugging Service Workers
- Implementing Push Notifications
- Mastering Automatic Updates
- Native Device Access using Cordova
- What is Cordova
- Cordova Getting Started
- Using Plugins to access Native Device Features
- Using Cordova in our Previous Project
- Alternatives to Cordova: Native Script & Capacitor
- Native Script Introduction
- Using Native Script in Angular PWAs
- Capacitor Introduction
- Using Capacitor in Angular PWAs
- Advanced Data Access & State Management Strategies
- Refresher: Server- & Client-Side Data Models
- Refresher: Implementing & Consuming REST Services
- Implementing Data Caching
- Introduction to the Redux Pattern
- Advanced State Management using ngxs
- Automating Data Synchronization
- Real Time Applications using Signal R
- Ionic Essentials
- Ionic Technology Stack
- Understanding Angulars Role in Ionic Dev
- Stencil & Web Components
- Installation & Project Setup
- Ionic Remote Debugging
- Pages vs Components
- Menus & Navigation
- Implementing & Validating Forms
- Using Ionic Components & Designing UI
- Lists, Grids & Cards
- Buttons, Toggles, Icons, Modals
- Implementing Sliders
- Using Styles & Themes
- Accessing Device specific Features using Ionic
- Device Access using Cordova, Ionic Native & Capacitor
- Using Devices & Emulators
- Building for iOS & Android
- Camera & Barcode Scanner
- Geolocation & Maps
- Streaming Video & Music
- Using Device Storage
- Testing & Continuous Integration
- Karma & Jasmine Basics
- Test Setup & Mocking
- Testing Components, Services and Forms
- Understanding Jenkins
- Jenkins & Github Integration
- Deployment to Cloud based Services using Jenkins
- Security, Authentication & Social
- Understanding & Implementing Token Based Authentication
- Creating User Registration & Login Pages
- Fingerprint Authentication
- Implementing a User Profile
- Implementing Social Sharing & Integration
- Publishing & Deployment
- Preparations for Deployment
- Deployment Options
- Publish to several Device Types: Smart Phones, Tablets, TV
- Google Play Store Requirements
- Apple App Store Requirements
Alle Details ausblenden
