Dans cette sessions nous allons montre des mecanismes pour nous faciliter a cree des app desktop avec javascript sur plusieurs platform

1. Comment creer des
applications desktop avec
Javascript
Benjamin Kinyamba
Full-stack developer,Compulse-Africa
Bujumbura

2. “La meilleur façon de
commencer, est d’arrêter de
parler et commencer à agir”
Walt Disney
Bujumbura

3. Sommaire
Bujumbura

4. Sommaire
1. Introduction;
2. Pourquoi créer une application de Bureau avec
Javascript ?;
3. Technologies complementaires requises;
4. Quelques Exemples des App desktop Populaire;
5. Demo;
6. Conclusion.
Bujumbura

5. Introduction
Bujumbura

6. JavaScript est un langage de programmation populaire utilisé pour
créer des applications web interactives.
Cependant, il peut également être utilisé pour créer des applications
de bureau et c’est le côté le plus sombre de javascript pour certains
developpeurs.
Bujumbura

7. Pourquoi créer un application de bureau avec
JavaScript.
Bujumbura

8. Une Application de bureau avec JavaScript présente plusieurs
avantages, bien que cela puisse dépendre du contexte et des
besoins spécifiques du projet.
Voici quelques raisons pour lesquelles certains développeurs
choisissent d'utiliser JavaScript pour les applications de bureau
Bujumbura

9. ➔ Langage de programmation polyvalent
➔ Economie de temps
➔ Utilisation de frameworks et bibliotheques
➔ Portabilite
➔ Ecosysteme JavaScript
➔ Facilité de mise à jour
Bujumbura

10. Quelles sont les technologies supplementaires
requises?
Bujumbura

11. ❖ HTML: Utilisé pour définir les éléments de l’interface utilisateur tels que
les bouton, les formulaires et les zones de texte.
❖ CSS : est essentiel rendre l’application attrayante et conviviale.
❖ Electron.js : le framework qui permet de créer des application de
Bureau. Il fournit une interface de programmation(API) qui permet
d'accéder aux fonctionnalités du système d’exploitation, telles que les
fichiers, les fenêtres et les notifications, etc.
Bujumbura

12. Bujumbura
Créer l’interface
Utilisateur (html,css
et Js)
Emballer l’application
(Electron)
Gestion la logique de
l’application (Js)

13. Electron : est un framework permettant de construire des applications de bureau
en utilisant JavaScript, HTML et CSS. En intégrant Chromium et Nodes dans son
exécutable, Electron vous permet de maintenir une seule base de code JavaScript
et de créer des applications multi plateformes qui fonctionnent sur Windows,
macOS et Linux
Bujumbura

14. Architecture Electron
Bujumbura

15. Bujumbura
Main Process Render Process
● Gérer les Instances de
fenêtres;
● Accéder aux
fonctionnalités du système
(fichier, etc);
● Realiser des lourdes
operations
❖ Gérer l’affichage des
pages;
❖ Gérer Les interactions
utilisateur;
● Un Render Process par
fenêtre

16. Bujumbura
Communication Entre Main Process et Render Process
IPC: Gere la communication entre les deux processus;
Notice: Pour communiquer entre les instances de render process, il faut passer
par main Process

17. Quelques Exemples des App desktop Populaire
Bujumbura
Microsoft Team
Figma
Vs Code
Discoord Slack

18. Demo
Bujumbura

19. Conclusion
Les applications de bureau JavaScript sont une option viable pour créer
des applications de bureau puissantes et flexibles. Avec un peu de
travail, vous pouvez créer votre propre application de bureau JavaScript
personnalisée et complexe.
Bujumbura

20. References:
● https://www.chromium.org/
● https://www.electronjs.org/fr/docs/latest/
● https://www.electronjs.org/fr/docs/latest/tutorial/examples
Bujumbura

21. Merci beaucoup pour votre attention !!!
Bujumbura
Benjamin Kinyamba
Email: shakokinyamba201@gmail.com
Twitter: @s_kinyamba
Github: SKB-TECH
Linkedin: https://www.linkedin.com/in/benjamin-kinyamba-964766236/