0Pricing
Frontend Academy · درس

مواكبة المستجدات: قراءة المواصفات والمقترحات

تابع مقترحات TC39، واقرأ مسودات W3C وجداول توافق المتصفحات، واشترك في نشرات مثل CSS-Tricks وweb.dev، وقيّم الأدوات الجديدة بموضوعية

مواكبة المستجدات: قراءة المواصفات والمقترحات درس مجاني في Frontend Academy على CoddyKit. هذا هو الدرس 4 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Frontend Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Frontend Academy 4 دروس في المجموع.

لماذا يحتاج مطورو الواجهة الأمامية إلى قراءة المواصفات

تتغير الواجهة الأمامية بسرعة. تُطرح CSS وJavaScript وواجهات المتصفح الجديدة كل ربع سنة. لا ينتظر المهندسون الخبراء منشورات المدونات — بل يقرأون المصدر: مسودات W3C، ومقترحات TC39، ومواصفات CSS WG، وصفحات حالة تنفيذ المتصفحات.

TC39 — عملية JavaScript

TC39 هي اللجنة التي تطوّر JavaScript. تمر المقترحات بخمس مراحل: 0 (فكرة أولية)، و1 (مقترح)، و2 (مسودة)، و3 (مرشح)، و4 (مكتمل ومُدرج في ECMAScript). وتُعد المرحلة 3 النقطة التي يصبح فيها الاعتماد على المقترح آمنًا، إذ تنفذه المتصفحات وتكون صياغته قد تجمدت.

قراءة مقترح TC39

يوجد كل مقترح في github.com/tc39/proposal-NAME. يشرح README الدافع وراء المقترح، والصياغة، والأمثلة. ويحتوي فرع «spec text» على القواعد الرسمية. ومن أحدث المقترحات التي وصلت: Records & Tuples، وPipeline Operator، وDecorators v3، وIterator Helpers.

أين تتابع TC39

github.com/tc39/proposals: قائمة بكل المقترحات ومراحلها. 2ality.com: مدونة Axel Rauschmayer التي تلخّص كل اجتماع. v8.dev: يطرح V8 من Google المقترحات بأسرع وتيرة، وتشرح منشوراته تفاصيلها.

W3C وWHATWG

تضع W3C معايير CSS وARIA وواجهات الويب. وتحافظ WHATWG على HTML وDOM وFetch وURL — وهي «المعايير المتجددة». تعمل الجهتان علنًا على GitHub. ويمكن لأي شخص فتح issues في مستودع html التابع لـ WHATWG.

مجموعة عمل CSS

تطرح CSS WG المواصفات باستمرار: container queries، و:has()، وCSS nesting، وview transitions، وanchor positioning، وscroll-driven animations. تابعها عبر github.com/w3c/csswg-drafts ومدونة CSS WG.

حالة تنفيذ المتصفحات

حتى مقترح Stage 4 لا يمكن استخدامه قبل أن تطرحه المتصفحات. تحقّق من: caniuse.com (عام)، وchromestatus.com (Chrome)، وwebkit.org/status (Safari)، وplatform-status.mozilla.org (Firefox).

Baseline — المرجع القياسي الجديد

يُظهر web.dev/baseline الميزات «المتاحة حديثًا» (في أحدث إصدارات جميع المتصفحات الرئيسية) و«المتاحة على نطاق واسع» (بعد نحو 30 شهرًا). وهو مفيد جدًا لتحديد ما يمكن طرحه بأمان.

الاشتراكات المهمة

1) web.dev/blog — فريق Google لعلاقات مطوري الويب. 2) WebKit blog — إعلانات Safari. 3) v8.dev/blog — JavaScript في V8 وChrome. 4) CSS-Tricks newsletter. 5) JavaScript Weekly / Frontend Focus. 6) This Week in WebKit.

اقرأ المصدر

اقرأ مصدر المكتبات التي تستخدمها. فـ React وVue وVite كلها موجودة على GitHub. وتُعد قراءة كيفية حل القائمين على صيانة هذه المشاريع للمشكلات المعقدة من أفضل الطرق لتطوير مهاراتك.

أنشئ عروضك التجريبية الخاصة

لا تكتفِ بقراءة الميزات الجديدة — جرّبها. أنشئ عرضًا تجريبيًا صغيرًا باستخدام View Transitions API، أو محدد :has()، أو أساليب Set الجديدة في ECMAScript. فلا تتعلم حقًا إلا من خلال الاستخدام.

قيّم بعين ناقدة

لا تنتمي كل ميزة جديدة لامعة إلى بيئة الإنتاج. اسأل: هل هي ضمن Baseline؟ هل تعمل في المتصفحات التي نستهدفها؟ ما تكلفة polyfill؟ ما المشكلة التي تحلها ولا يحلها النهج الحالي؟ هل يعرفها فريقي؟ اعتمد الميزات عن قصد، لا بشكل تلقائي.

ساهم في تطوير المنظومة

افتح issues في مقترحات TC39 وWHATWG، مع حالات استخدام وأمثلة مضادة — فاللجان تستمع فعلًا إلى المطورين. انشر عروضك التجريبية كمشاريع مفتوحة المصدر. وعلّق على المقترحات التي تهمك. هكذا تتحسن المنصة.

الاستثمار طويل الأمد

يفكر المهندسون الخبراء بالسنوات، لا بدورات العمل القصيرة. تجعلك قراءة المواصفات الشخص الذي عرف بوجود :has() قبل الجميع بستة أشهر، واختار مكتبة جلب البيانات المناسبة قبل أن يتكبد الفريق عواقب الاختيار الخاطئ، وفهم Server Components قبل بدء عملية الترحيل. وتتراكم فوائد هذا الاستبصار.

تحقق سريع

في أي مرحلة من مراحل TC39 يُعد مقترح JavaScript آمنًا عمومًا لبدء استخدامه في بيئة الإنتاج مع transpiler؟

خلاصة: مواكبة المستجدات

اقرأ المصدر: مقترحات TC39، ومواصفات W3C وWHATWG، ومسودات CSS WG. يُعد Stage 3+ آمنًا لبيئة الإنتاج مع transpiler. تابع المستجدات عبر caniuse وchromestatus وwebkit.org/status وBaseline (web.dev/baseline). اشترك في web.dev ومدونة WebKit وv8.dev وCSS-Tricks وJS Weekly. أنشئ عروضًا تجريبية لترسيخ المعرفة. قيّم بعين ناقدة. ساهم في تطوير المنظومة. تتراكم فوائد التفكير الخبير — فالمهندس الذي يقرأ المواصفات هو من يقود.

الأسئلة الشائعة

هل درس «مواكبة المستجدات: قراءة المواصفات والمقترحات» مجاني؟

نعم — نص درس «مواكبة المستجدات: قراءة المواصفات والمقترحات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Frontend Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Frontend Academy 4 دروس في المجموع.

ماذا ستتعلم في «مواكبة المستجدات: قراءة المواصفات والمقترحات»؟

تابع مقترحات TC39، واقرأ مسودات W3C وجداول توافق المتصفحات، واشترك في نشرات مثل CSS-Tricks وweb.dev، وقيّم الأدوات الجديدة بموضوعية تتمرن على Frontend Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Frontend Academy؟

لا تُشترط خبرة سابقة. Frontend Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 4 من أصل 4.

كم من الوقت يستغرق درس «مواكبة المستجدات: قراءة المواصفات والمقترحات»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Frontend Academy هذا؟

نعم. كل درس في Frontend Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. مقابلات تصميم الأنظمة للواجهة الأمامية
  2. ثقافة مراجعة الشيفرة وأفضل ممارسات PR
  3. الإرشاد والتوثيق التقني
  4. مواكبة المستجدات: قراءة المواصفات والمقترحات
← العودة إلى Frontend Academy