معًا لإنشاء شبكة ويب أفضل
نريد مساعدتك في إنشاء مواقع إلكترونية جميلة وسهلة الاستخدام وسريعة وآمنة تعمل على جميع المتصفحات ولجميع المستخدمين. يضمّ هذا الموقع الإلكتروني محتوى لمساعدتك في هذه الرحلة، وهو من تأليف أعضاء فريق Chrome وخبراء خارجيين مختصّين في مواضيع تطوير الويب، مثل تسهيل الاستخدام والأداء والتصميم وغير ذلك.
الخط القاعدي
يوضّح تقرير Web Platform Baseline معلومات حول توافق المتصفّحات مع ميزات منصة الويب، ويقدّم معلومات واضحة حول ميزات منصة الويب الجاهزة للاستخدام في مشاريعك اليوم. عند قراءة مقالة على web.dev، إذا كانت الميزات المستخدَمة كلها جزءًا من Baseline، يمكنك الوثوق بمستوى توافق المتصفّح.
الذكاء الاصطناعي والويب
استكشِف المراجع التي تم إنشاؤها لمساعدتك في فهم تجارب الويب العالية الأداء وإنشاءها باستخدام الذكاء الاصطناعي.
تحسين INP
أصبح مقياس "مدى استجابة الصفحة لتفاعلات المستخدم" (INP) الآن أحد مقاييس "مؤشرات أداء الويب الأساسية". ابدأ بقياس وتحسين مؤشر INP لموقعك الإلكتروني.
الدفعات والهوية
اطّلِع على أحدث الميزات وأفضل الممارسات المتعلّقة بالتعرّف على الهوية ومعالجة الدفعات.
استكشاف منصة الويب
منصة الويب هي منظومة متكاملة تتطوّر باستمرار وتتضمّن ميزات المتصفّح وواجهات برمجة التطبيقات التي يمكن للمطوّرين استخدامها لإنشاء مواقع إلكترونية سهلة الاستخدام وممتعة. هذه الصفحات هي مسارات يمكنك من خلالها التعمّق في كل جزء من منصة الويب على web.dev بالوتيرة التي تناسبك:
HTML
HTML هي طبقة المستندات على الويب، وهي توفّر بنية ودلالات للصفحات.
CSS
تنسيق CSS هو طبقة العرض على الويب، ويسمح لك بجعل صفحات الويب تبدو بالشكل الذي تريده.
JavaScript
توفّر JavaScript تفاعلاً غنيًا لصفحات الويب، ما يسمح للمطوّرين بإنشاء مواقع إلكترونية تفاعلية تساعد المستخدمين على تنفيذ المهام وتحقيق الأهداف.
التعرّف على منصة الويب
هل هذه أول تجربة لك في استخدام منصة الويب؟ لا داعي للقلق. يمكنك الاطّلاع على كل جزء من منصة الويب من خلال هذه الدورات التدريبية التي تم اختيارها خصيصًا للمبتدئين في HTML وCSS وJavaScript.
دورة تدريبية
تعلُّم لغة CSS
دليل إلى CSS يحتوي على وحدات تتناول كل شيء بدءًا من سهولة الوصول ووصولاً إلى مؤشر z.
متابعة أخبار تطوير المواقع الإلكترونية
تتضمّن مدونتنا آخر الأخبار حول تطوير الويب، بما في ذلك ميزات جديدة لمنصّة الويب وتعديلات على Baseline والذكاء الاصطناعي ومؤشرات Core Web Vitals وغير ذلك. يمكنك الاطّلاع على آخر الأخبار من خلال مدوّنتنا.
تصميم CSS وواجهة المستخدم
تعرف على أحدث النصائح والتقنيات التي يمكنك استخدامها في عملك الآن.
تعديل أسلوب الخط وفقًا لتفضيل المستخدم باستخدام CSS
احرص على تكييف الخط مع تفضيلات المستخدمين ليتمكنوا من قراءة المحتوى الخاص بك بارتياح إلى أقصى حد.
مساحات ألوان ودوال CSS جديدة في جميع المحركات الرئيسية
تتيح جميع المحركات الرئيسية الآن استخدام مساحات ألوان CSS ودواله الجديدة. تعرّف على كيفية إضفاء الحيوية على تصميماتك.
ما هي خرائط المصدر؟
يمكنك تحسين تجربة تصحيح أخطاء الويب باستخدام خرائط المصدر.
الشبكة الفرعية لخدمة مقارنة الأسعار
أصبحت Subgrid قابلة للتشغيل التفاعلي الآن عبر جميع المحركات الرئيسية الثلاثة. تعرَّف على كيفية استخدامه.
Core Web Vitals
يمكنك إنشاء مواقع إلكترونية وتطبيقات أسرع من خلال فهم "مؤشرات أداء الويب الأساسية" والمقاييس الأخرى.
"مدى استجابة الصفحة لتفاعلات المستخدم" أصبح أحد مؤشرات أداء الويب الأساسية في 12 آذار (مارس)
سيصبح مقياس "مدى استجابة الصفحة لتفاعلات المستخدم" رسميًا أحد مؤشرات أداء الويب الأساسية وسيحل محل "مهلة الاستجابة الأولى" في 12 آذار (مارس).
كيفية تحسين INP
تعرَّف على كيفية تحسين مقياس "سرعة عرض المحتوى على الصفحة":
أهمّ اقتراحاتنا بشأن "مؤشرات أداء الويب الأساسية"
مجموعة من أفضل الممارسات لتحسين أداء "مؤشرات أداء الويب الأساسية" للمواقع الإلكترونية استنادًا إلى حالة الويب
المفاهيم الخاطئة والشائعة حول كيفية تحسين سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP)
تعرَّف على المفاهيم الخاطئة الشائعة حول تحسين سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) من خلال النظر إلى ما هو أبعد من تحسين الصور ومراعاة عوامل مثل الوقت المستغرَق لعرض أول بايت (TTFB) وتأخُّر تحميل الموارد.
تطبيقات الويب التقدّمية
أنشِئ تجارب ويب جيّدة.
تعلُّم PWA
دورة تدريبية تُفصّل كل جانب من جوانب تطوير تطبيقات الويب التقدمية الحديثة.
أصبحت TransformStream الآن متوافقة مع جميع المتصفحات.
والآن بعد أن أصبحت ساحات المشاركات المحوّلة متاحة في Safari وFirefox وChrome، أصبحت جاهزة أخيرًا لاستخدامها في أوقات الذروة.
أنماط جديدة لتطبيقات رائعة
تعمق في مجموعة رائعة من الأنماط الجديدة للتطبيقات الرائعة، بما في ذلك أنماط الحافظة وأنماط الملفات وأنماط التطبيقات المتقدمة.
واجهة عرض Project Fugu API
على موقع "مطوّري برامج Chrome"، استكشِف واجهات برمجة التطبيقات للإمكانات.
متاحة للجميع
تعرَّف على كيفية تسهيل وصول الأشخاص من ذوي الاحتياجات الخاصة إلى مواقعك الإلكترونية، سواء كانت دائمة أو مؤقتة أو ظرفية.
التعرُّف على تسهيل الاستخدام
تعتبر دورتنا التدريبية الجديدة نقطة دخول ومرجع رائعة لموضوعات إمكانية الوصول.
اختبار تباين ألوان تصميم الويب
نظرة عامة على ثلاث أدوات وتقنيات لاختبار تباين الألوان الذي يمكن الوصول إليه لتصميمك والتحقق منه.
إنشاء شريط التنقل الرئيسي لموقع ويب
توضح هذه الدورة التعليمية كيفية إنشاء تنقل رئيسي يمكن الوصول إليه في موقع ويب. ستتعرَّف على لغة HTML الدلالية وإمكانية الوصول، وكيف يمكن أن يؤدي استخدام سمات ARIA إلى ضرر أكثر من نفعه.
تسليط الضوء على المنتدى: "ميلاني سومنر"
اقرأ مقابلتنا مع ميلاني، مهندسة برامج متخصصة في الوصول الرقمي.
الدفعات والهوية
يمكنك الاطّلاع على أحدث الأساليب وأفضل الممارسات المتعلّقة بالدفع ومساعدة المستخدمين على تسجيل الدخول إلى مواقعك الإلكترونية وتطبيقاتك بأمان.
إنشاء مفتاح مرور لتسجيل الدخول بدون كلمة مرور
تجعل مفاتيح المرور حسابات المستخدمين أكثر أمانًا وبساطة وأسهل في الاستخدام.
تسجيل الدخول باستخدام مفتاح مرور
يمكنك إنشاء تجربة تسجيل دخول تستخدم مفاتيح المرور مع إمكانية الوصول إلى حسابات المستخدمين الحاليين لكلمات المرور.
نظرة عامة على الدفعات على المواقع الإلكترونية
مزيد من المعلومات حول "دفعات الويب" وآلية عملها.
أفضل الممارسات المتعلّقة بنماذج الدفع والعناوين
يمكنك تحقيق الحد الأقصى من الإحالات الناجحة من خلال مساعدة المستخدمين على إكمال العناوين وطرق الدفع بأسرع ما يمكن وبسهولة.
النشرة الإخبارية للمطوّرين
يمكنك التعرّف على آخر الأخبار والتقنيات والتحديثات مباشرةً في بريدك الوارد.