https://github.com/alexander-kastil/ionic-pwa
Building Mobile & Progressive Web Applications using Angular & Ionic
https://github.com/alexander-kastil/ionic-pwa
angular ionic learning pwa
Last synced: 2 months ago
JSON representation
Building Mobile & Progressive Web Applications using Angular & Ionic
- Host: GitHub
- URL: https://github.com/alexander-kastil/ionic-pwa
- Owner: alexander-kastil
- Created: 2019-06-10T15:21:37.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2021-05-16T09:27:49.000Z (about 5 years ago)
- Last Synced: 2025-10-31T22:22:00.602Z (8 months ago)
- Topics: angular, ionic, learning, pwa
- Language: JavaScript
- Homepage: http://www.integrations.at
- Size: 61.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Building Mobile & Progressive Web Applications using Angular & Ionic
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 hab 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. Wir vergleichen auch die aktuelle Ionic Version mit in Jener im Beta Stadium um Ihre Planungshorizont zu erweitern.
## Zielgruppe
Dieses Seminar richtet sich an:
Entwickler welche mobilen Anwendungen und Progressive Web Apps mit Angular oder Ionic erstellen wollen.
- Für dieses Seminar werden folgende Kenntnisse empfohlen:
- 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 werden im Seminar `Angular Single Page Application Development` vermittelt.
## Kursdauer:
5 Tage
## Inhalte:
### 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
- 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
## Ionic Essentials
- Ionic Technology Stack
- Understanding Angulars Role in Ionic Dev
- Installation & Project Setup
- Ionic Remote Debugging
- Pages vs Components
- Menus & Navigation
- Testing
- Security
## Designing a User Interface using Ionic Components
- Using Styles & Themes
- Creating a Splash Screen
- Layout, Grids & Form Design
- Form Validation
- Gestures, Toggles, Actions Sheets & Alerts
- Lists, Sliders & Cards
## 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
- Using Device Storage
## Reusing Code
- Implementing npm Packages
- Implementing Angular Modules
- Sharing Code between Angular Projects
- Sharing Code between Angular & Ionic
## PWA Continuous Integration
- Karma & Jasmine Basics
- Test Setup & Mocking
- Testing Components, Services and Forms
- Understanding CI / CD
- Azure Dev Ops & Github Integration
- Deployment to Cloud based Services using Azure Dev Ops
## Ionic Publishing & Deployment
- Preparations for Deployment
- Deployment Options
- Google Play Store Requirements
- Apple App Store Requirements