Qu’est-ce qu’Electron ?
Découvrez le framework Electron, son architecture et la manière dont il permet de créer des applications de bureau avec des technologies Web comme HTML, CSS et JavaScript.
Qu’est-ce qu’Electron ? est une leçon Electron Desktop App Development gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Electron Desktop App Development, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Electron Desktop App Development comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
Welcome to Electron!
Electron lets you build native desktop apps with your web skills. Think of it as bringing the browser engine straight to the desktop.
Web Tech Powers Desktop
You build Electron apps with the web stack you already know — HTML, CSS, and JavaScript. If you do web dev, you are halfway there.
Build for Any OS
Electron is cross-platform: write your code once and ship it to Windows, macOS, and Linux — no separate native builds.
Powered by Chromium
Electron renders your UI with Chromium, the engine behind Chrome. You get modern web features and Chrome's dev tools for free.
Powered by Node.js
Electron also embeds Node.js, so your JavaScript can reach the file system, network, and OS — well beyond the browser sandbox.
The Best of Both Worlds
Electron pairs two engines: Chromium renders the UI, while Node.js handles OS-level work. Rich web UIs plus real system access, in one app.
Electron's Basic Structure
Every Electron app splits into two process types: the main process (lifecycle, native OS) and renderer processes (the UI). More on this soon.
Apps You Might Know
You likely use Electron daily — VS Code, Slack, and Discord all run on it. Real proof of how versatile the framework is.
A Simple Analogy
Picture Electron as a box for your site: a mini Chromium browser inside shows your UI, and Node.js lets it talk to the computer. Ships as a real app.
Understanding Electron
Let's check your understanding of Electron's core components.
What We've Learned
Electron builds cross-platform desktop apps with web tech, combining Chromium for UI and Node.js for OS access. Next, let's set up your tools.
Questions Fréquemment Posées
La leçon « Qu’est-ce qu’Electron ? » est-elle gratuite ?
Oui — le texte complet de « Qu’est-ce qu’Electron ? » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Electron Desktop App Development, passe à CoddyKit PRO. Le cours Electron Desktop App Development comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Qu’est-ce qu’Electron ? » ?
Découvrez le framework Electron, son architecture et la manière dont il permet de créer des applications de bureau avec des technologies Web comme HTML, CSS et JavaScript. Tu pratiques Electron Desktop App Development avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Electron Desktop App Development ?
Aucune expérience préalable n'est requise. Electron Desktop App Development sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Qu’est-ce qu’Electron ? » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Electron Desktop App Development ?
Oui. Chaque leçon Electron Desktop App Development inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Qu’est-ce qu’Electron ?
- Configurer votre environnement de développement
- Votre première application Electron
- Comprendre l’architecture d’Electron