Formation Electron

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.

Au fil des trois journées de formation, vous découvrirez comment :
- 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).

Vous êtes intéressé·e par le développement d’applications de bureau multiplateformes ?

Alors notre formation Tauri pourrait également vous intéresser !

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

Le(s) formateur(s)

Julien MOULIN

Julien est un développeur chevronné avec 20 ans d’expérience et une passion débordante pour le partage de ses connaissances. Autodidacte, il a gravi les échelons jusqu’à devenir Tech Lead, maîtrisant diverses technologies telles que NestJS, Php, Symfony, JavaScript, React.js, Angular ou Node.

Lors de ses formations, il privilégie une approche pratique pour rendre chaque concept accessible, s’appuyant sur son expérience avec des entreprises telles que FDJ, Renault Digital ou Autodistribution.

Avec Julien, apprenez auprès d’un formateur passionné et d’un contributeur clé de la communauté, prêt à vous transmettre ses compétences et ses astuces de pro !

Voir son profil détaillé

FAQ

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

• une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• de nombreux clients qui nous font confiance depuis des années
• un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
• 163 formations au catalogue, 1641 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• 99% des participants qui se disent satisfaits de nos formations
• la possibilité de vous proposer un accompagnement personnalisé, du conseil ou un suivi après la formation