Formation Electron

Description

Cette formation Electron vous permettra de tirer parti de vos compétences en HTML, CSS et JavaScript pour créer des applications de bureau multiplateformes.

Pendant 3 jours, vous apprendrez à :

• initialiser un projet Electron,
• configurer et gérer un processus principal et un processus de rendu,
• utiliser les API système,
• packager votre application pour la distribuer sur Windows, macOS et Linux,
• mettre en place les mises à jour automatiques et
• exploiter les bonnes pratiques de sécurité et d’optimisation des performances, afin de proposer à vos utilisateurs un environnement fiable et efficace.

Au cours des travaux pratiques, vous manipulerez les fonctionnalités incontournables d’Electron (gestion des fenêtres, menus personnalisés, notifications, accès au système de fichiers).

Public

Cette formation est destinée aux développeur·euse·s web souhaitant créer des applications de bureau multiplateformes légères et sécurisées.

Ils témoignent

Les objectifs

• Explorer les fondamentaux d’Electron
• Construire et configurer un projet Electron de A à Z
• Interagir avec le système via les API d’Electron (fichiers, notifications…)
• Packager et distribuer l’application sur Windows, macOS et Linux
• Renforcer la sécurité et optimiser les performances de votre application

Pré-requis

• maîtrise du développement web (HTML, CSS, JavaScript)
• Connaissance de base de Node.js et npm
• Ordinateur portable avec Node.js installé
• Ordinateur portable à apporter

Le programme de la formation Electron

Jour 1 : Introduction et prise en main d'Electron

• Présentation d'Electron
  • Historique et contexte
  • Cas d'utilisation
• Architecture d'une application Electron
  • Processus principal et processus de rendu
  • Communication inter-processus
• Initialisation d'un projet Electron
  • Structure du projet
  • Configuration de package.json
  • Création des fichiers de base

Mises en pratique :

• Création d'une application Electron (“Hello World”) (configuration, création des fichiers nécessaires et affichage d’une fenêtre de base)
• Mise en place d'un environnement de développement efficace (outils recommandés pour le développement avec Electron)

Jour 2 : Développement avancé avec Electron

• Utilisation des API principales d'Electron
  • Gestion des fenêtres (BrowserWindow)
  • Menus et raccourcis clavier
  • Notifications
  • Accès au système de fichiers
• Intégration avec Node.js
  • Utilisation des modules Node.js dans Electron
  • Gestion des dépendances avec npm
• Sécurité dans les applications Electron
  • Bonnes pratiques
  • Gestion des permissions

Mises en pratique :

• Ajout de fonctionnalités système à l'application (création de nouvelles fenêtres, personnalisation de menus, gestion de raccourcis clavier et affichage de notifications natives)
• Mise en œuvre de mesures de sécurité (restriction de l'accès aux ressources système, gestion des permissions et protection contre les vulnérabilités courantes)

Jour 3 : Packaging, déploiement et optimisation

• Packaging et distribution
  • Utilisation d'outils tels que Electron Forge ou Electron Builder
  • Génération d'installateurs pour différentes plateformes
• Mise à jour automatique des applications
  • Mise en place des mises à jour automatiques
  • Gestion des versions
• Optimisation des performances
  • Réduction de la taille de l'application
  • Amélioration des temps de chargement
  • Gestion efficace de la mémoire

Mises en pratique :

• Packaging et génération d'un installateur adaptés aux différentes plateformes cibles (Windows, macOS, Linux)
• Implémentation d'un système de mise à jour automatique
• Optimisation des performances de l'application (Réduction de son empreinte mémoire, accélération des temps de chargement et optimisation de l'utilisation des ressources système)

Télécharger le programme

Formations associées

• 

  Tauri

  3 jours
• 

  Node.js

  3 jours
• 

  Claude Code

  2 jours
• 

  TypeScript

  2 jours
• 

  React

  3 jours
• 

  JavaScript Avancé

  3 jours

Formateur

Romain HAYE

Romain est développeur depuis 2018, après une reconversion depuis les espaces verts. Il a forgé son expertise sur le terrain au sein de startups comme Geev, Shadline et Leocare.

Son parcours technique couvre Angular, React, Node.js, TypeScript, Electron et Python. Convaincu que le software craftsmanship doit rester pragmatique, il adapte les pratiques au contexte métier plutôt que d’appliquer des règles rigides.

En tant que formateur, Romain privilégie un format très pratique : 30 % de théorie, 70 % d’ateliers et de code reviews croisées. Il transmet d’abord les fondamentaux avant d’introduire l’IA, afin que ses apprenants développent un regard critique.

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1922 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 271 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 14 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux