Formation Electron.js Complète

Electron.js 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 multiplateformes.

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.

8 heures de contenu Niveau : Débutant à Intermédiaire Certificat inclus

Créé par Anthony Cardinale Ingénieur en informatique, Expert IA générative & Développement

Acheter sur Udemy

Cette formation inclut :

✓ 47 sessions de formation
✓ Projet complet : Gestion de budget
✓ Base de données NoSQL (NeDB)
✓ Génération de fichiers PDF
✓ Graphiques interactifs Chart.js
✓ Code source complet
✓ Accès à vie
✓ Certificat de fin de formation
✓ Support de l'instructeur
✓ Garantie 30 jours

Contenu du cours

5 sections • 47 sessions • 8 heures

1. Application de gestion de budget avec Electron.js

Installation des outils et d'Electron.js

Initialisation du projet avec NPM init

Script Main.js pour projet Electron

Script preload spécifique à Electron.js

Paramètres BrowserWindow (fenêtre logiciel)

Squelette page avec Bootstrap installé

Design boutons top bar fenêtre principale

Code boutons et drag zone pour déplacer fenêtre

Design dashboard avec widgets données financières

Tableau liste recettes et dépenses

Popup (modale) pour insérer ligne tableau

Objet JavaScript prêt pour base de données

Base NoSQL (NeDB) + insert données BDD

Lecture base avec find pour récupérer lignes

Génération dynamique tableau avec JavaScript

Suppression ligne base NoSQL par ID

Sélecteur de date pour filtrer par date

Filtre données par date mini et maxi

Affichage données dans 4 widgets UI

Chart.js : Étude code et documentation

Afficher données base dans graph interactif

Exercice : Pie Chart avec Chart.js

Colorer lignes registre (dépense/recette)

Export PDF : Générer rapport depuis app

Compiler logiciel et générer exécutable

Créer installeur professionnel

Code source complet du projet

Vendre facilement projet/logiciel internet

2. Atelier pratique : Plus loin avec Bootstrap

Présentation section cadeau Bootstrap

Inclure Bootstrap dans projet web

Système de grille Bootstrap

Éléments HTML de base avec Bootstrap

Principaux composants Bootstrap (2 parties)

Mini TD : Design page web avec Bootstrap

3. Remise à niveau JavaScript pour débutants

Présentation section remise à niveau

Lier script .js à fichier .html

Créer variables et tableaux JavaScript

Écrire conditions (if/else) en JavaScript

Coder fonction personnalisée en JS

Utiliser boucles (for/while) avec JavaScript

Exercice de codage pratique

4. Mini projet : Intégrer IA à une page web

Créer page web boostée à l'IA (Partie 1)

Créer page web boostée à l'IA (Partie 2)

5. Un dernier mot

Rejoindre le groupe de discussion

Projets que vous réaliserez

💰

App Gestion de Budget

Logiciel complet de finances personnelles avec base de données et rapports PDF.

📊

Graphiques Interactifs

Visualisation de données financières avec Chart.js et graphiques dynamiques.

💾

Base de Données NoSQL

Gestion complète des données avec NeDB (dérivé de MongoDB).

📄

Génération de PDF

Création automatique de rapports PDF depuis l'application Electron.

🎨

Interface Bootstrap

Design moderne et responsive avec Bootstrap et composants personnalisés.

🤖

Page Web avec IA

Intégration d'intelligence artificielle dans une application web moderne.