انتقل إلى المحتوى

كيف يعمل
الدرس.

كل درس في T3lem مهمة صغيرة بخط نهاية واضح. إليك ما تراه، وما تفعله، وكيف يعرف التطبيق أنك نجحت.

تشريح
الدرس.

ستة أجزاء في شاشة واحدة. اضغط على جزء لترى ما يفعله.

HTML / LESSON 01أنشئ أول عنوان لك
7:8
النتيجة الحاليةlocalhost
Saturday, 10:00
Code Night
عثر المتصفح على <h1>
الوسم <h1> داخل main
العنوان يحتوي على نصك
PASSنجح النقل. أنشأت عنوانًا رئيسيًا جديدًا دون أن نعطيك الجواب.
الدرس التالي

جرّب الخطوات
الثلاث هنا.

CSS حقيقي وHTML حقيقي يعملان في هذه الصفحة. هكذا تبدو الدروس في التطبيق.

01 · اكتب

غيّر المُدخل، لا المُخرج.

من درس CSS رقم 13، Flex grow وshrink وbasis. بدّل القاعدة واسحب الحاوية لترى كل عرض يتغيّر مباشرة.

.details { flex: 1 1 120px; }
A
B
C
02 · شغّل

شاهده يظهر وأنت تكتب.

اكتب عنوانًا. سيعمل في صفحة حقيقية، تمامًا مثل المتصفح داخل التطبيق.

localhost · النتيجة الحالية
Saturday, 10:00

عنوانك

03 · انجح

التطبيق يتحقق. وأنت تستحقه.

تُعلَّم التحققات لحظة يستوفيها كودك. الثلاثة معًا، فيظهر PASS.

  • عثر المتصفح على <h1>نجح
  • الوسم <h1> داخل mainنجح
  • العنوان يحتوي على نصكليس بعد

اكتب عنوانًا في الخطوة 02 لإكمال التحققات.

اللعبة،
قطعة قطعة.

فقط آليات موجودة في التطبيق اليوم. لا نقاط وهمية ولا لوائح ترتيب.

  • المهام. لكل درس مهمة واضحة يجب إنجازها، مكتوبة أعلى الشاشة.

  • تقدّم مثل 7:8. ترى دائمًا كم خطوة أنجزت وكم بقي.

  • PASS. يُكسب فقط عندما تنجح التحققات، وليس بمجرد فتح الدرس.

  • الفصول. تنقسم المسارات إلى فصول قصيرة من دروس تتراوح بين 5 و7 دقائق تقريبًا.

  • وسوم REVIEW. تُعلَّم الدروس التي تستحق الإعادة لتعود إليها.

  • متصفح حقيقي. يعمل HTML وCSS وJavaScript الخاص بك في صفحة حقيقية داخل التطبيق.

  • محاكاة تطبيقية. هدف واضح مع ما قبل وما بعد، مثل إصلاح صفحة فعالية.

  • المختبرات. أدوات عملية، مثل تدريب نموذج على البيانات في تعلّم الآلة.

  • تجربة بلا حساب. درس مصغّر يعمل في متصفحك على هذا الموقع في نحو 3 دقائق.

مستعد لمهمتك الأولى؟

T3lem في مرحلته التجريبية على آيفون. انضم إلى قائمة الانتظار وسنخبرك فور وصوله إلى App Store.

يد تمسك آيفون مفتوحًا على درس CSS من T3lem