Logo Electron

Formation Electron

Electron est un framework open source qui permet aux développeurs de créer des applications de bureau multiplateformes en utilisant du JavaScript, du HTML et du CSS. Electron est basé sur le moteur de rendu Chromium et le runtime Node.js, ce qui signifie qu'il utilise les mêmes technologies que celles qui sont utilisées pour développer des applications web. Les développeurs peuvent utiliser Electron pour créer des applications de bureau qui fonctionnent sur Windows, macOS et Linux en écrivant du code une seule fois et en utilisant des outils de développement web standard. Electron est souvent utilisé pour créer des outils de développement, des applications de productivité et des jeux vidéo indépendants. Electron est apprécié pour sa simplicité de développement et sa flexibilité, car il permet aux développeurs de créer des applications de bureau en utilisant les compétences qu'ils ont déjà acquises dans le développement web. En outre, Electron a une communauté active et de nombreuses ressources en ligne pour aider les développeurs à développer et à déboguer leur code.

Objectifs pédagogiques

  • Découvrir l'architecture d'une application Electron
  • Apprendre à utiliser les APIs d'Electron
  • Empaqueter une application avec Electron
  • Connaitre les meilleurs pratiques lors d'un développement Electron

Pré-requis

  • JavaScript
  • APIs Web
  • Node.js

Public

  • Développeurs
  • Chefs de projets

Programme

Jour 1

Introduction

  • Rappels sur les APIs Web et Node.js
  • Créer une application Electron
  • Ajouter Electron à une application existante
  • Processus principal et processus de rendu

Les APIs d'Electron

  • Fenêtres multiples
  • Utiliser les APIs natifs de Node.js
  • Communication avec IPC
  • Notifications
  • Documents récents
  • Raccourcis clavier
  • Détection hors-ligne
  • Glisser déposer de fichiers

Jour 2

Distribution

  • Empaqueter manuellement ou via un outil : electron-forge, electron-builder, electron-packager
  • Signature du code
  • Mise à jour automatique

Meilleures pratiques

  • Performance
  • Sécurité
  • Déboggage
  • Automatisation des tests

Méthodes mobilisées

  • Un formateur validé par nos équipes techniques et pédagogiques sera présent pendant toute la durée de la formation
  • Pour les formations en présentiel, une salle de formation sera mise à disposition et équipée d'ordinateurs portables, d'un accès Wi-Fi, d'un projecteur et d'un tableau blanc. En distanciel la session sera suivie sur Zoom ou autre outil de visioconférence sur demande (Teams, Webex, Google Meet...).
  • Un support de cours en version numérique sera remis à chaque participant

Modalités d’évaluation

  • Questions orales ou écrites (QCM)
  • Exercices pratiques
  • Auto-positionnement en amont et aval de la formation

Accessibilité aux personnes handicapées

Nous nous engageons à rendre notre formation Electron accessible aux personnes en situation de handicap. Merci de nous contacter afin que nous puissions réaliser les adaptations nécessaires en amont de la formation.

Avis

Landry D.

le 07 octobre 2022

Gilles C.

le 07 octobre 2022

Erik L.

le 07 octobre 2022

La formation
As a total newbie on Electron and one that hasn't worked seriously with JavaScript, it's difficult to absorb the contents of this course in the available time. While you were available for questions, I felt I struggled even with basic JS stuff that occluded the real contents of the course, so I didn't bother asking for help.

Samuel B.

le 07 octobre 2022

La formation
I struggled a bit when we needed to use multiple windows and got less instructions. I didn't quite understand the architecture of electron with the different files, so it took a while. But we were given more time, and I learned a lot from it. However, I feel like it could have helped having more focus on (or practical exercises about) the overall architecture with how renderers, preloads, html and main files interact with each other.

Les +
Zoom works well for its purpose overall.

Quentin G.

le 07 octobre 2022

Les +
L'app Gallery est unbon exemple facile à prendre en main et à faire évoluer

Anthony F.

le 07 octobre 2022

Matthieu N.

le 07 octobre 2022

Kostianty K.

le 07 octobre 2022

La formation
Maybe bigger accent on desktop Electron features (ex. D'n'D) will be nice to have. Also, a multi-platform development (Electron vs browser) in a single application will also be interesting. Maybe it is a subject for an advances Electron training.

Le formateur
Based on my previous training, Romain was 101% prepared for the meeting. For this one my feelings are more to 99%. Nothing critical, and maybe because the training was done for the first time, but it was a bit less engaging than usual.

François G.

le 07 octobre 2022

Stéphane G.

le 07 octobre 2022
Dernière modification le 26/12/2022