الرئيسية سجلّي الفضائي
اللغة AR (العربية)

Chrome DevTools

كائن فضائي متوسط الصعوبة 3/5 قائمة موارد محطة 42 / 166 الأعمار teen+ مترجم بالذكاء الاصطناعي معروض بالإنجليزية

مورد مجاني اختاره مجتمع المصادر المفتوحة. افتحه لترى ما بداخله.

ابدأ الدليل

دليلك

نظرة عامة كتبها الذكاء الاصطناعي

ما هو؟

Chrome DevTools ضمن مجموعة تطوير الواجهة الأمامية لدينا، وهي قائمة طويلة بأدوات وموارد لبناء الجزء الذي يراه الناس وينقرون عليه في الموقع. لا نعرف من قائمتنا سوى العنوان والوصف القصير والمستوى.

هل هو مناسب لي؟

مناسب لمن يريد بناء صفحات ويب. كثير من العناصر من المستوى المتوسط، لذا تفيد بعض أساسيات الويب. يناسب عمر teen+ تقريبًا فما فوق، وعناصر المبتدئين أفضل بداية.

للكبار: للكبار: كثير من هذه أدوات للمطوّرين. اطّلعوا على الصفحة أولًا وساعدوا في التثبيت.

كيف تبدأ

  1. ابدأ بعناصر المبتدئين إن كنت جديدًا على صفحات الويب.
  2. افتح الموقع الأصلي مع شخص بالغ واقرأ الصفحة الأولى.
  3. جرّب تغييرًا صغيرًا، كلون أو عنوان، وشاهده في المتصفح.

كم من الوقت؟

خطّط لنحو 65 دقيقة في كل مرة، على مدى نحو 7 جلسات. (تقدير)

65 د في الجلسة 7 جلسات تقدير

خطة يمكنك اتباعها

  1. اليوم 1 30 د اطّلع على ما تفعله الأداة وجرّب المثال الأول.
  2. الأسبوع 1 45 د ابنِ صفحة صغيرة جدًا.
  3. الأسبوع 2 60 د أضف ميزة جديدة، مثل زر.
  4. الأسبوع 3 60 د شارك الصفحة مع صديق أو أحد أفراد العائلة.

الأوقات تقديرية. تقدّم بالسرعة التي تناسبك.

اذهب إلى موقع التعلّم

أنت على وشك مغادرة موقعنا لزيارة Chrome DevTools على موقع آخر. نحن لا نتحكّم في ذلك الموقع. اسأل شخصًا بالغًا قبل أن تذهب. راجع المصدر الأصلي لمعرفة التفاصيل. قد لا يكون ذلك الموقع بلغتك. يمكن لمتصفحك ترجمة الصفحة: ابحث عن زر الترجمة قرب شريط العنوان، أو اطلب المساعدة من شخص بالغ.

أنت تغادر موقعنا

للكبار: للكبار: يؤدي هذا الرابط إلى موقع لا نتحكّم فيه ولم نراجعه إلا من خلال وصفه في قائمتنا. يُرجى إلقاء نظرة عليه أولًا.

انتقل إلى موقع التعلم (يفتح الموقع الأصلي في علامة تبويب جديدة)

https://github.com/ChromeDevTools/awesome-chrome-devtools#readme

على موقع آخر. من القائمة: sindresorhus/awesome · الرخصة: CC0-1.0 · تطوير الواجهة الأمامية · الترجمات مولّدة بالذكاء الاصطناعي؛ راجع الأصل دائمًا.

كيف تتعلم من مشروع أو قائمة على GitHub

مسارك عبر تطوير الويب

محطة 40 المخطّطات البيانية قائمة موارد محطة 41 choo قائمة موارد محطة 42 Chrome DevTools قائمة موارد محطة 43 Cordova قائمة موارد محطة 44 أدوات المسار الحرج قائمة موارد محطة 45 متعدّد المنصّات قائمة موارد محطة 46 D3 قائمة موارد

واصل الاستكشاف