Documentation

Learn any language, step by step

Organised lessons in Arabic and English. Every example runs, and every lesson ends with a question that locks in your understanding.

Type at least 2 characters. ↑ ↓ to move · Enter to open · Esc to clear

doc sets
19
interactive lessons
555
Arabic & English
AR · EN

Documentation sections

Interactive Git lab

Learn Git by doing, not memorising

14 missions in a terminal that behaves like real Git: type the commands and watch the working folder, the staging area, the repository and GitHub change in front of you.

Roadmaps

Choose your track and learn in the right order

Each track orders the documentation step by step, from the basics to job-ready skills. Start with step one and follow your progress here.

Front-end

Build everything users see: beautiful, responsive, interactive pages, then modern apps with React and Next.js.

0%8 steps · 206 lessons
  1. Step 1

    The structure of every web page

  2. Step 2

    Colors, layout and responsive design

  3. Step 3

    Interactivity and logic in the page

  4. Step 4

    Save your work and share it on GitHub

  5. Step 5

    Pick one to build interfaces fast

  6. Step 6

    Safer code for bigger projects

  7. Step 7

    Interactive apps built from components

  8. Step 8

    Production-ready React apps

Trusted external references

When you want to dig deeper, these are the best official and learning resources.