Développement d’applications desktop hybrides

Se connecter pour s'inscrire

Présentation du cours

Création d’applications de bureau multi-plateformes avec des technologies hybrides.

  1. Public cible

    Débutants, étudiants et professionnels qui souhaitent acquérir une pratique structurée dans ce domaine.

  2. Objectifs

    Comprendre les notions essentielles et les appliquer dans un projet vérifiable.

  3. Prérequis

    Aucune connaissance préalable n’est strictement obligatoire ; les prérequis détaillés sont précisés dans les ateliers.

  4. Niveau

    Tous niveaux

  5. Ressources

    • Documentation officielle et références citées dans les ateliers.
    • Exercices, examens et projet de synthèse du catalogue.

  6. Validation des compétences

    La validation repose sur les évaluations actives et les livrables pratiques du cours.

  7. Besoins techniques

    Un ordinateur, un navigateur et les outils indiqués dans le premier atelier sont suffisants pour commencer.

Exercices, examens et projets

Applications desktop hybrides

Exercice

Atelier de mise en pratique

Réaliser une activité pratique et documenter ses choix.

Obligatoire Consulter
Examen

Examen de fin de module

Évaluer les notions et leur mise en pratique.

Obligatoire Consulter
Projet

Projet de synthèse

Livrer un résultat complet, testé et documenté.

Livrables :

  • Production attendue
  • Documentation
  • Présentation
Obligatoire Consulter

  1. Syllabus

    1. Public cible

      Ce cours s'adresse aux étudiants ayant une connaissance de base en développement web, y compris HTML, CSS et JavaScript. Une expérience préalable avec des frameworks JavaScript comme React ou Angular serait bénéfique mais n'est pas obligatoire.

    2. Objectifs

      • Comprendre les principes fondamentaux du développement d'applications hybrides pour le bureau.
      • Maîtriser les outils et technologies nécessaires pour concevoir, développer et déployer des applications hybrides pour le desktop.
      • Acquérir des compétences pratiques en développement d'applications hybrides à travers des travaux pratiques et des projets.

    3. Prérequis

      • Connaissance de base en développement web (HTML, CSS, JavaScript).
      • Familiarité avec les concepts de développement d'applications.
      • Un ordinateur avec une connexion internet pour l'accès aux ressources en ligne et pour installer les outils de développement nécessaires.

    4. Besoins Techniques

      • Ordinateur (Windows, macOS ou Linux).
      • Connexion internet.
      • Éditeur de code (Visual Studio Code, Atom, Sublime Text).
      • Node.js et npm (Node Package Manager) installés.
      • Outils de développement spécifiques au framework choisi (Electron, NW.js).

    5. Durée du Cours

      Ce cours est conçu pour être dispensé sur une période de 12 semaines, avec des séances de cours de 2 à 3 heures par semaine.

    6. Modalités d'Évaluation

      L'évaluation des étudiants se fera à travers une combinaison de méthodes, comprenant :

      • Travaux pratiques réalisés en classe et/ou à domicile.
      • Projets individuels ou en groupe où les étudiants auront l'occasion de concevoir, développer et déployer une application hybride pour le bureau.
      • Examens écrits et/ou oraux pour évaluer la compréhension théorique des concepts enseignés.

      Les critères d'évaluation incluront la qualité du code, la conception de l'interface utilisateur, la fonctionnalité de l'application, ainsi que la capacité des étudiants à résoudre les problèmes rencontrés lors du développement.

  2. Contenu

    1. Partie 1 : Fondamentaux du Développement Hybride pour le Desktop

      Qu'est-ce qu'une Application Hybride pour le Desktop ?

      Définition

      Avantages et inconvénients par rapport aux applications natives et web

      Exemples d'applications hybrides pour le bureau

      Technologies Utilisées

      • HTML5
      • CSS3
      • JavaScript
      • Frameworks hybrides pour le bureau (Electron, NW.js)

      Architecture d'une Application Hybride pour le Desktop

      Structure d'une application hybride pour le bureau

      Communication entre le code JavaScript et le code natif

    2. Partie 2 : Environnement de Développement

      Configuration de l'Environnement

      Installation de Node.js

      Installation des outils de développement (Electron, NW.js)

      Configuration des outils de développement pour les différentes plateformes (Windows, macOS, Linux)

      Outils de Développement

      Éditeurs de code (Visual Studio Code, Atom)

      Outils de débogage pour le développement hybride pour le bureau

      Setup du Projet

      Création d'un nouveau projet hybride pour le bureau

      Structure de base du projet pour le bureau

Atelier guidé

Construire une petite application qui réutilise des technologies web tout en contrôlant la fenêtre, les fichiers et le cycle de vie.

  1. Architecture : séparer le processus principal, le renderer et les accès système derrière un contrat.
  2. Sécurité : désactiver les exécutables non attendus, filtrer les liens et valider les échanges IPC.
  3. Publication : construire un paquet pour la plateforme cible et documenter installation, logs et mise à jour.

Restitution de l’atelier

  • Une application qui fonctionne hors navigateur.
  • Un schéma IPC et une liste des permissions.
  • Une procédure de construction et de signature.
Validation : L’application démarre, ouvre un dialogue natif, gère une erreur et se met à jour de façon réversible.

Publié le 09/05/2025