Text.js

إنشاء لوحة نشر في وحدة التحكم

تضم هذه الدورة المجانية 10 فصلًا. ستبني Acme Deploys من صفحة فارغة إلى تطبيق منشور بمسارات وبيانات واختبارات. يعمل كل فصل مباشرة في DevTools أثناء قراءته.

ابدأ التعلّم

10 فصلًا · نحو 65 دقيقة · Chrome أو Edge أو Firefox أو Safari

التقدم0/10
  1. 01البدءأنشئ تطبيقًا، واعرض صفحتك الأولى واستجب لضغطة مفتاح.5 دقيقة
  2. 02التخطيط باستخدام Boxابنِ هيكل لوحة المعلومات باستخدام Flexbox بوحدات الخلايا: شريط علوي، وشريط جانبي وبطاقات.7 دقيقة
  3. 03النص والتنسيقنسّق بطاقة نشر بالألوان وسمات النص ورموز السمة.6 دقيقة
  4. 04الإدخال وخرائط المفاتيحتنقّل بين عمليات النشر بلوحة المفاتيح وأضف طبقة مساعدة بالمفتاح ?.8 دقيقة
  5. 05التوجيهقسّم التطبيق إلى مسارات بتخطيط مشترك، وروابط باختصارات وسجلّ تنقّل.8 دقيقة
  6. 06البيانات ومعالجات المساراتقدّم عمليات النشر من ⁦app/api⁩، واجلبها في صفحة وأرسل عمليات جديدة.8 دقيقة
  7. 07⁦Table⁩ و List والمخططاتاستبدل الصفوف المكتوبة يدويًا بمكوّن Table قابل للفرز ومخطط لا يغيّر التخطيط أبدًا.7 دقيقة
  8. 08الاختباراعرض خارج الشاشة، واضغط المفاتيح وتحقّق من الإطار كنص.6 دقيقة
  9. 09التشغيل في الطرفيةشغّل لوحة المعلومات نفسها بملء الشاشة في الطرفية باستخدام ⁦text run⁩.5 دقيقة
  10. 10الإصدارابنِ التطبيق، واضبط البيانات الوصفية وانشر ⁦Acme Deploys⁩.4 دقيقة
  11. ▼الشهادةاحصل على شهادة باسمك، معروضة في وحدة التحكم.

الدورة تعمل في وحدة التحكم

افتح وحدة التحكم باستخدام ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (فعّل ميزات المطوّرين أولًا)، وانقر أدناه واختر فصلًا بمفاتيح الأسهم.

▼ learn

فتح وحدة التحكم

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

يُعرض التطبيق في DevTools.فعّل أولًا «إظهار الميزات لمطوري الويب» في إعدادات Safari → متقدم. ثم انقر هنا واضغط ↓.

الفتح على حاسوب مكتبي

يُعرض هذا التطبيق في وحدة تحكم DevTools، التي تتطلب متصفحًا على حاسوب مكتبي.