Quiz Choix de la stack : Ionic et Capacitor

Répondez aux questions, puis dépliez la correction. Avec JavaScript activé, le quiz se joue question par question et le score rejoint le classement.

1. Comment Flutter dessine-t-il son interface ?

   • A En pilotant les composants natifs de chaque plateforme
   • B Dans une WebView
   • C En générant du code Swift et Kotlin
   • D Avec son propre moteur de rendu, sans réutiliser les composants natifs du système
   Voir la réponse

   Réponse D : Avec son propre moteur de rendu, sans réutiliser les composants natifs du système
   Flutter peint chaque pixel. L’avantage est le rendu identique partout, l’inconvénient est qu’il faut suivre les évolutions visuelles des systèmes.

2. Peut-on publier une PWA telle quelle sur l’App Store ?

   • A Non, mais Google Play l’interdit aussi
   • B Non : elle doit être empaquetée, et une simple coque autour d’un site tombe sous la directive 4.2
   • C Oui, depuis iOS 16
   • D Oui, Apple accepte les manifestes web
   Voir la réponse

   Réponse B : Non : elle doit être empaquetée, et une simple coque autour d’un site tombe sous la directive 4.2
   Google Play accepte les PWA empaquetées avec Trusted Web Activity. Côté Apple, la coque doit apporter des fonctions natives réelles pour passer la revue.

3. Que fournit Expo à un projet React Native ?

   • A Un langage de programmation
   • B Un hébergement de base de données
   • C Un ensemble d’outils, de modules et de services de compilation qui évitent de manipuler Xcode et Gradle au quotidien
   • D Un moteur de rendu alternatif
   Voir la réponse

   Réponse C : Un ensemble d’outils, de modules et de services de compilation qui évitent de manipuler Xcode et Gradle au quotidien
   Expo accélère le démarrage et la distribution des builds. Un projet peut sortir du cadre Expo lorsqu’il a besoin de code natif très spécifique.

4. Que partage-t-on réellement entre iOS et Android avec un cadre multiplateforme ?

   • A L’essentiel de la logique et une grande part de l’interface, mais rarement l’intégralité du projet
   • B Cent pour cent du code, sans exception
   • C Seulement les images et les textes
   • D Rien, chaque plateforme reste séparée
   Voir la réponse

   Réponse A : L’essentiel de la logique et une grande part de l’interface, mais rarement l’intégralité du projet
   Notifications, achats intégrés, widgets, permissions et intégrations système demandent presque toujours du code spécifique à chaque plateforme.

5. Qui maintient React Native ?

   • A Microsoft
   • B Meta, avec une large communauté open source
   • C Google
   • D La fondation Apache
   Voir la réponse

   Réponse B : Meta, avec une large communauté open source
   React Native vient de Facebook, devenu Meta. Microsoft y contribue pour les cibles Windows et macOS.

6. Comment React Native affiche-t-il ses composants ?

   • A Dans une WebView plein écran
   • B En pilotant les composants natifs de chaque plateforme depuis du JavaScript
   • C Avec son propre moteur de rendu graphique
   • D En compilant le JavaScript en Swift
   Voir la réponse

   Réponse B : En pilotant les composants natifs de chaque plateforme depuis du JavaScript
   Un composant React Native devient une vue native. C’est ce qui donne le comportement système attendu, défilement et champs de saisie compris.

7. Les notifications push sont-elles possibles pour une application web ajoutée à l’écran d’accueil sur iOS ?

   • A Oui, depuis iOS 16.4, pour les applications web installées sur l’écran d’accueil
   • B Oui, mais seulement en Europe
   • C Non, jamais
   • D Oui, depuis toujours
   Voir la réponse

   Réponse A : Oui, depuis iOS 16.4, pour les applications web installées sur l’écran d’accueil
   Apple a ouvert les notifications web sur iOS 16.4, à condition que l’utilisateur ait ajouté le site à son écran d’accueil.

8. Que partage-t-on avec Kotlin Multiplatform ?

   • A Uniquement les tests
   • B Tout, interface comprise, sans exception
   • C L’interface, la logique restant native
   • D La logique métier, chaque plateforme gardant son interface native
   Voir la réponse

   Réponse D : La logique métier, chaque plateforme gardant son interface native
   L’approche est plus prudente qu’un cadre multiplateforme complet : on mutualise le cœur et on assume deux interfaces natives. Compose Multiplatform étend ce partage à l’interface.

9. Sur quoi repose une application construite avec Ionic ou Capacitor ?

   • A Un moteur de rendu propriétaire
   • B Un émulateur embarqué
   • C Du code natif généré à la compilation
   • D Une application web affichée dans une vue système, avec des ponts vers les API natives
   Voir la réponse

   Réponse D : Une application web affichée dans une vue système, avec des ponts vers les API natives
   C’est la voie la plus rapide quand une équipe web existe déjà, au prix d’un ressenti qui peut trahir la WebView sur les interactions fines.

10. Quel langage utilise Flutter ?

    • A TypeScript
    • B Swift
    • C Kotlin
    • D Dart
    Voir la réponse

    Réponse D : Dart
    Flutter s’écrit en Dart, langage également porté par Google. C’est un critère de recrutement à ne pas sous-estimer sur un projet à reprendre.