01
الصفحة الرئيسية لمشاريع الواجهات الأمامية المصغّرة
ستة تحديات لصفحات هبوط متجاوبة مبنية بـHTML وTailwind CSS.
مجموعة صفحات هبوط
Frontend Mini Projects
ستة تحديات لصفحات هبوط متجاوبة مبنية بـHTML وTailwind CSS.
سياق المشروع
تحديات تدريبية من Frontend Mentor أُنجزت لتعزيز التخطيط المتجاوب وهيكل المكونات الحديث.
دور نور
أنجز نور التحديات الستة بمفرده، من تفسير التصميم إلى التنفيذ الدقيق والنشر على GitHub Pages.
المجموعة بلمحة
مجموعة منظمة كمرجع تفاعلي متكامل.
ستة تحديات لصفحات هبوط متجاوبة مبنية بـHTML وTailwind CSS.
تحديات تدريبية من Frontend Mentor أُنجزت لتعزيز التخطيط المتجاوب وهيكل المكونات الحديث.
استكشف المجموعة
تنقّل داخل التجربة
01 / 08
الصفحة الرئيسية لمشاريع الواجهات الأمامية المصغّرة
المواضيع وأبرز النقاط
التفاصيل التي تمنح المنتج قيمته
02
تحدي صفحة هبوط Bookmark
تحديات تدريبية من Frontend Mentor أُنجزت لتعزيز التخطيط المتجاوب وهيكل المكونات الحديث.
03
تحدي أداة تقصير الروابط Shortly
الصفحات الست منشورة على GitHub Pages والمستودع يحتوي على كود المصدر لكل تحدٍّ.
04
تحدي صفحة هبوط Fylo
يستخدم كل مشروع HTML5 دلالياً وTailwind CSS قائماً على المرافق وجافا سكريبت محدوداً للقوائم المنبثقة والتبويبات.
05
تحدي صفحة هبوط Loopstudios للواقع الافتراضي
06
تحدي شبكة التوصيات Testimonials Grid
مساهمة نور
عمل مرتبط مباشرة بالمنتج الذي تراه
أنجز نور التحديات الستة بمفرده، من تفسير التصميم إلى التنفيذ الدقيق والنشر على GitHub Pages.
يحتفظ العرض بسياق المشروع وحدود الملكية المؤكدة.أرشيف المشروع
تفقّد المنتج عن قرب
افتح أي مشهد لمعاينته بوضوح وفي مساحة كاملة.
خلف كواليس المجموعة
كيف هُيكلت المجموعة من الداخل
سياق تقني اختياري يشرح القرارات من خلال أثرها على المنتج.
كيف يعمل
يستخدم كل مشروع HTML5 دلالياً وTailwind CSS قائماً على المرافق وجافا سكريبت محدوداً للقوائم المنبثقة والتبويبات.
- HTML5
- Tailwind CSS
- JavaScript
- GitHub Pages
الأدلة المتاحة
الصفحات الست منشورة على GitHub Pages والمستودع يحتوي على كود المصدر لكل تحدٍّ.
ما لا يدّعيه المشروع
هذه تمارين تنفيذ تصاميم استناداً إلى تحديات Frontend Mentor وليست تصاميم منتج أصلية.
نهاية المجموعة
مجموعة واحدة، ومرجع متكامل يمكن استكشافه.
ستة تحديات لصفحات هبوط متجاوبة مبنية بـHTML وTailwind CSS.
- HTML5
- Tailwind CSS
- JavaScript
- GitHub Pages