Certificate
Ionic track certificate: pass criteria, project brief, and a worked example marking sheet.
Ionic — certificate
EXAMPLE
# ===== Award criteria ===== # Pass: >= 70%; Distinction >= 85%. # # 1. Project structure (10) # 2. Ionic components (15) # 3. Capacitor native plugins (15) # 4. State + data layer (15) # 5. Routing + tabs (10) # 6. Theme + dark mode (10) # 7. Build + ship to stores (15) # 8. Communication (10) # ===== Project brief ===== # Ship a small Ionic + Capacitor mobile app. Suggested ideas: # - Task tracker with local notifications # - Photo journal using camera + filesystem # - Step counter using motion sensors # - Offline-first notes app with sync # # Must have: # - 3+ pages with tabs or side menu navigation # - At least 1 form with validation # - At least 2 Capacitor plugins (e.g. camera + filesystem) # - State management (NgRx / Pinia / Redux Toolkit / Zustand) # - Dark mode + brand theming via CSS variables # - Build for both iOS + Android (proof of working device build) # - README with screenshots + architecture notes # ===== Sample structure ===== # my-app/ # src/ # app/ # pages/ # components/ # services/ # theme/ # variables.scss # environments/ # capacitor.config.ts # ios/ android/ # docs/ # README.md # ARCHITECTURE.md # SCREENSHOTS/ # ===== Marking sheet (example) ===== # 1. Structure 9/10 pages + services + components separated # 2. Ionic components 14/15 ion-tabs, ion-list, ion-modal used properly # 3. Capacitor plugins 14/15 camera + filesystem + permission gates # 4. State 13/15 NgRx store + effects # 5. Routing 10/10 tabs + nested routes # 6. Theme 9/10 CSS vars + prefers-color-scheme # 7. Build 14/15 AAB + IPA generated; device demo # 8. Communication 9/10 README + screenshots # Total: 92/100 -> Distinction # ===== Patterns to internalise ===== # - ionic generate for all scaffolds # - Capacitor plugins behind service classes for testability # - CSS variables for theming + dark mode # - npx cap sync after every plugin install # - Test on a REAL device before submitting # ===== Pitfalls ===== # - Forgetting Capacitor sync after plugin install # - Hard-coding URLs instead of environment files # - Long lists without virtual scroll on cheap Android devices # - Default app id (io.ionic.starter) shipped to stores
Why it matters
Ionic certificate: a working mobile app with tabs, forms, 2+ native plugins, themed UI, built for iOS + Android. Hit the rubric and you have a credible portfolio piece showing the full hybrid stack — Ionic UI + Capacitor native + your chosen framework.
Tip: Tweak the snippet with Try it Yourself », then sit the quiz at the bottom of the page.
Discussion
Loading…