eduTrain

Learn to build for the webتعلّم بناء الويب

Every lesson explains itself in English and Arabic, gives you examples you can run in the page, and ends with something to build.

كل درس يشرح نفسه بالإنجليزية والعربية، ويعطيك أمثلة تشغّلها داخل الصفحة، وينتهي بشيء تبنيه.

Where to begin

Start with a pathابدأ بمسار

All paths / كل المسارات

Four steps, every time

How a lesson worksكيف يسير الدرس

  1. Read it in either languageاقرأه بأي اللغتين

    Every explanation carries its Arabic beside it, one button away.

  2. Run the examplesشغّل الأمثلة

    Code opens in an editor on the page. Change it, break it, run it again.

  3. Check yourselfاختبر نفسك

    A short quiz, marked at once, with a reason for every answer.

  4. Hand in your workسلّم عملك

    Build something, send it, and your teacher marks it and replies.

17 courses, 367 lessons

All coursesكل الدورات

How the web worksكيف يعمل الويب

What happens between typing an address and seeing a page

ما الذي يحدث بين كتابة العنوان وظهور الصفحة

beginner 21 lessons 7 chapters 10h

The operating system and the Terminalنظام التشغيل والطرفية

Basic commands, managing files, and the environment you work in

أوامر أساسية، وإدارة الملفات، والبيئة التي تعمل فيها

beginner 23 lessons 7 chapters 12h

Git and GitHubGit وGitHub

Save your work properly, and share it: commit, branch, merge, pull request

احفظ عملك كما ينبغي وشاركه: commit وbranch وmerge وpull request

beginner 23 lessons 6 chapters 12h

HTMLإتش تي إم إل

Build the structure of a web page

ابنِ هيكل صفحة الويب

beginner 34 lessons 9 chapters 16h

CSSسي إس إس

Make your pages look good

اجعل صفحاتك تبدو جميلة

beginner 43 lessons 8 chapters 22h

CSS frameworks: Tailwind and Bootstrapأطر CSS: Tailwind وBootstrap

Two ways to stop writing the same CSS twice — and how to choose

طريقتان لتكفّ عن كتابة CSS نفسها مرتين — وكيف تختار

intermediate 23 lessons 7 chapters 12h

Programming basicsأساسيات البرمجة

The logic before the language: values, decisions, repetition, functions

المنطق قبل اللغة: القيم والقرارات والتكرار والدوال

beginner 23 lessons 7 chapters 14h

JavaScript in the browserJavaScript في المتصفح

The DOM, events, modern syntax, and talking to a server

الـDOM والأحداث والصيغة الحديثة والتحدث إلى خادم

intermediate 23 lessons 6 chapters 16h

Software testingاختبار البرمجيات

Find the problem before the people using it do

اعثر على المشكلة قبل أن يجدها من يستخدمون البرنامج

beginner 16 lessons 5 chapters 10h

Test automationأتمتة الاختبار

Let the machine repeat what you have already proved

دع الآلة تكرّر ما أثبتّه أنت من قبل

intermediate 16 lessons 5 chapters 12h

Design fundamentalsأساسيات التصميم

Why one page feels right and another does not — and how to control it

لماذا تبدو صفحة صحيحة وأخرى لا — وكيف تتحكم في ذلك

beginner 16 lessons 5 chapters 12h

Design systems and handoffأنظمة التصميم والتسليم

Make the decision once, and make it survive everyone who comes after you

اتخذ القرار مرة واحدة، واجعله يصمد أمام كل من يأتي بعدك

intermediate 16 lessons 5 chapters 12h

PHP: code that runs on a serverPHP: كود يعمل على خادم

The half of the web your browser never sees

نصف الويب الذي لا يراه متصفحك قط

intermediate 16 lessons 5 chapters 16h

Taking it live, and keeping it thereإطلاقه إلى الناس، وإبقاؤه قائمًا

The half of the job that starts after the code works

نصف العمل الذي يبدأ بعد أن يعمل الكود

intermediate 16 lessons 5 chapters 14h

Databases under loadقواعد البيانات تحت الحِمل

Correct when two people write at once, and quick when the table is large

صحيحة حين يكتب اثنان معًا، وسريعة حين يكبر الجدول

advanced 16 lessons 4 chapters 14h

Working as a developerالعمل مطوّرًا

The half of the job that is not typing

نصف العمل الذي ليس طباعة

beginner 16 lessons 4 chapters 12h

Software engineering foundationsأساسيات هندسة البرمجيات

Objects, databases, APIs, and the habits that make the rest possible

الكائنات وقواعد البيانات وواجهات البرمجة والعادات التي تجعل الباقي ممكنًا

intermediate 26 lessons 6 chapters 18h

Not sure where you fit

Browse by levelتصفّح حسب المستوى

Just want to try something?تريد التجربة فقط؟

The playground is an empty editor with a live preview. No lesson, no task, nothing saved — somewhere to test an idea.

Open the playground / افتح التجربة

Start todayابدأ اليوم

Nothing to install and no account to make. Open the first lesson and write something.

لا شيء تثبّته ولا حساب تنشئه. افتح الدرس الأول واكتب شيئًا.