66%

أنشئ مواقع ويب سريعة الاستجابة باستخدام React و Context و Sass

التصنيف:
موجود در انبار

12 $

تعرف على FlexBox و React.js و SASS / SCSS وتعرف على كيفية إنشاء مواقع مستجيبة متعددة الصفحات معهم.

العنوان الرئيسي: التفاعل ، السياق ، بناء موقع ويب متجاوب في العالم الحقيقي

العناوين الرئيسية:

أداة التنزيل:
قم بتثبيت VS Code Extensions
قم بتنزيل الكود المصدري
مبادئ FlexBox:
قسم المقدمة
إنشاء هيكل المجلد
ما هو فليكس بوكس؟
جرب Flexbox
فليكس راب
الاتجاه المرن
فليكس محاذاة أفقية
فليكس محاذاة عموديًا
أساسيات Sass / Scss:
ما هو SASS؟
إعداد بيئة SASS
ترجمة SCSS إلى CSS خالص
متغيرات SCSS / SASS
SASS مقابل SCSS
SCSS الجزئي
الوصول جزئيًا إلى متغيرات SCSS
قواعد SCSS المتداخلة
طريقة BEM
يتوسع SCSS
مركبات SCSS
بيانات SCSS إذا كان آخر
حلقات SCSS
أساسيات التفاعل:
قسم المقدمة
ما هي React؟
أنشئ تطبيق React
تفاعل بنية المجلد
ما هو JSX؟
تفعيل Emmet في JSX
رد فعل الدولة
تحديث React State
مجموعة الحلقات في JSX
الجمل الشرطية في JSX
CSS في React
رد فعل الدعائم
إعداد المشروع:
قسم المقدمة
أنشئ تطبيق React
قم بتثبيت حزمة Sass Package
قم بإنشاء برنامج نصي لـ SCSS
حدد خط Google
وحدة CSS rem
إعادة تعيين الحشوة والهامش
رد الفعل التوجيه:
قسم المقدمة
قم بتثبيت React Router Dom
دقة مطابقة المسار
الصفحة غير موجودة
قسم الرأس:
قسم المقدمة
أضف فيديو الخلفية
نمط خلفية الفيديو
إنشاء Mixin للمواقف
ميزة ملصق الفيديو
قم بإنشاء شكل رائع لقسم الرأس
إضافة محتوى إلى العنوان
محتويات رأس خفيفة الوزن
انقل البيانات إلى مكون الرأس مثل الدعائم
زر الضوء
عنوان متحرك
العنوان الفرعي للرسوم المتحركة
أضف شعارًا
أضف مسافة بين العنوان والعنوان الفرعي والزر
واجهة برمجة تطبيقات السياق وإنشاء مشروط:
قسم المقدمة
إنشاء مشروط
MustafaHosny اللهم امين
ما هو السياق API؟
تكوين سياق الكائن
إنشاء دولة أو متجر عالمي
الوصول إلى الوضع العالمي أو المتجر
فتح مشروط
إغلاق مشروط
ميدالية الرسوم المتحركة
انقل الحالة والوظائف العامة إلى مكون منفصل
نفذ وظيفة الاختزال
إرسال وظيفة الحد من الاتصال
انقل وظيفة Reducer إلى ملف منفصل
إنشاء أنواع
قم بإنشاء استمارة التسجيل
استمارة تسجيل النمط
زر تسجيل النمط
إنشاء نموذج تسجيل الدخول
افتح ميدالية خاصة
افتح نموذج تسجيل الدخول
اربط حقول نموذج التسجيل
ربط حقول نموذج تسجيل الدخول
إنشاء التنقل:
قسم المقدمة
قم بإنشاء طبقة شفافة
إنشاء التنقل
روابط تنقل خفيفة الوزن
إنشاء سياق وموفر Nav
الوصول إلى البيانات من NavProvider في مكون Nav
قم بإنشاء “مكون تبديل”
قائمة تغيير النمط
فتح وإغلاق التنقل
قم بإنشاء أيقونة إغلاق
بيانات HTML الوصفية
قم بإنشاء الأيقونة المفضلة
الأماكن:
قسم المقدمة
قم بإنشاء صفوف وأعمدة
عنوان الوجهة
نمط عنوان الوجهة
بيانات الوجهة
مجال الوجهة
الوصول إلى بيانات الوجهة من المتجر
حلقة بيانات الوجهة
صور النمط
أضف مسافة بين الصور
تحسين عملية تحميل الصور
اعرض اسم الدولة على البطاقة
قم بإنشاء بطاقة معلومات
رابط استكشاف النمط
قم بإنشاء صفحة تفاصيل
معرف وجهة الوصول
تفاصيل الوجهة
علامة التبويب “التفاصيل”
مزيد من التفاصيل حول الوجهة
مزيد من التفاصيل حول الوجهة الجزء 2
بيانات المدن
الوصول إلى المدن على صفحة التفاصيل
إنشاء خلفية منحرفة
مجموعة المدن الحلقية
الوضع مغلق
إظهار اسم الحزمة ومدتها
سعر خفيف
إظهار الميزات المغلقة
إنشاء مجلدات لمكونات المدينة
قسّم مكوّن المدينة إلى مكونات فرعية
عرض صور عالية الدقة
خدمات :
قسم المقدمة
إنشاء خلفية منحرفة
عناوين الخدمة
أسلوب خدمة العنوان والفقرة
بيانات الخدمة
إنشاء سياق رد لبيانات الخدمة
الوصول إلى بيانات الخدمة من Context API Store
مجموعة خدمة الرنين
عرض تفاصيل الخدمة
إضافة الرسوم المتحركة إلى التفاصيل
قم بمحاذاة محتويات الخدمة عموديًا
التعليقات:
قسم المقدمة
تعيين بيانات التعليق
الوصول إلى مجموعة التعليقات من Context API Store
حلقة تعليقات المصفوفة
مكون مراجعة النمط
وظيفة الترتيب
تحميل الصور البطيئة
معرض الصور / العرض المبسط:
قسم المقدمة
قم بإعداد البيانات وصور المعرض
إنشاء سياق رد للمعرض
إنشاء مكونات معرض ومصفوفات معرض حلقة
مكون معرض الضوء
إنشاء lightbox
عرض الصور الديناميكية في lightbox
حرك العرض المبسط
كود إعادة البناء
هامش:
قسم المقدمة
قم بإنشاء مكون تذييل
صورة خلفية الحاشية السفلية
اعرض الشعار والمقدمة في حاشية سفلية
روابط الحاشية السفلية
روابط تذييل الحلقة
إدارة الروابط الخارجية
روابط حواشي خفيفة
قم بإنشاء تذييل Bootom
إنشاء صفحات:
قسم المقدمة
قم بإنشاء حاوية صفحة
ورقة نمط الحاوية
حول صورة الصفحة
صفحة الاتصال
انتقل لأعلى الصفحات
أغلق حقول الإدخال في نموذج الاتصال
الصفحة غير موجودة النمط
العودة للمنزل
تمرير الرسوم المتحركة:
قسم المقدمة
إنشاء الخلفيات ومقدمي الرسوم المتحركة
إضافة فئة الرسوم المتحركة
فئة الرسوم المتحركة الخفيفة
حرك بطاقات الوجهة
كتلة التعليقات المتحركة
معرض الرسوم المتحركة والحواشي
تحريك صفحة التفاصيل
إنشاء فصول الرسوم المتحركة للعنوان
حرك الصفحة “حول” و “الاتصال”
قصص إعلامية:
قسم المقدمة
ما هي أسئلة وسائل الإعلام؟
أسئلة وسائل الإعلام في SASS / SCSS
تحويل وحدات البكسل إلى نسب مئوية في محدد HTML
أسئلة وسائط REM و EM و Pixel
اشرح وحدة EM
إنشاء متغيرات نقطة التوقف
قم بإنشاء Mixin للاستفسارات الإعلامية
لنستخدم Mixin المتجاوب
استجب للحاوية
الاستجابة لنظام الشبكة
الرد على الرؤوس
الاستجابة لأيقونة وأيقونة Toggle
الرد على الملاحة
مشروط الاستجابة
الاستجابة لعناوين الوجهة
الرد على قسم الخدمة
رد على الحاشية
الرد على العناوين
اتصل والرد على الصفحة
قم بتغيير بطاقات غطاء الوجهة
توسع:
قم بتحميل المصدر على جيثب
الوصول إلى الكود المصدري من GitHub على Netlify

أنشئ مواقع ويب سريعة الاستجابة باستخدام React و Context و Sass


شراء دورة تعلم أنشئ مواقع ويب سريعة الاستجابة باستخدام React و Context و Sass
بالعملات المشفرة ( كريبتو كرنسي ) مثل: البيتكوين ، والإيثيريوم ، واليثر ، وغيرها

بر اساس 0 دیدگاه

0.0 امتیاز نهایی
0
0
0
0
0

المراجعات

لا توجد مراجعات بعد.

كن أول من يقيم “أنشئ مواقع ويب سريعة الاستجابة باستخدام React و Context و Sass”

لن يتم نشر عنوان بريدك الإلكتروني.