0Pricing
Electron Desktop App Development · درس

إعداد بيئة التطوير

تعلّم تثبيت Node.js وnpm وغيرها من الأدوات الأساسية اللازمة لتطوير Electron، لضمان جاهزية نظامك للبناء

إعداد بيئة التطوير درس مجاني في Electron Desktop App Development على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Electron Desktop App Development، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Electron Desktop App Development 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

Welcome to Setup!

Building Electron apps starts with a solid setup. In this lesson you will install and verify the core tools your projects depend on.

Node.js: The Foundation

Node.js runs JavaScript outside the browser on Chrome's V8 engine. Electron leans on it for everything the main process does.

Installing Node.js

Install Node.js from the official site — pick the LTS version for stability and follow the wizard. npm comes bundled with it.

Verify Node.js Install

Confirm Node.js works by running a tiny JS file with the node command. The snippet below prints a quick ready message.

console.log("Node.js is ready!");

npm: Your Package Manager

npm ships with Node.js and manages your packages — installing, sharing, and updating the reusable code your Electron app depends on.

Verify npm Install

Since npm comes with Node.js, just verify it: run "npm -v" and you should see a version number, confirming it is ready.

Choose Your Code Editor

A good editor smooths everything. VS Code is the top pick for Electron — free, cross-platform, with great JS/HTML/CSS support and debugging.

Git for Version Control

Git tracks changes and is the industry standard. Not strictly required for Hello World, but most Electron templates live on GitHub.

The System PATH Variable

The system PATH tells your terminal where to find commands like node and npm. Installers add Node's location so it works from any directory.

Environment Setup Check!

Which of the following statements about Node.js and npm is TRUE?

Recap: Environment Ready!

Your environment is ready: Node.js to run JS, npm for packages, an editor like VS Code, plus Git and PATH. Time to build your first app!

الأسئلة الشائعة

هل درس «إعداد بيئة التطوير» مجاني؟

نعم — نص درس «إعداد بيئة التطوير» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Electron Desktop App Development، انتقل إلى CoddyKit PRO. تتضمن دورة Electron Desktop App Development 4 دروس في المجموع.

ماذا ستتعلم في «إعداد بيئة التطوير»؟

تعلّم تثبيت Node.js وnpm وغيرها من الأدوات الأساسية اللازمة لتطوير Electron، لضمان جاهزية نظامك للبناء تتمرن على Electron Desktop App Development مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Electron Desktop App Development؟

لا تُشترط خبرة سابقة. Electron Desktop App Development على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «إعداد بيئة التطوير»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Electron Desktop App Development هذا؟

نعم. كل درس في Electron Desktop App Development يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. ما هو Electron؟
  2. إعداد بيئة التطوير
  3. أول تطبيق Electron لك
  4. فهم بنية Electron
← العودة إلى Electron Desktop App Development