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

Hydrogen

روبوت مبتدئ الصعوبة 2/5 قائمة موارد محطة 5 / 166 الأعمار 11-13 مترجم بالذكاء الاصطناعي

إطار عمل يعتمد على الحافة لبناء متاجر Shopify باستخدام React.

ابدأ الدليل

دليلك

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

ما هو؟

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

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

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

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

كيف تبدأ

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

كم من الوقت؟

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

40 د في الجلسة 4 جلسات تقدير

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

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

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

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

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

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

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

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

https://github.com/shopify/awesome-hydrogen#readme

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

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

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

محطة 3 ابنِ محرك فيزياء ثنائي الأبعاد بسيطًا لألعاب JavaScript مشروع للبناء محطة 4 تعلّم CSS قائمة موارد محطة 5 Hydrogen قائمة موارد محطة 6 تعلّم JavaScript قائمة موارد محطة 7 jQuery قائمة موارد محطة 8 الأولوية للعمل دون اتصال قائمة موارد محطة 9 Tailwind CSS قائمة موارد

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