{"id":28148718,"url":"https://github.com/alexander-kastil/ionic-pwa","last_synced_at":"2026-04-12T02:36:21.026Z","repository":{"id":109426180,"uuid":"191193436","full_name":"alexander-kastil/ionic-pwa","owner":"alexander-kastil","description":"Building Mobile \u0026 Progressive Web Applications using Angular \u0026 Ionic","archived":false,"fork":false,"pushed_at":"2021-05-16T09:27:49.000Z","size":64850,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-31T22:22:00.602Z","etag":null,"topics":["angular","ionic","learning","pwa"],"latest_commit_sha":null,"homepage":"http://www.integrations.at","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexander-kastil.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"ARambazamba","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-06-10T15:21:37.000Z","updated_at":"2023-01-21T17:27:21.000Z","dependencies_parsed_at":"2023-03-08T16:01:10.693Z","dependency_job_id":null,"html_url":"https://github.com/alexander-kastil/ionic-pwa","commit_stats":null,"previous_names":["alexander-kastil/ionic-pwa"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alexander-kastil/ionic-pwa","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fionic-pwa","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fionic-pwa/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fionic-pwa/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fionic-pwa/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexander-kastil","download_url":"https://codeload.github.com/alexander-kastil/ionic-pwa/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-kastil%2Fionic-pwa/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31702580,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T21:17:31.016Z","status":"online","status_checked_at":"2026-04-12T02:00:06.763Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","ionic","learning","pwa"],"created_at":"2025-05-15T01:14:11.030Z","updated_at":"2026-04-12T02:36:20.986Z","avatar_url":"https://github.com/alexander-kastil.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ARambazamba"],"categories":[],"sub_categories":[],"readme":"# Building Mobile \u0026 Progressive Web Applications using Angular \u0026 Ionic\n\nIm Seminar “Building Mobile \u0026 Progressive Web Applications using Angular \u0026 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.\n\n## Zielgruppe\n\nDieses Seminar richtet sich an:\n\nEntwickler welche mobilen Anwendungen und Progressive Web Apps mit Angular oder Ionic erstellen wollen.\n\n- Für dieses Seminar werden folgende Kenntnisse empfohlen:\n- Erfahrungen mit VS Code \u0026 Github\n- Grundlegendes Arbeiten mit Node.js\n- Fortgeschrittene HTML, Sass, TypeScript Kenntnisse\n- Fortgeschrittene Angular Kenntnisse\n- Erfahrung mit Bootstrap und Angular Material\n\nDiese werden im Seminar `Angular Single Page Application Development` vermittelt.\n\n## Kursdauer:\n\n5 Tage\n\n## Inhalte:\n\n### Introduction\n\n- Mobile Development Options Overview\n- Overview Native Device Access Options\n- Mobile First, Offline First\n- Mobile Dev Environment Setup\n- HTTP/2 – Challenges und Benefits\n- Implementing a trusted https Configuration\n\n### Angular Essentials Refresher\n\n- Bootstrapping Angular / Project Configuration\n- Understanding the Angular Build Process\n- Implementing Modules and Libraries\n\n### Progressive Web Apps\n\n- What are Progressive Web Apps\n- Frameworks \u0026 Tools\n- Features \u0026 Limitations on Platforms (Windows, iOS, Android)\n- Building Progressive Web Apps using Angular\n- Emulators \u0026 Remote Debugging on mobile Devices\n- Understanding and Configuring Service Workers \u0026 Manifests\n- Deploying PWAs to Windows, Android and iOS\n- Automatic Installation Screens\n- Advanced PWA Configuration\n- Debugging Service Workers\n- Implementing Push Notifications\n- Mastering Automatic Updates\n\n### Native Device Access using Cordova\n\n- What is Cordova\n- Cordova Getting Started\n- Using Plugins to access Native Device Features\n- Using Cordova in our Previous Project\n\n### Alternatives to Cordova: Native Script \u0026 Capacitor\n\n- Native Script Introduction\n- Using Native Script in Angular PWAs\n- Capacitor Introduction\n- Using Capacitor in Angular PWAs\n\n## Ionic Essentials\n\n- Ionic Technology Stack\n- Understanding Angulars Role in Ionic Dev\n- Installation \u0026 Project Setup\n- Ionic Remote Debugging\n- Pages vs Components\n- Menus \u0026 Navigation\n- Testing\n- Security\n\n## Designing a User Interface using Ionic Components\n\n- Using Styles \u0026 Themes\n- Creating a Splash Screen\n- Layout, Grids \u0026 Form Design\n- Form Validation\n- Gestures, Toggles, Actions Sheets \u0026 Alerts\n- Lists, Sliders \u0026 Cards\n\n## Accessing Device specific Features using Ionic\n\n- Device Access using Cordova, Ionic Native \u0026 Capacitor\n- Using Devices \u0026 Emulators\n- Building for iOS \u0026 Android\n- Camera \u0026 Barcode Scanner\n- Geolocation \u0026 Maps\n- Using Device Storage\n\n## Reusing Code\n\n- Implementing npm Packages\n- Implementing Angular Modules\n- Sharing Code between Angular Projects\n- Sharing Code between Angular \u0026 Ionic\n\n## PWA Continuous Integration\n\n- Karma \u0026 Jasmine Basics\n- Test Setup \u0026 Mocking\n- Testing Components, Services and Forms\n- Understanding CI / CD\n- Azure Dev Ops \u0026 Github Integration\n- Deployment to Cloud based Services using Azure Dev Ops\n\n## Ionic Publishing \u0026 Deployment\n\n- Preparations for Deployment\n- Deployment Options\n- Google Play Store Requirements\n- Apple App Store Requirements\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexander-kastil%2Fionic-pwa","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexander-kastil%2Fionic-pwa","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexander-kastil%2Fionic-pwa/lists"}