تخطَّ إلى المحتوىSkip to content
Octo Academy

Octo Academy — The Octopus

من أساسيات الويب إلى هندسة البرمجياتFrom web fundamentals to software engineering

ثلاثة مسارات متتالية: Frontend ثم Backend ثم Software Design & Architecture. كل درس شرائح تفاعلية مبنية على التوثيق الرسمي، ومعروضة كاملة داخل المنصة.Three consecutive tracks: Frontend, then Backend, then Software Design & Architecture. Every lesson is a set of interactive slides built on official documentation, shown entirely inside the platform.

ابدأ مسار FrontendStart the Frontend trackكيف تعمل المنصةHow it works

Frontend · Backend · Software Design & Architecture

كيف تعمل المنصةHow it works

كل مسار مقسّم إلى مراحل، وكل مرحلة إلى عقد، وكل عقدة درس تفاعلي.Each track splits into stages, each stage into nodes, and each node is an interactive lesson.

  1. 01

    اختر المسارPick a track

    ابدأ من Frontend، أو انتقل مباشرة إلى المسار الذي يناسب مستواك.Start with Frontend, or jump straight to the track that fits your level.

  2. 02

    افتح عقدةOpen a node

    كل عقدة في المسار درس مستقل، بملخّص ومتطلبات واضحة قبل أن تبدأ.Every node on a track is a standalone lesson, with a summary and clear prerequisites.

  3. 03

    تعلّم بالشرائحLearn in slides

    تنقّل بين الشرائح بالأسهم أو بالسحب، وأكمل لاحقاً من حيث توقفت.Move through slides with the arrow keys or a swipe, and pick up where you left off.

ابدأ مسار FrontendStart the Frontend track

داخل كل درسInside every lesson

كل درس مجموعة شرائح تفاعلية تجمع الشرح والمثال والتمرين في مكان واحد.Every lesson is a set of interactive slides that brings explanation, example and practice together.

  • 01

    شرائح قصيرةShort slides

    فكرة واحدة في كل شريحة، بترتيب يبني كل مفهوم على ما قبله.One idea per slide, ordered so each concept builds on the last.

  • 02

    كود حيّLive code

    محرر داخل الدرس: عدّل المثال وشاهد النتيجة فوراً.An editor inside the lesson: change the example and see the result instantly.

  • 03

    أسئلة مع شرحExplained quizzes

    كل سؤال يشرح سبب الإجابة الصحيحة، لا يكتفي بالتصحيح.Every question explains why the right answer is right, not just whether you got it.

  • 04

    من التوثيق الرسميFrom official docs

    شرح مبني على MDN والتوثيق الرسمي لكل تقنية، مع ذكر المصدر.Explanations built on MDN and each technology's official docs, with the source cited.

  • 05

    فيديو داخل الدرسVideo in the lesson

    مقاطع مختارة معروضة في مكانها، بدون مغادرة المنصة.Selected clips play in place, without leaving the platform.

  • 06

    كيبورد بالكاملFully keyboard-driven

    كل شيء قابل للوصول والتنقّل بلوحة المفاتيح.Everything is reachable and navigable from the keyboard.

مبادئ المنصةPrinciples

قرارات ثابتة تحكم كل ما يُضاف إلى المنصة.Fixed decisions that govern everything added to the platform.

  • عربي أولاًArabic first

    الشرح بالعربي أو بالإنكليزي، والمصطلحات والكود كما ستراها في عملك.Explanations in Arabic or English; terms and code as you'll meet them at work.

  • مجاني بالكاملCompletely free

    المحتوى مبني على مصادر مجانية وتوثيق رسمي، بدون اشتراكات.Built on free resources and official documentation, with no subscriptions.

  • بدون حساباتNo accounts

    تقدّمك محفوظ في متصفحك، ويمكنك تصديره واستيراده كملف.Your progress lives in your browser, and you can export and import it as a file.

ابدأ مسار FrontendStart the Frontend track