Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
ELECTRON JS : Créez des apps desktop multi-plateformes
Highest Rated
Rating: 4.4 out of 5(196 ratings)
798 students

ELECTRON JS : Créez des apps desktop multi-plateformes

Développez des applications multi-plateformes en Javascript grâce à electron js et déployez sur Windows, Mac et Linux.
Highest Rated
Created byAnthony Cardinale | C#, Unity, Blender, Unreal, IA
Last updated 3/2024
French

What you'll learn

  • Créer des logiciels avec electron js
  • Développer des applications multi-plateformes avec Javascript grâce à électron
  • Utiliser JS pour générer des logiciels Windows, Mac et Linux
  • Coder un logiciel de gestion de budget / finances
  • Utiliser Chart JS pour créer des graphes
  • Utiliser NeDB (Dérivé de MongoDB) pour travailler avec une base de données
  • Générer des fichiers PDF à partir de javascript
  • Utiliser Bootstrap pour l'interface utilisateur (UI)
  • Initialiser un projet avec Node JS et installer des packages
  • Débugger une application electron avec les dev tools

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

See a demo
Image of coding exercise example

Course content

5 sections • 47 lectures • 8h 16m total length

  • Installation des outils et d'electron js7:00
  • Prise en main du lecteur vidéo d'Udemy pour bien suivre ce cours4:55
  • Initialisation du projet avec NPM init7:44
  • Avant d'aller plus loin0:51
  • Script Main.js pour notre projet electron13:35
  • Le script preload spécifique à electronjs10:27
  • Les paramètres du BrowserWindow (la fenêtre du logiciel)13:09
  • Squelette d'une page vide avec Bootstrap installé14:40
  • Design des boutons de la top bar de la fenêtre principale13:19
  • Code des boutons de la fenêtre de l'application21:12
  • Code de la drag zone pour déplacer la fenêtre à la souris6:14
  • Design du dashboard avec les widgets de données financières12:52
  • Design du tableau de la liste des recettes et dépenses10:47
  • Création d'une popup (modale) pour pouvoir insérer une ligne au tableau11:07
  • Création d'un objet javascript prêt à être inséré en base de données10:00
  • Mise en place d'une base NoSQL (NeDB) + insert des données dans la BDD15:51
  • Lecture de la base de données avec find pour récupérer les lignes12:24
  • Génération dynamique d'un tableau avec JS pour afficher les données de la base9:58
  • Suppression d'une ligne de la base de données NoSQL par ID8:02
  • Création d'un sélecteur de date pour pouvoir filtrer par date14:44
  • Filtre des données de la base NoSQL par date mini et maxi (mois en cours)8:16
  • Affichage des données traitées sur l'accueil du logiciel dans 4 widgets UI19:42
  • Fonctionnement de Chart JS : Étude du code existant et de la documentation18:13
  • Chart js : Afficher les données de notre base dans un graph interactif11:40
  • Exercice : Créer un Pie Chart avec ChartJS pour afficher recettes et dépenses4:31
  • Colorer les lignes du registre en fonction de si c'est une dépense ou recette12:20
  • Export PDF avec ElectronJS : Générer un rapport PDF depuis notre application15:46
  • Compiler le logiciel et générer un exécutable (.exe) Windows, Mac ou Linux9:43
  • Créer un installeur professionnel pour distribuer son logiciel10:05
  • Téléchargement du code source complet du projet0:15
  • Comment vendre facilement un projet / logiciel sur internet ?9:50

Requirements

  • Des notions en Javascript et HTML sont un plus
  • Un ordinateur avec internet
  • Avoir envie de développer des logiciels avec JS et electronjs

Description

ElectronJS est un outil surpuissant qui vous permet de développer des logiciels desktop avec Javascript et de les déployer sur toutes les plateformes. 

Electron JS est utilisé par les plus grandes sociétés comme Slack, Microsoft, Facebook, Twitch, Figma pour proposer aux utilisateurs des logiciels multi-plateformes.

Vous êtes développeur web, débutant ou expert, vous souhaitez découvrir le développement logiciel avec Javascript ou vous souhaitez aller plus loin dans le développement : ce cours est fait pour vous !

Si vous aimez développer 1 seule fois et déployer sur toutes les plateformes alors electron js est la solution qu'il vous faut. Electron est un outil très léger, puissant, intuitif et extrêmement rapide à mettre en place. En quelques minutes vous pouvez créer votre première application multi-plateformes grâce à electron.

Dans ce cours nous allons développer une application complète de gestion de budget / fiances personnelles. Notre programme sera un logiciel réel et concret qui nous permettra de manipuler tout ce qu'il y a à savoir :

  • Mise en place d'electron js

  • Conception d'une interface et utilisation de Bootstrap

  • Utilisation d'une base de donnée NoSQL (NeDB, dérivé de MongoDB)

  • Génération de fichiers PDF

  • Utilisation de Javascript pour coder le logiciel

  • Accès à différentes fonctionnalités de l'OS

  • Utiliser Node JS

  • Générer des graphes interactifs avec Chart JS

  • Générer un exécutable et un installeur pour notre logiciel

A l'issue de ce cours vous aurez développé un logiciel de A à Z, fonctionnel et utile ! Vous pourrez l'ajouter à votre CV ou portfolio et vous aurez acquis les compétences pour développer des logiciels desktop avec Javascript, Electron, NeDB et NodeJS.

Electron est réellement une pépite qui vous permettra de faire des merveilles et cette formation vous permettra d'être rapidement opérationnel sur cette techno. Nous utiliserons en parallèle plein de choses qui vous seront utiles dans la vie de tous les jours comme utiliser une base de données, manipuler des données, générer des PDF, utiliser Bootstrap et bien plus.

Si vous souhaitez vous lancer, rejoignez mon cours et je vous assure qu'en quelques jours vous saurez développer vos logiciels en JS avec electron !

Who this course is for:

  • Les développeurs web qui veulent créer des applications desktop
  • Les développeurs Javascript qui souhaitent aller plus loin
  • Tous ceux qui souhaitent découvrir electron js
  • Ceux qui veulent créer des applications multi-plateformes
  • Les internautes qui veulent développer 1 fois et déployer partout

Report abuse