Reactjs Material UI Restaurant Website Complete Project | Reactjs projects | Reactjs Website

مرحبًا ومرحبًا بكم في Techinfo YT، في هذا الفيديو سنقوم بإنشاء موقع ويب كامل للمطعم يمكنك رؤيته على شاشتك، وسنقوم بإنشاء هذا الموقع والمواد الكاملة بمساعدة دولة الإمارات العربية المتحدة وللتوجيه استخدمنا React Router الإصدار 6 لقد تم ذلك هنا، يمكنك رؤية شريط التنقل على الشاشة وهذا هو مكون الشريط في Material UAE، لقد فعلنا ذلك في هذا وقد طبق هذا التنقل أيضًا فئة active عليه. مع هذا، إذا قمنا بتبديل القائمة مثل عندما أذهب إلى جهة الاتصال، يمكنك رؤية شيء مثل هذا، والذي سيتم عرضه على جهة الاتصال وهن

ا سيتم تطبيق فئة النشاط، بنفس الطريقة الموجودة حول الصفحة، ثم هناك "القائمة، داخل القائمة لدينا بطاقة، وبالتالي فإن المادة الموجودة فيها. لقد فعلنا هذا على البطاقة ويمكننا أن نرى التأثير بهذه الطريقة. وبالمثل، إذا نظرت إلى الصفحة الرئيسية وقمت بالتمرير لأسفل، فهنا لدينا لقد قمنا بإضافة القليل من الرسوم المتحركة إلى وسائل التواصل الاجتماعي، وقسم التذييل أدناه هو مشروع أساسي للغاية ولكن في هذا ستحصل أيضًا على فهم جيد لـ Material UAE، وكيف يمكنك القيام بذلك باستخدام Material Y مع React وهنا هو موقع

ويب سريع الاستجابة تمامًا مثل أنا المفتش. أفعل هذا وسنفتحه في عرض الهاتف المحمول، لذا شاهد شيئًا مثل هذا في عرض الهاتف المحمول، سنرى هذا، وسأقوم بتقليل الحجم بشكل أكبر وأخبرك بذلك ، لذا انظر ، من هنا يمكنك أيضًا تبديل الأجهزة مثل iPhone iPhone، شيء سيظهر بهذه الطريقة وهنا قمنا بذلك باستخدام مكون السحب، سيبدو هذا مثل البرجر، بنفس الطريقة بالنسبة لقائمة التنقل، إذا قمنا بذلك قم بالتبديل إلى أي جوهرة، ثم سيتم أيضًا تطبيق فئة المفتاح النشط هنا، لذلك نظرًا لأننا نقوم بتقليل الأشياء في إصدار سطح المك

تب لدينا بنفس الطريقة، فسوف نقوم أيضًا بتقليل الأشياء في إصدار الهاتف المحمول الخاص بنا ويمكنك التحقق من ذلك على أي جهاز ، سوف ترى النتائج لأنه إذا لم يتابع أحد البرنامج التعليمي الخاص بهم ويستضيفه مباشرة، إذا كنت تريد رؤيته، فسنغطي كلا الأمرين في فيديو منفصل، لذلك سنقوم بإنشاء كل هذا في هذا الفيديو وستحصل أيضًا على كود المصدر الخاص به، إذا ذهبت إلى Thappad الخاص بك وبحثت على Google، فسوف تحصل عليه بسهولة ومن هنا عليك الذهاب إلى المستودع وإلقاء نظرة على أحدث موقع ويب للمطعم هنا، وستحصل على المست

ودع، انقر عليه وستحصل على الكود المصدري، بداخله يوجد أيضًا مجلد منفصل للصور، داخل SRC، جميع الصور داخل هذا المشروع، يمكنك أن تفعل الشيء نفسه بالنسبة لهم، انظر هنا لقد قمت بإنشاء مجلد بالاسم من الصور، حتى تتمكن من فعل الشيء نفسه بالنسبة لهذه الصور، وإذا حصلت على أي خطأ، فيمكنك مقارنة الكود من هذا، فقد يكون هناك خطأ إملائي بسبب عدم عمل الكود الخاص بك، فيمكنك مقارنته باستخدام الكود المصدري لمحكمتك، ​​قارنه بالكود المصدري. وبهذه الطريقة، يمكنك أيضًا متابعة الكود على Instagram. يمكنك إجراء بحثك الأبي

ض مباشرة، إذا بحثت أيضًا عن تحديثات التفاصيل الفنية، فستحصل على كل شيء هذه الروابط الموجودة في الوصف، لقد قمت أيضًا بإنشاء خادم لهذا الغرض، في حالة إذا كنت تريد الانضمام، يمكنك ببساطة القراءة عن القناة، يمكنك الذهاب إلى القسم، ومن هنا ستحصل على الروابط مباشرة ، راجع Discord، اضغط عليه، سيعيد توجيهك إلى خادم الخصم أو يمكنك أيضًا البحث وستحصل على هذه الروابط على Instagram أيضًا، فيمكنك أيضًا من هناك، يمكنك الانضمام والتفاعل أيضًا مع المطورين الآخرين، لذلك دع قم بإنشاء هذا الموقع خطوة بخطوة. قبل ذل

ك، إذا كنت جديدًا على هذه القناة، فاشترك في القناة واضغط على رمز الجرس للحصول على آخر التحديثات. إذا كنت ترغب في الاستمرار في تلقي إشعارات الفيديو، فسنقوم أولاً بإنشاء تطبيق تفاعلي، فماذا يجب أن تفعل لذلك، دعنا نذهب إلى أي شيء وكأنني داخل محرك الأقراص وهنا قمت بإنشاء جميع المجلدات، لذا احتفظ بهذا. ما عليك فعله هو، إذا كنت تستخدم Windows، ثم الأمر من وأنا أفعل ذلك، ثم عليك أن تذهب إلى المحطة، حيث يوجد اختصار لنظام التشغيل Windows، ما ستفعله في هذا، إذا كتبت CMD، فهذا هو المسار الذي يوجد تلقائيًا

في موجه الأوامر. سيتم فتحه، والآن ماذا يمكننا أن نفعل بداخله، يمكننا إنشاء تطبيق React، لذلك سنكتب هنا، بعد كتابة هذا القدر، عليك الضغط على زر الإدخال، ثم سيبدأ تنزيل جميع التبعيات، كما ترون على سيتم تنزيل التبعيات وإذا رأيت المجلد هنا، فهناك الكثير منها. سيبدأ إنشاء المجلد، كما ترون، هذا هو مشروعنا الرسمي للمطعم. داخل هذا، سيتم تنزيل جميع تبعيات React، لذلك دعونا ننتظر اكتماله. دعني أخبرك ببنية المجلد مرة واحدة وأيضًا ماذا تفعل يجب علينا القيام به للمعرف نفسه؟ سوف يقوم Visual Studio Code بذلك.

إذا كنت تريد، يمكنك القيام بذلك باستخدام أي محرر نصوص آخر، ولكن يوصى بـ Visual Studio Code، حيث تحصل على ذكاء خاص جيد، لذا كل ما لدينا، يصبح سريعًا جدًا، أثناء انتظاره للانتهاء وبمجرد الانتهاء، سأستأنف الفيديو، لذلك هنا تطبيقنا الذي تم إنشاؤه، سأقطعه وهنا إذا قمت بفتح هذا المجلد، سترى الكثير من هنا تم إنشاء المجلد الفرعي، سأخبرك عن طريق فتحه في المعرف، ومعرفة ما إذا كنت تفعل ذلك في Visual Studio Code ثم انقر بزر الماوس الأيمن عليه وافتحه، وإذا كنت تفعل ذلك في أي محرر نصوص آخر، أنت هناك. إذا فتحن

اه من هنا، فهذا هو مشروعنا الذي تم فتحه في Visual Studio Code. أولاً، لدينا مجلد نماذج نتائج أدوات التحميل، والذي يوجد بداخله جميع التبعيات المتعلقة بالمشروع، أي. خلف الكواليس لتقليل مشروعنا. مهما كانت الحزم الإضافية المطلوبة، تتم إضافتها هنا وفي البداية يكون حجمها كبيرًا جدًا، كما هو الحال عندما نعطي بناء إنتاج، ثم سيتم تقليل حجمها كثيرًا لأننا حصلنا على مجلد البناء، كل ذلك سيتم ضغط الكود الخاص بنا، بعد ذلك يأتي العام الذي لدينا فيه ملف في ملف HTML واحد كما نقول ملف Index.html ويتم إنشاء معرف ف

يه، انظر مفتاح الجذر هنا، ماذا يفعل، هنا Java البرنامج النصي. بمساعدة ، نفعل ما هو موجود في HTML. لا بد أنك سمعت عن GS، لذلك أكملناه في هذا، ونفعل ذلك في GS. مع هذه، هناك فائز إجمالي، إذن ما هو J6، بناء الجملة يشبه HTML لأننا هنا لا نكتب HTML مباشرًا. في React ، يتم الجمع بين كليهما ودمج HTML هنا. إنه أمر سهل للغاية. إذا فعلنا ذلك فسوف تفهمه بسهولة. أولاً، انظر ماذا عليك القيام به، هنا عليك تغيير العنوان وأيضًا. يمكنك أيضًا محاولة تشغيله. إذا كنت تستخدم Visual Studio، فانتقل إلى المحطة هنا. من ه

نا، يمكنك تشغيل هذا التطبيق على محطة جديدة. ماذا ما عليك فعله لهذا هو ببساطة كتابة أمر البدء، الأصلي، كل ما تريد. سيكون المتصفح الافتراضي هو الذي ستفتح فيه هذه التطبيقات على المضيف المحلي 34. كما ترون، يتم تحميله هنا. بمجرد تجميعه، سوف تحصل على النتيجة على الفور. إذا تم تحميله لأول مرة، فسيستغرق الأمر بعض الوقت. بعد ذلك، سيكون الجو ساخنًا هنا. وظيفة إعادة التحميل: عندما تقوم بإنشاء تطبيق React، يمكنك رؤية واجهته مثل هذا، إذن ما سنفعله هو تغييره بالكامل ومن الصفر سنقوم بإنشاء المشروع هنا، لذا انظ

ر هنا، ثم مرة أخرى هنا، ولكن هناك ملف الأشخاص، وهناك ملف البيان، ثم هناك ملف robots.t الملف، لا يوجد شيء أقل من ذلك أيضًا، يمكنك ببساطة تصغيره في ملف Index.html، ماذا يمكننا أن نفعل في هذا أيضًا، ببساطة انظر، سأخبرك كيف. إذا قمنا بتغيير اسم هذا الملف هنا، إذن، آمل أن أخبرك بالعنوان، لا بد أنك فعلت الشيء نفسه في لغة HTML الأساسية أيضًا، وسنسميه موقع الويب للمطعم تمامًا كما فعلت من هنا، ثم انظر أدناه وقد تم تجميعه وإذا ذهبت إلى المتصفح، سأرى أن عنواننا قد تغير، بنفس الطريقة التي يمكنني بها تغيير ا

لأيقونة أيضًا. في الوقت الحالي، فليكن الأيقونة الرسمية لموقعنا. ليس لدينا أي أيقونة في الوقت الحالي. إذا كنت ترغب في إضافتها، إذن ماذا يجب أن تفعل، انظر هنا. ولكن داخل icon.ico العام، يجب عليك تغيير هذا الملف، يمكنك إضافة أيقونة ICU أو يمكنك أيضًا إضافة PNG، ليست هناك مشكلة، هنا سترى الرابط ، ستحصل على أيقونة Apple touch، ثم هنا. لكن الأيقونة، ما عليك فعله فيها هو إعطائها جزءًا من الملف. انظر الآن بعد هذا، هنا لدينا مجلدات، لذا أيًا كان ما سيكون مصدر مشروعنا ، ستكون المكونات موجودة، فماذا سنفعل

داخل هذا المجلد، كل هذه الأشياء، بعد ذلك، إذا رأيت أدناه، هنا يرتبط Get Ignore بـ Get Up، بعد ذلك، إذا قمت بفتح مفتاح قفل الحزمة وملف الحزمة json فهذا هو الملف الأهم في تطبيقنا فهو مرتبط بتطبيقنا هل هو React أم اسم هذا المشروع Dependency وما هو البرنامج النصي؟ هل تم اضافته لقائمة المتصفحات في linter فكل هذه الأمور مذكورة هنا كما ترون هنا هذا سكربت فيمكننا تغيير السكربت أيضا مبدئيا ما فعلناه هو تشغيل التطبيق بمساعدة البداية الرطبة. وبنفس الطريقة، إذا كان عليك إجراء بعض الاختبارات، فسيتعين عليك إج

راء الاختبار وبعد ذلك ماذا يمكننا أن نفعل، يمكننا أيضًا إنشاء البناء، ثم سنقوم ببنائه، عند اكتمال مشروعنا ، ثم سنمنحه حزامًا وبعض خادم الاستضافة، لكننا سنستضيفه، لذا دعونا نجعل هذا الأمر أساسيًا أكثر، الآن ما سنفعله هنا هو أننا سنصممه بالكامل، أي بهذا الإعداد الافتراضي، نحصل عليه تصميم رد فعل الناس هذا، بعد ذلك سنقوم بتعديله هنا، هناك بعض الضرائب على هذا، أي وسيتم تصميم هذا الرابط على الموقع الرسمي، أولا وقبل كل شيء، ما عليك فعله من هنا، مهما كان الكود المحكم الموجود هناك سوف نقوم بتقطيعه بقدر م

ا هو ولكن هنا يوجد قسم العنوان بداخله قم بإزالته بالكامل سنفعل هذا وسنقوم أيضًا بإزالة هذا الفصل وهنا سنأخذ h1 ببساطة وسنضيف h1 هنا فقط لغرض الاختبار، بعد ذلك يتعين علينا كتابة الكود الخاص بنا أيضًا، لذلك هنا أكتب من موقع المطعم وانظر هنا، سنقوم أيضًا بإزالة ملف الأشخاص وسنقوم أيضًا بإزالة أي ملف لا نريده. وبالمثل، إذا قمنا لدينا نمط في ملف Index.css ثم سنزيله وماذا سنفعل من هنا سنترك الهامش صفر ونجعل العرس صفر هنا ونجعل الملاكمة مربع حدود وماذا سنفعل في مكانه من الجسم عن طريق تحديد عالمي واستخد

امه، الآن سنقوم بإنشاء تخطيط أساسي موجود هنا وإذا كنت تريد، يمكنك أيضًا تغيير التبعية. إذا كان بإمكانك تنزيله، فماذا سنفعل الآن ؟ سنغلق الخادم لفترة من الوقت. ما سأفعله من هنا هو أنني سأضغط على عنصر التحكم C، ثم سيتوقف تطبيق React هنا. ماذا سنفعل الآن؟ هناك بعض التبعيات هنا. مهما قمت بتنزيله، عليك أن تكتب هنا اختصار التثبيت ، بعد ذلك سنضيف جهاز التوجيه التفاعلي هنا، بنفس الطريقة، سيكون لدينا المادة Y هنا، إذا كان علينا القيام بذلك، فلن نفعل ذلك كثيرًا، سنفعل ذلك في القليل من المواد. ما أفعله هنا

هو ما سنفعله هو نسخه من موقع مواد البحث وما سأفعله هو قصه أولاً لأنه لدينا بالفعل تثبيت مكتوب في أمر النسخ وإذا قمنا بلصقه هنا فسيكون ذلك افتراضيًا. انظر هنا، نحن نقوم بتثبيت ثلاث حزم ، الأول هو ملف المادة الذي هو أنا، وبعد ذلك هناك العاطفة، هل هذه أيضًا مكتبة ضيقة والتي هي التالية ومع andui لدي . هناك المزيد بعد ذلك، هناك مكون الأسلوب، ما هو مكون النمط، هنا أيضًا لصق الكائن هذا وهو مكتبة التصميم، لذا يا أخي، المادة الافتراضية التي تعتمد على هاتين المكتبتين، إلى جانب هذا لدينا ما لدينا من الخلف

في جهاز التوجيه الخاص بنا. إذا كان عليك التثبيت أيضًا ، ثم ماذا تفعل بعد ذلك، قم بتثبيته هنا واضغط على Enter، ثم هذه هي التبعية وهنا يمكنك أن ترى أن جميع الحزم قد تم تثبيتها بنجاح، Rick Router Down Emotional وفي الرفيق، هنا دعونا نصلحها أولاً، عليك أن تكتب عن هذا ، وهذا لا يحدث فرقًا كبيرًا، فقط اعتمادنا على التطبيق هو الذي يتغير، أي أن الإصدارات التي تأتي هنا تتغير، أي إذا كان هناك تحديث، فهذا هو العجيبة المتعلقة به. يكتشفهم ويظهر لهم أنه إذا قمت بتنزيل أحدث الحزم، فقد تم إصلاح ما هو موجود، ال

آن يمكنك أيضًا رؤية هذه الحزم في الحزم والملفات، انظر هنا سوف تتمكن من رؤيتها. هنا في في الأعلى، يمكنك رؤية الإضافات التي قمنا بتنزيلها في التبعيات مثل الحزم العاطفية التي يتم تنزيلها داخل تطبيقنا، والآن يمكننا استيرادها، فماذا سنفعل؟ مجلد باسم المكونات. مجلد بالاسم . سنستمر في الإنشاء فيه ما سنفعله هو أن جميع قوائم التنقل الخاصة بنا ستكون هناك، وستكون عروض مساراتنا موجودة أيضًا، وسنحتفظ بها داخل هذا، إلى جانب ذلك، ما يمكنك فعله هو أنه يمكنك هنا أيضًا إنشاء حامل باسم النمط ، إذا كان لديك المزيد

من الأنماط بالإضافة إلى ذلك . إذا كان لديك أي منها، فيمكنك الاحتفاظ بها هنا في ملفات منفصلة ومنفصلة. وأيضًا، إذا كان لديك بعض البيانات، فيمكنك إنشاء مجلد باسم "U tails" أو مهما كانت البيانات الموجودة لديك وإضافتها بداخلها، فلدينا لهذا السبب فهو غير متوفر في الوقت الحالي، سأقوم بإزالته، فقط لإعلامك، لقد أضفته هنا، والآن ماذا سنفعل، هناك بعض الملفات هنا، أي أننا سننشئ مكونات هنا، ماذا سنفعل نقوم بعمل داخل هذه المكونات، أولا سنقوم بإنشاء ملف جديد، سنقوم بإنشاء ملفين جديدين، أولا وقبل كل شيء سيكون ل

دينا ملف خاص بنا في الخارج، أي GS يدعم كلا من React وداخله سنقوم بإنشاء ملف آخر، سنقوم بإنشاء إذا تمكنا من الكتابة هنا، فقد أنشأنا مكونين : أولاً، داخل الرأس الثاني، سنقوم بإنشاء قائمة التنقل وداخل التخطيط، الطبقة الخارجية الأساسية لملفنا سيبقى التطبيق، بعد ذلك، ما سنفعله هو مجرد تغليفه، أيًا كان. سنقوم بإنشاء مسارات إضافية داخل الصفحة، علينا فقط استيراد هذا، الآن سيتم إنشاء هذه الملفات هنا، ما يتعين علينا القيام به هو التحويل تحويله إلى مكون وظيفي، فماذا يجب عليك فعله لذلك، انتقل أولاً إلى الام

تداد ومن هنا تبحث عن React أو يمكنك أيضًا البحث في هذه السبعة، راجع هذه السبعة بالإضافة إلى React Reduction، إذا كان عليك تثبيته، فماذا سيحدث معها، هنا نحصل على بعض الوظائف، قم بزيارة موقع الويب الخاص بها، وسأشرح ما هي مباشرة. إذا أعطيتها ، نحصل على بعض الاختصارات التي لا يتعين علينا كتابة الكود بالكامل بمساعدتها ، كما لو كنت خذها، هنا سأكتب وظيفة IFC React Arrow مع التصدير، وسأضغط عليها، ثم أرى أن المكون الخاص بنا قد تم إنشاؤه، وهناك علامة h1 بداخله، الآن ما سنفعله هو أننا سنقوم أيضًا بإنشاء ال

تخطيط هنا Rac وظيفة سهم التفاعل مع التصدير وبداخلها سأضيف h1 أولاً وسنفعل ذلك من الآن، ما سنفعله هو إعداد التخطيط. أولًا، ما سنفعله هو جعله جزءًا. إذن هنا "نحن نكتب صيغة السكر التركيبية لـ React Ragament. إذن ما فعلناه بداخله هو مجرد علامة فتح وإغلاق فارغة. لقد قمنا بإنشائه هنا. الآن سنقوم بما سنفعله ، سنقوم باستيراد الملف هنا في الجزء العلوي من التخطيط لأنني جديد في الأعلى، وبعد ذلك يوجد محتوى وفي الأسفل يوجد التذييل، لذا ما سنفعله الآن هو أننا سنستورد هذا الملف هنا، هل يمكننا القيام بذلك ببساط

ة؟ ما عليك فعله هو الكتابة إنه عنصر HTML مخصص مثل الرأس مع علامة الإغلاق الذاتي، لذلك أضفنا هذا المكون داخل التخطيط، الآن إذا كنت تريد، يمكنك إضافة التخطيط في app.gs مثل موقع الويب الخاص بالمطعم وفيما يلي ما سنفعله هو أن نفعله التخطيط بنفس الطريقة ولكن هناك اختصار لهذا أيضًا، ماذا يمكنك أن تفعل هنا وبعد ذلك يأتي مكون إضافي للاستيراد كما هو الحال هنا، وسوف تبحث عن استيراد تلقائي داخل التوتر التالي ثم هذا المكون الإضافي الذي يجب عليك تثبيته والاحتفاظ به ، كما أنه يساعدك كثيرًا، مثل انظر، دعني أخبر

ك، سأكتب هنا فقط التخطيط، لذا انظر الاقتراح يظهر هنا، إذا نقرت عليه، سيتم استيراد المكون تلقائيًا، لذلك سيستغرق الأمر وقتًا طويلاً الكثير من وقتنا. هناك توفير كما كتبت هنا، فلنفعل ذلك من التخطيط ومرة ​​أخرى سننضم إلى تطبيقنا. بمجرد أن نبدأ Champion، سيتم تشغيل تطبيقنا على منفذ المضيف المحلي 3000. إذن، هذا هو تطبيقنا. الآن سوف نتحقق منه بعد أن يتم تجميعه. انظر التفاصيل هنا. هذا هو عنواننا، لذلك هذا الشريط الجديد ثم التخطيط ، ليس علينا أن نفعل ذلك بهذه الطريقة، ماذا سنفعل وسنفعل إنها مثل هذه الحاو

ية، علينا أن نفعل هذا مثل هذا وذاك. لذلك اسمحوا لي أن أخبركم قليلاً عما سنفعله داخل التخطيط، وسنضيف مصباحًا آخر هنا، وسيكون هذا المصباح مخصصًا للمحتوى الخاص بنا، فماذا سيحدث سنفعل داخلها ماذا سنفعل بالمحاصيل ثم ماذا سنفعل مباشرة وهو الدعائم، إذا قمت بتدمير أطفال النقاط، فعليك أن تكتب هنا أن الأطفال يدمرون هنا، فماذا سيحدث بعد هذه القسمة أي. أيًا كان المكون الذي يمثل هذا العنصر الفرعي، أيًا كان المكون الذي سنغلفه من التخطيط، فسيتم عرضه هنا، سأخبرك بعد قليل كيف، بما أن لديك Dot JS، الآن ما سنفعله

هو الانتقال إلى التخطيط، لن نكتبه هكذا ونحوله في وقت الإغلاق، لذلك قمنا هنا بتحويله في وقت الافتتاح والإغلاق، الآن داخل هذا مهما كان المحتوى الذي نكتبه، فسيتم عرضه، انظر ماذا أفعل هنا، أنا خذها بداخله، حسنًا، فلنفعل ذلك، فلنعد إلى التطبيق، هنا تظهر الضريبة بالتساوي، لذا يمكنك القيام بذلك في هذا. لن نفعل ذلك لأننا سنضيف جميع وظائف التوجيه الموجودة هنا، وسنفعل ذلك في الصفحة، لذا لنرى الآن، دعنا نذهب إلى التخطيط وهنا تم إنشاء قسم البالغين، وأضفنا العنصر أيضًا قمنا بتدمير الشخصيات مباشرة، حصلنا على

أطفال كشك، كان علينا أن نكتبها بهذه الطريقة، حتى نتمكن من تدميرها مباشرة، الآن ما سنفعله بعد ذلك هو أننا سنقوم بإنشاء بعض الصفحات ونغلفها وبعد ذلك سنقوم انظر إلى التوجيه، عظمة لاكشمان. سنضيفها الآن، وسنغيرها لاحقًا، وسنفعلها للمنزل أيضًا بنفس الطريقة، لذا علينا أن نغلفها أيضًا، أولاً دعني أخبرك، بعد ذلك سنقوم بإنشاء الصفحة كما هي، الآن هذا هو ما سنفعله بدلاً من Div، سنقوم بتغليفها بالتخطيط، لذلك عليك كتابة التخطيط وسيظهر الاقتراح ، انقر عليه، سيكون المكون تلقائيًا تم استيراده في الأعلى، إذا لم ي

كن موجودًا في حالتك، فيمكنك القيام بذلك يدويًا، وهو هذا البيان، استيراد التخطيط من المكوس، أينما قمت بإنشائه، ثم قم باستيراده من هناك وبين ذلك سيكون المحتوى الخاص بنا، دعونا نفعل ذلك بنفس الطريقة للمنزل، أتمنى أن تفهم ذلك. كنت سأذهب مرة أخرى إلى وظيفة مفاعل الوظيفة الهوائية مع التصدير، بنفس الطريقة لدينا ملف آخر للاتصال، لذلك سنقوم بإجراء اتصال ، وسنقوم بإنشاء صفحة أخرى هنا تعمل هذه القائمة مع التصدير وهنا قمنا بإنشاء هذه العناصر. وسنقوم أيضًا بإنشاء صفحة لـ Note Found، لذلك لم يتم العثور على صف

حة جديدة، فماذا ستفعل، إذا لم يعثر شخص ما على عنوان URL الخاص بنا، فسوف يعيد التوجيه إلى هذه الصفحة ، لذلك سنضيف عنوان الوظيفة "لم يتم العثور على الصفحة" في هذه الصفحة أيضًا. وسنغلف هذا أيضًا بالتخطيط غير الموجود وقد تم تنفيذ الأمرين هنا، والآن علينا أن نرى التوجيه هنا، وعندها فقط سنخفض ما هو موجود الآن، سنقوم باستيراد بعض الأشياء، ثم من المفاعل دون، نحتاج أولاً إلى جهاز توجيه المتصفح ثم بصوت عالٍ. مما يقلل الحاوية وبعد ذلك الطريق الذي يمكننا من خلاله تحديد المسار. الآن ماذا سيحدث نقوم بذلك، من

هنا سنقوم بإزالة التخطيط وجميع البيانات، بعد هذا ماذا سنفعل، هنا نضيف عنصر HTML مباشرة إلى موجه المتصفح، سنكتب هكذا، أي مثل نوع المتصفح الخارجي، أضفنا داخل هذا سنقوم بإنشاء حاوية الجذور وداخل هذا علينا أن نضيف، أي داخل هذا علينا أن نعطي 5 وأي مكون يجب أن نظهره، علينا أن نظهره هنا. إذا كان علينا أن نقول، فماذا سنفعل؟ أولاً كل شيء، سوف نكتب علامة الإغلاق الذاتي للمسار وداخلها لدينا خصائص مثل خاصية المسار، هنا سنكتب شرطة مائلة، ماذا تعني الشرطة المائلة، هنا سنفعل الشيء نفسه بالنسبة للعنصر وهذا العن

صر سيعطيك ماذا ما يجب القيام به هو استدعاء المكون، ثم في وقت الإغلاق الذاتي، تقوم بإضافة المكون كما لو أردنا إظهار الصفحة الرئيسية هنا، فسنكتب شرطة مائلة رئيسية هنا وعلينا أيضًا استيراد الملف، لذا قم باستيراد الصفحة الرئيسية من صفحة الصفحة. بنفس الطريقة، علينا إنشاء الباقي هنا، هنا ستكتب حب الذات مرة أخرى، بعد ذلك سيكون هناك طريق، لذا بجانبه، ماذا عليك أن تفعل، بالنسبة للثاني، لدينا about، لذا قم بالقطع حول وبعد ذلك. داخل العنصر، عليك كتابة اسم المكون كما لدينا حول المكون وهنا سنرى الخيار يظهر،

انقر عليه، سيتم استيراد المكون تلقائيًا، إذا كان ليس في حالتك ثم قم باستيراده يدويًا بنفس الطريقة، أقوم بنسخه ولصقه من نسخ لصق، علينا استهداف جميع الملفات التي لدينا، تم الانتهاء من ذلك، بعد ذلك لدينا جهة اتصال لجهة الاتصال، لدينا جهة اتصال، لذلك من هنا، قم بقطع "حول" و" جهة الاتصال والاتصال"، فلدينا إذا لم يأتي الاقتراح التلقائي، فيمكنك استيراد جهة الاتصال يدويًا من هنا وإزالة التخطيط من هنا. التخطيط غير مطلوب. أنت الآن في المنزل مع قائمة "حول جهة الاتصال" و الصفحة. سيتم تنفيذ الملاحظة التي تم

العثور عليها هنا، إذا أعطيتها في الأعلى، فلن يتم تنفيذ جميع المسارات الموجودة أسفلها، وفي هذا لدينا مكون الصفحة غير الموجود، راجع الخيار الذي يظهر، إذا نقرت عليه، هذه الإضافة الآن فلنقم بذلك ونختبرها . لم نقم بإنشاء أي قائمة تنقل بعد، لذا يتعين علينا إدخال عناوين URL يدويًا هنا. أولاً وهنا قمت بالبحث هنا بنجاح وسترى أن الشريط الجديد ثابت هنا لأننا قمنا بتعيين شريط na في الجزء العلوي في التخطيط وبعد ذلك ستكون هناك عناصر فرعية هنا وهي لماذا ستتغير ديناميكيًا لأننا قمنا بتغليف جميع المكونات من التخ

طيط، بنفس الطريقة التي سنتحقق بها من القوائم الأخرى أيضًا، سنرى مكون القائمة حول، ثم نرى صفحة القائمة قادمة أيضًا وكان لدينا صفحة اتصال للاتصال. وإذا قمت بعرض أي XAS مكون هنا كما لو أنني أضفت أي سيارة أجرة عشوائية وL هنا وسوف أتحقق ثم أرى هنا أنه لم يتم العثور على الصفحة ثم اتصل بنا بنجاح. كما أنه يقلل من حركة المرور الخلفية. إذا كان عنوان URL غير صحيح هنا، فسوف يعيد التوجيه، فماذا سيحدث نفعل ذلك لقائمة التنقل، إذا حصلنا على مكون المادة، فعندما أبحث وأخبرك بالتطبيق، سنفعل ذلك ونساعده، وسننشئ قائ

مة تنقل سريعة الاستجابة من هنا، كما لو كنت تبحث هنا ، سوف تحصل على الكثير من النتائج، يمكنك أن ترى أن قائمة التنقل هذه هي هكذا، وسوف نقوم بإنشائها ويمكنك أيضًا رؤية الكود الخاص بها من هنا. إذا رأيت أن هناك 10 مصادر، إذا نقرت عليها فسوف تحصل الكود الخاص به، إذا واجهت أي مشكلة فيمكنك مقارنته من هنا أو إذا كان عليك إنشاء كل شيء يدويًا فيجب عليك رؤيته مرة واحدة، لذا ما سنفعله هو أننا سننشئه مباشرة وإذا احتجنا إلى أي شيء فيه ثم بعد العودة سوف نتحقق من التوثيق فهنا سنذهب سأنقله وما سأفعله في الأعلى سأ

قوم باستيراد هنا وأتركه يجب استيراد صندوق الماء وماذا هل سنفعل داخل هذا المربع، سنستخدم التطبيق من الخارج، لذا ما عليك فعله لذلك هو كتابة F1 هنا، وانظر أن الاقتراح يظهر، وانقر عليه، وسيتم أيضًا استيراد المكون تلقائيًا وماذا سنفعل قم بذلك داخله هنا. ولكن بمساعدة نوع الرسم، سنقوم أولاً بإضافة عنوان أو يمكنك إضافة أي نص أو إذا كنت ترغب في إضافة أي نص ، فيمكنك إضافته هنا بمساعدة الطباعة. إذن هنا سنكتب برنامج الكتابة وماذا يمكننا أن نفعل بداخله، يمكننا إضافة أي نص موجود كما أكتب هنا، أفعل ذلك من مطعم

ي وبمجرد أن نختبر كيف يبدو وهنا ولكن يمكنك أن ترى أن لدينا مكونات عمل التطبيق، لقد تغير التصميم قليلاً هنا لأنه يتعين علينا الآن إصلاحه، فماذا سنفعل، سنواصل إصلاحه أيضًا، والآن ماذا سنفعل هنا. أيًا كان المكون الذي لديك، فسوف تعطيه ، لذا هنا يمكنك أيضًا إعلانه كمكون. داخل المكون، يمكنك إضافة أي نوع، مثل أن أكتب هنا مكونًا وداخل المكون، أكتب خريطة له هنا. تعامل معه بهذه الطريقة وقم ببعض التصميم، ثم باستخدام بمساعدة SX، يمكننا القيام بتصميم مخصص. إذا كان علينا إعطاء لون، فسنقوم بعمل SX له. لذا هنا

أكتب لونًا مشغولًا، أي لون الخلفية، علينا استهدافه وسوف أقوم بتحديث الصفحة السوداء هنا والخلفية اللون هنا لم يتم تطبيقه. أعتقد أن هذا هو اللون بالأحرف الصغيرة. دعونا نتحقق من اللون المشغول. الآن نرى أنه يأتي بالتساوي وهناك اختلاف طفيف في الحجم، لذلك لا توجد مشكلة. لا، نحن يجب علينا إصلاح هذا أيضًا، فماذا سنفعل لإصلاح الحجم، هنا سنفعل ذلك لشريط الأدوات، لذا هنا عليك كتابة شريط الأدوات واستيراده أيضًا، ثم عليك قصه والضغط على مساحة التحكم، ثم سيظهر الاقتراح. إذا نقرت عليه، فسيتم استيراده تلقائيًا و

ستظهر قائمة التنقل هنا. إذا قمت بالتحقق، فستجد أنه تم وضعه بشكل مثالي هنا وقد اختفى محتواه، لذا يتعين علينا الآن إصلاح المحتوى أيضًا. ولكن في الوقت الحالي، انظر هنا، لقد وصل موظفونا بالفعل، بدلاً من ذلك، يمكنك أيضًا إضافة رمز هنا، لذا بمجرد التحقق، ما سنفعله هنا هو أننا سنبحث عن الرمز الموجود على التوثيق، رمز المادة، ثم هذا، سيتعين عليك أيضًا تثبيت الحزمة. إذا كنت تريد تغيير أيقونات المادة، فماذا ستفعل؟ انظر إلى الشاشة هنا، هذه هي الحزمة، سيتعين عليك تثبيتها انسخه من هنا انسخ هذا الأمر وقم بتثبي

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

الى الفندق نحن لسنا مميزين فماذا سنفعل سنبحث فيما يتعلق بالطعام ونبحث في الطعام والطعام إذا كان لدينا وجبات سريعة فانسخها وعليك الذهاب إلى الأعلى واستيراد كل ما هو موجود ، قم بلصق وتخصيص عنصر HTML. كما يمكنك القيام بهذا وذاك، ثم هنا سأكتب ما يعادل A وقد تم ذلك، الآن ماذا سنفعل، سنقوم بإنشاء هنا، سنفعل شيئًا مثل سأضيف لونًا مباشرة هنا اللون الذهبي سيكون مناسبًا بالنسبة لي. دعنا نتحقق مما إذا كان هناك أي خيار آخر باللون الذهبي وإذا كان الجمع بين الذهبي والأسود جيدًا ، فسوف نصنع الطريق الذهبي وبعد

ذلك ماذا يمكننا أن نفعل، سنحدد البديل الخاص به إذن هذا ما أفعله لقد قمت بتعيين متغيره كـ h6، المتغير جيد وماذا سنفعل بهذا المكون، سنتعامل معه كمكون وكذلك كعمق، عليك إضافته ويمكنك أيضًا أعط بعض التهجئة فيه. سأفعل ذلك وبمجرد أن نتحقق من مظهره، نرى أنه مرئي بهذه الطريقة وهنا سنضيف أيضًا القليل من التصميم وماذا سنفعل داخل هذا، فماذا سنفعل افعل ذلك، اقسمهما هكذا. انظر، ما سنفعله هو إنشاءه أولاً، لذا ما نفعله هنا هو أننا سنضيف مربعًا آخر، ثم بعد كتابة الرسم البياني، ما سنفعله هو أننا سنضيف مربعًا آخر

وداخل هذا في المربع، يتعين علينا إنشاء قائمة التنقل. لذلك، يمكنك القيام بذلك كنوع قائمة أو عادي، إذا كنت تفعل ذلك باستخدام Ulli، فيمكنك القيام بذلك باستخدام علامة الربط، ثم يمكنك القيام بذلك أيضًا، ما أفعله هو لاستيراده أعلاه والاحتفاظ به على React Routeron. قم باستيراد رابط من React Router وما سنفعله هنا هو كل ما ستأخذه داخل هذا المربع وداخل LIC هذا بالداخل سنكتب رابطًا مباشرًا بدلاً من الرابط الأساسي في المرتبة الأولى في بنفس الطريقة ، يجب علينا أيضًا إضافتها على شرطة مائلة وبنفس الطريقة سنقوم

بالنسخ واللصق عدة مرات. بعد النسخ واللصق في المنزل، ستكون هناك قائمة، ثم حول وبعد ذلك يتعين علينا إضافة جهة اتصال وأنت الخاصية أيضًا، قم بعمل قائمة حول جهة الاتصال. دعنا نتحقق منها مرة واحدة، والآن يتعين علينا تغييرها بمساعدة القفل وبسبب المجموعة المرنة التي قمنا بها، ماذا حدث لكل من المحتوى الذي جاء إلى اليسار واليمين و أيضًا في هذا المربع. سنعطي دروسًا. ما هي الفصول؟ ماذا سنفعل هنا؟ سنعطي حجمًا مخصصًا صغيرًا، عليك أن تفعل ذلك بهذه الطريقة وبعد ذلك ما سنفعله هو أننا سنصنعه مهما كان الارتفاع مو

جود على الأجهزة المحمولة لأننا نريد أيضًا رؤية التصميم سريع الاستجابة، لذا في البداية. سيظل هذا مرئيًا على إصدار سطح المكتب وإذا انتقلنا إلى الهاتف المحمول، فسنقوم بتعطيله. ماذا سنفعل للجوال؟ سنصل إليه، على سبيل المثال. سنستهدف أجهزة صغيرة جدًا ولن نقوم بالتوجيه، سنفعل ذلك بمساعدة العرض. عليك القيام بذلك لأنه يمكنك أيضًا إضافة مضاعفات هنا. يمكننا العرض داخل الشاشة، ثم داخلها سنستهدف الضغط المتعرج و الوصول وهنا سنجعله نان وبعد ذلك عندما يأتي على جهاز متوسط ​​أو جهاز صغير فماذا سنفعل به سنقوم بحظر

ه ماذا يعني الحظر وبمجرد أن نختبر التصميم سريع الاستجابة أيضًا ماذا أفعل هو أن أقوم بالمفتش وأبدأه، انظر وكأنني قمت بتصغير حجمه هنا، وهذا هو الذي تم إخفاؤه تمامًا، وهنا أقوم بتصغير مكبر الصوت المستجيب الآن. ومن خلال تغييره، حصلنا على تأثير طفيف وما سنفعله هو إعطاء اسم فئة لأن ما سنفعله هو أن نضعه بشكل أكثر إحكاما، سنستهدف اسم الفصل وسنقوم بتسميته بشكل أكثر إحكاما، والذي سنستهدفه وبمساعدته، سنصممه قليلاً حتى يبقى بشكل صحيح الانحياز وما سنفعله لهذا هو أننا سنقوم بإنشاء ملف جديد داخل النمط . أولاً،

هنا في الأعلى، ما عليك فعله هو الإبلاغ، ثم هنا ما سنفعله . سنقوم باستيراده من import dot dot وما سنفعله هو أننا سنستهدفها هنا، لذا أولاً وقبل كل شيء كانت لدينا قائمة تنقل، ماذا أفعل، أنسخ وألصق الفصل التالي حتى لا يكون هناك خطأ إملائي في الصفحة وسنستهدفه بوضع نقطة هنا لأنه إذا كان فصلًا فسنقوم بذلك ضع نقطة، إذا كان معرفًا، فسنستخدم التجزئة. سنقوم بتغيير نمط القائمة إلى "Nan"، "List Style Non"، ماذا سيحدث مع هذا، لن يتم عرض النقاط النقطية وسنقوم بذلك افعل هذا، داخل هذا لدينا علامة العم، علامة ال

ربط الموجودة في الرابط الفعلي، حتى نتمكن من استهدافها. ما أفعله هنا هو أنني أقوم أولاً بإضافة التباعد، داخل هذا لدينا قائمة تنقل، سنحتفظ بها صفر من الأعلى، هذا على الجانب الأيسر والأيمن، نريد هامشًا، لذلك أجعله آمنًا في 20 بكسل، لذلك انظر إنه متساوي، هناك أيضًا هامش هنا الآن سنستهدف H، المرساة علامة داخل قائمة التنقل وهنا علينا تغيير زخرفة النص إلى لا شيء وسنغير لونه أيضًا، سنجعل اللون أبيض، فانظر، سيظهر هكذا وعائلة الخطوط أيضًا، يمكننا تغييره، يمكنك أن تفعل ما هو الروبوت، والذي ربما تكون قد رأي

ته افتراضيًا مع Bootstrap، يحدث نفس الشيء مع واجهة المستخدم المادية، لذا يمكنك القيام بذلك، ماذا سنفعل لذلك، طريقة الفهرس. سنستهدف الجسم وهنا ماذا ما يتعين علينا القيام به هو العائلة وسنفعل ذلك، لذا نرى أن الأمر قد تم بالفعل هنا، سيتعين عليك تثبيت خطوط Google، وعليك البحث وهنا ستحصل على الرابط الأول ومن هنا ما يمكنك فعله. انظر إلى في الأعلى، ستحصل على خيار الخطوط، من هنا ماذا تفعل أيها الروبوت ومن هنا ستحصل على الخيار الأول، في الواقع خط الروبوت مشهور جدًا ومن هنا تحدده بالحجم العادي، بعد التحدي

د، قمت بتحديد عرض هنا العائلة، عليك النقر عليها وإذا نظرت أدناه، فسوف تحصل على بيان الاستيراد وترى ما يمكنك القيام به، يمكنك إضافته بهذه الطريقة، نحن روبوتات، لقد فعلنا ذلك بالفعل هنا ، عائلة الخطوط هنا أدناه، إذا قمت بالتمرير. إذا قمت بذلك على موقع الويب، فسيوضح لك الخيار كيف يمكنك القيام بذلك، ستعرفون جميعًا، لذلك هنا قام رجلنا بذلك بنجاح، والآن ماذا علينا أن نفعل ، لقد قللنا قليلاً من التصميم سريع الاستجابة. لقد قمنا بزيادة ارتفاع القائمة في هذا ولكننا سنعرضها هنا حتى نتمكن بمساعدتها من معرفة

ما سنفعله، وسأرسم مرة أخرى في حالة حدوث ذلك لم تشاهده إذن فإن الرسم يحظى بشعبية كبيرة، لا بد أنك شاهدت جميع تطبيقات جوجل، ويستخدم فيه مكون الرسم ومهما كان التطبيق المعقد الذي رأيته، كما أقول لك مثاله، سأضغط على الجانب الأيسر ، ثم شاهد شيئًا كهذا، عندما تفتح القائمة هنا، عندما ترى موضعها. يمكنك ضبطها ، ويمكنك أيضًا القيام بذلك في الأعلى، لذا فالأمر متروك لك، لذلك سنفعل ذلك وبمساعدة هذا، سنقوم بعمل تصميم مستجيب، ثم ماذا سنفعل للسحب، سنقوم بإنشاء وظيفة منفصلة للسائق وكذلك الحالة، إذا وجدنا ذلك فما

ذا أفعل ؟ابدأ أولاً، وهو صحيح، أقوم بإضافة زر، فلنعد إلى Visual Studio Code وداخل قسم الرأس، ماذا سنفعل بعد الأيقونة أي قبل المطعم، يمكننا القيام بذلك، ثم اكتب هذا لنفعل هذا قبل الرسومات ونخفي الأحرف الأولى، إذن ما سنفعله هنا هو النقر على المكون وسيتم استيراده وداخل زر الأيقونة هذا، ما سنفعله هو إضافة أيقونة الإعجاب، مرة أخرى هنا سأبحث، وسوف آخذ أيقونة المادة وسيتعين علينا أن ننظر بالنسبة للقائمة، فمن هنا سوف نبحث في القائمة، ونرى القائمة وما يتعلق بالقائمة، يوجد خيار هنا، قائمة القائمة تبدو جيد

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

لك يتم عرض هذا الرمز، ماذا الآن هل نفعل بها إذا كان علي أن أتعامل معها بمساعدة الشارع فماذا سأفعل، هنا حالة أخرى حسنًا، سأقوم بإنشائه أولاً للتاغلر، فماذا عليك فعله؟ أولاً، سيتعين عليك إضافة أي عنوان ولاية لديك إليه. هنا سنكتبه كحالة وهنا سنقوم بإنشاء حالة لذلك. ثابت. يمكننا تسميته بأي شيء. كما هو الحال هنا للجوال، لذا افتح الجوال، وهنا أكتب set mobile open يساوي لك الحالة وسنحتفظ بهذا في مربع العطاء في البداية، وسنجعله كاذبًا الآن ما سنفعله لنبدأ أولاً وهو إنشاء مكون السحب. وبمجرد الانتهاء من ذ

لك، ماذا أفعل لذلك، أقوم بإنشاء وظيفة، وسنقوم بإنشاء وظيفة برنامج التشغيل وإعادتها مباشرة، لذا قبل العودة هنا، أقوم بإضافة تعليق وإنشاء وظيفة هنا وداخل هذا أيضًا، سنفعل الشيء نفسه بالنسبة للمربع، يمكننا إنشاء مربع ووظيفة، فلا بأس بالنسبة للمقبض، أي أن هناك نقرة هنا، ماذا يمكننا أن نفعل للتعامل مع انقر، يمكننا إنشاء وظيفة، لذلك هنا. لكنني أود التعليق، والتعامل مع القائمة، وسيتم إنشاء وظيفة النقر، وإذا كنا نفعل ذلك، فسوف أسميها تبديل وسنجعلها وظيفة سهم مثل التبديل وما نفعله ما عليك فعله داخل هذا ه

و فقط ضبط الهاتف المحمول على الفتح والذي سنعكسه ونصفه . لذا اتصل، هنا ليس متساويًا، ستتصل بالهاتف المحمول وهنا أقوم بإضافة شيء إلى كل شيء وأيضًا في SX، مهما كان النص المتبقي بداخله، فسوف نقوم بذلك ضعه في المنتصف وفي داخله يمكننا نسخ ولصق وهو التنقل لم يكن لدينا في القائمة فمن أين نفعل ذلك نكتب البرنامج ثم نضع المربع الثاني حسنًا فلننسخ هذا. سنقوم بنسخ هذا والشيء الآخر ماذا سنفعل سنلصقه داخل اللفيفة أيضًا لأنه في كل منهما علينا أن نظهر ما يجب فعله الآن، إذا لم تكن قادرًا على الفهم فدعني أخبرك أنه

إذا اتصلت ، فسيتم عرض كل هذه الأشياء داخل القائمة، وسنغير فئتها كما كانت قائمة التنقل، وسنجعلها التنقل عبر الهاتف المحمول في هذا المربع. في الداخل، سنغيرها، انظر، لا تفكر، نحن نحتاج إلى هذا الصندوق، لسنا بحاجة إليه، صندوق واحد يكفي في هذا، سأفعل ذلك أولاً وهنا تم إنشاء قائمة التنقل، الآن سوف نتصل بالمجفف، سيتم عرض جميع القوائم الموجودة بداخله كل شيء صحيح، ماذا سنفعل الآن، سوف نتصل بالسائق الموجود بالأسفل وينتهي شريط التطبيقات الخاص بنا هنا، فماذا سنفعل بعد هذا، هناك مربع آخر، سنضيف المربع وما ع

ليك افعل داخل هذا المربع، أولاً سنعطي المكون، دعنا نخبرك بهذا يا أخي، هذه قائمة التنقل، لذلك هنا سنضيف المكون، تعال الهاتف وداخل هذا، سنضيف الهاتف وهنا علينا أن نفعل ذلك مع السائق، لذلك يجب أيضًا استيراد الطائرة بدون طيار، لذلك هنا، قم بمساحة التحكم وسيظهر الخيار هنا، وسنضغط عليه، وسيحدث الاستيراد التلقائي أيضًا، لذلك أصبح ملكنا و ماذا سنفعل داخل برنامج التشغيل هذا، لقد أنشأنا الآن الوظيفة أعلاه، هذه هي الوظيفة، لذا اتصل بها، إذا اتصلت فهذا هو ما هو عليه اليوم، هنا عليك أن تكتب كما لو كان عليك ت

مرير متغيرها إذن يمكنك التحقق من خصائصه وسنجعله مؤقتًا وماذا سنفعل في حدثه المفتوح الذي ذكرناه أعلاه. تم إنشاؤه، وسيتم تمريره هنا، لذا مثل على الهاتف المحمول، إذا نقرت على أي أيقونة أو نقرت في الخلفية ، إذن ماذا يمكننا أن نفعل، هذا هو المقبض الخاص بنا، لا توجد مشكلة، يمكننا أن نسميه هنا، وهو فوق الوظيفة. لقد جعلنا المقبض عاري الصدر وسنضيف القليل من وزن التحدث، وسأجعله متعدد الأسطر مثل هذا وسأضيفه بعض الأخطاء الإملائية هنا كما هو الحال هنا، علينا أن نفعل ما يتعين علينا القيام به على الشاشة، وهنا

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

شغيل أيضًا. أعتقد أنه يمكننا ضبط هذا الحجم أيضًا في الوقت الحالي وبعد العرض. ماذا سنفعل لاحقًا؟ هنا سنستهدف كل ما هو موجود، وسنصنعه معه ، خذ 200 بكسل، فكر آمنًا وتحقق، بعد النقر سنحصل على 100 بكسل، شيء كهذا، ماذا سنفعل؟ بعد استهدافه، سيتعين عليك أن تكتب بعض الشيء المنطقي هنا، لذا ما أفعله هنا هو أنه يتعين علينا هنا إجراء تغييرات داخل الكائن، لذا ما نفعله هنا هو إضافة الإزالة. إذا استطعنا، فسنقوم بتغيير حجمه كثيرًا، يمكننا أيضًا إضافة مربع حدود بداخله، ثم باستخدام خلاط آمن بقيمة 200 أو ₹ 240 بكسل

، تهجئته هي نحن، بعد ذلك أضفنا هنا فئة ورق dot me dot Paper والتي تم الانتهاء من الهدف، فلنتحقق منها مرة واحدة. الآن نقوم بتصغيره إلى المستوى وهنا يجب علينا تقليله في قائمة التنقل أيضا، بالنسبة للجوال ما سنفعله فيه هو القسمة والإضافة وهذا النوع سيسمى graphy ما سنفعله هنا هو إضافة المقسم قبل نوع الرسم البياني، لذلك قم أيضًا باستيراده باستخدام علامة الإغلاق الذاتي وشاهد شيئًا كهذا، تمت إضافة المقسم أيضًا، والآن نحتاج إلى تغيير هذه القائمة قليلاً هنا. سيتعين علينا التغيير ، إذن هنا نكتب عرض الهاتف

المحمول للجوال، ونعلق عليه، وما هي الفئة التي لدينا لعرض الهاتف المحمول هي التنقل عبر الهاتف المحمول، لذلك يتعين علينا استهدافها في التنقل عبر الهاتف المحمول وداخل هذا سنستهدفها، أولاً وقبل كل شيء، يتعين علينا إعطاء نوع نمط القائمة. "في وقت لاحق اليوم، يوجد علي بداخله أيضًا، لذا سنستهدفه. إذا كان علينا توفير التنقل عبر الهاتف المحمول، فماذا سنفعل؟ سنعطي هامشًا في كل منهم، يمكنك إعطاؤه من الأعلى أيضًا، فهو يفعل لا يعني إعطائها من الجانب واحداً تلو الآخر. بمجرد التحقق من الأشرطة، سترى شيئًا كهذا ف

ي الأعلى. أعتقد أنه يمكنك تغيير حجم الخط أيضًا. فماذا سنفعل؟ يا عم، سنستهدف المسار وهنا سنقوم بإزالة زخرفة النص وتغيير حجم الخط أيضًا قليلاً، سنفعل ذلك 1.4 سيكون جيدًا، نعطي وحدة الاستجابة هنا ومهما كان لونها سنجعلها سوداء، فانظر الآن مرئية بالتساوي، فهو يقلل الشيء تمامًا، من الخلف، أقوم بعرض الهاتف المحمول أو تذهب، إذا تمكنت من النقر على هذا الزر، فمن هنا يظهر خيار التصميم سريع الاستجابة ومن هنا يمكنك تحديد أي جهاز مثل iPhone، إذا اخترناه هنا فسيظهر في iPhone بشيء مثل هذا وسنضيف هامشًا صغيرًا ب

الداخل، نحتاج إلى هامش صغير فوقه، افعل ذلك بالطباعة، أضف الهامش هنا مثل أين سوف نضيفه، فلنضعه داخل الجنس، من هنا سأعطيه من الأعلى والأسفل. أعتقد أنه سيكون صحيحًا من الأعلى إلى الأسفل، لذلك دعونا نتحقق من خلال عمل الهامش Y2. يبدو جيدًا قليلاً، لذا هنا مدير التنقل سريع الاستجابة لدينا . تم إنشاء المحتوى بنجاح. هل ستتحقق مرة واحدة؟ المحتوى مخفي أدناه. إذا كان من الضروري إصلاحه، فماذا سنفعل لإظهار هذا المحتوى؟ سنضيف شريط أدوات آخر هنا، لذلك يجب أن يكون لشريط الأدوات مسافة صغيرة، أي أن المحتوى الموجو

د في الخلف سيظهر في المقدمة، ووقت الإغلاق الذاتي لشريط الأدوات وداخل هذا. ليس علينا إضافة أي شيء، ببساطة، سنضيف شريط الأدوات هنا ونتحقق مرة واحدة تأكد من صحة المحتوى وإذا كان هناك بعض التحذير فيمكنك تجاهله، لم نفعل ذلك بعد، هذا وراء الكواليس، وهي مشكلة الحزمة، يمكنك تجاهلها وإضافة تباعد جهات الاتصال، ماذا للقيام بذلك، يمكنك أن تأخذ ما هو موجود داخل مربع آخر، مثل هنا أضفت المربع وهنا شريط الأدوات هذا. سأضيف داخل هذا، يمكنك أعلى الهامش أو يمكنك رؤية المعلق، يمكنك رؤية المعلق، فإنك سوف تحصل على شيء

من هنا بهذه الطريقة. سيكون هناك المزيد من الانتظار، فقط افعل الشاحنة ودعنا نرى. الشاحنة المعلقة: حسنًا يا سيدي، لقد حصلنا على التباعد هنا، وسنقوم بتخصيصه، ماذا سنفعل في المرة التالية، سنقوم بإنشاء قسم البطل الخاص بنا، لذا ماذا سنفعل الآن هنا. سيتم إنشاء الناخب، وبعد ذلك سنختصر قسم البطل، لذلك دعنا نذهب إلى Visual Studio Code وهنا سنقوم بإنشاء ملف جديد، ما عليك فعله داخل التخطيط هو إنشاء ملف جديد الملف ويمكنك تسميته وهنا ولكن ما سنفعله أدناه هو المكون الفرعي الخاص بنا، وسنضيفه، أي أن الرأس والبو

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

سخ، لذا أنهي رمز النسخ ومن هنا لنلقي نظرة مرة واحدة بعمل h5 أو سنجعله ستة فيما بعد، إذا كان حجمه أكبر فلا بأس بـ h5. الآن سنضع خطًا وسطيًا عليه ونغير لون الخلفية خلفه ونصدره وماذا سيحدث ماذا نفعل؟ لون النص. مهما كان الموجود، سنجعله لون النص أبيض، لقد جعلناه أبيض وفي البداية سنصنع فيه سريرًا معلقًا، ثم نعطيه المعلقة على شكل ثلاثة، دعونا نتحقق منه مرة أخرى، إذا كان مرئيًا بهذه الطريقة، أعتقد أن هذا مرئي بشكل صحيح وسيتم أيضًا فحص التصميم سريع الاستجابة مرة واحدة بواسطة المفتش وهنا أنقر على عرض الها

تف المحمول وعلى الهاتف المحمول يسبب مشكلة صغيرة، وسوف أستهدفه، وإنشاء ملف منفصل ليس كذلك حسنًا. فماذا سنفعل، هنا داخل هذا، سنستهدف أيضًا كاري الوسائط، لذا هنا عليك أن تكتب، هنا سنكتب، داخل هذا، ما عليك فعله هو الاستهداف، وسنضيف حجم الخط ، حجم الخط وفان رام سيكونان على ما يرام. دعنا نعود، نرى، الآن يساوي A، لذلك أصبح أيضًا مستجيبًا لدينا. إذا قمنا بتغيير الحجم ورأينا، فسيكون أقل من متساوٍ. الآن، إذا قمنا أضف بعض الأيقونات هنا، ثم سأفتحها مرة أخرى، لقد أغلقت الموقع، لذلك عليك العودة إلى موقع Mater

ial Bike ومن هنا ما سنفعله هو أننا إذا بحثنا في الأيقونات، فهناك Material Icon و ولهذا يمكن لأي أيقونة اجتماعية أن تفعل ذلك وماذا يمكنني أن أفعل، ديب يعني مربع، يمكننا أيضًا أن نفعل ذلك، فماذا سأفعل، سأضيف مربعًا آخر قبل نوع الرسومات، مربعًا وداخل هذا سنضيف أيقونات، سأضيف التعليق سأبحث عن الأيقونة والأيقونات من هنا أولا سنبحث هنا ونلصقها في نسخة الانستقرام الأعلى هنا عليك لصقها وأيضا سأضيفها هنا انظر مثلا عنصر HTML مخصص، سيتعين عليك إضافة هذا أيضًا، لذا ها أنا ذا. أكتب " وقت الإغلاق الذاتي لأيقو

نة Insta Ram" وبعد ذلك سنأخذ رمزًا آخر من هنا، كما هو الحال هنا نأخذ Twitter، Twitter هنا، انقر عليها انسخها وألصقها في الأعلى وقم باستيرادها أيضًا، بعد هذه الأيقونة أي تحتها ماذا سنفعل سنضيف هذا أيضًا وماذا سنفعل بعد هذا سننسخ ونلصق جيتا ونضيفها هنا ، سأضيفه، سأقطعه وسيقوم اليوتيوب بنسخه، نسخه وفي الأعلى، علينا لصق هذا وسنقوم بإنشاء عنصر مخصص هنا، لذا انظر إلى أيقونة اليوتيوب من خزان الإغلاق الذاتي هنا، والذي ناجحة أو وصلت، الآن سنقوم أيضًا بتصميمها قليلاً، أولاً سنرى إصدار سطح المكتب، سنقوم بإ

نشاء شيء مثل هذا على سطح المكتب، إنه مرئي بالطريقة الصحيحة وإذا لاحظت هنا فهو SPG لأنه الرموز هنا هي SVG لذلك لن نتمكن من الاستهداف مباشرة. أولاً، دعونا نفعل ما سنفعله هو الهدف. هنا ما عليك فعله داخل هذا هو الهامش. إذا كان علينا أن نعطي ، فماذا سنفعل؟ سنفعل إعطاء هامش من الجانب، سنعطي هامش من ثلاثة وهنا لدينا هامش صغير من الأعلى والأسفل. الآن بعد هذا، ماذا سنفعل ، سوف نستهدف المنافذ، فماذا سنفعل داخل هذه الفئة. إذا نستهدف المفتاح C، لذلك عليك أن تفعل الاقتباس ورمز النهاية، وهنا يمكنك أن تفعل الش

يء نفسه بالنسبة للأيقونة، فالرمز، قلت إنه SVG، لذلك سنستهدف SVG مباشرة ومن ثم عليك تصميم كل ما هو موجود داخل الكائن، مثل ما سنفعله هنا هو تغيير حجم الخط لأنه إذا أردنا تغيير حجمه، فيمكننا تغيير SPG من فئة الهاتف وحجم الخط وهنا لكن أعتقد أن 60 بكسل ستكون جيدة، 60 بكسل وسنضع مؤشر المؤشر فيها حتى نتمكن أيضًا من الحصول على رمز اليد، لذلك من خلال القيام بذلك، سأجعل مسار الرأس، من الهامش الأيمن، أنا ستفعل ذلك، لذا هنا تبدو الأيقونة الخاصة بنا هكذا . آه، يمكنك أيضًا إضافة رسوم متحركة في هذا. إذا قمت بإ

جراء القليل من الرسوم المتحركة، فسوف أستهدف هذا وأكتب نصًا مخصصًا بشكل منفصل. لا حاجة، يمكننا أن نستهدف في هذا أيضًا، ماذا أفعل بعد هذا، أكتب هنا مرة أخرى وهنا نستهدف SVG وحدث over ، لذلك هنا سنكتب أربعة وهنا كائن الآن، داخل هذا الكائن، يمكنك إضافة قيمة كل ما تريد، مثل دعونا نجعله لونه. في القائمة لدينا، كان اللون هو الطريق الذهبي، لذلك سأضيفه هنا، وسوف نضيف الرسوم المتحركة وماذا سنفعل لهذا. سوف نستخدم أي تحويل لدينا ، لذلك سنقوم بالتحويل والترجمة داخله وأعتقد أن 50 بكسل سيكون جيدًا وسنقوم بتنعي

مه قليلاً، ماذا سنفعل لهذا، سنترجم الانتقال، ماذا سنفعل فيه، 400 مللي ثانية ونفعل هذا حسب اختيارك، أعتقد أن هذا كثيرًا سيبقى كذلك، فلنذهب إلى التطبيق وتظهر هنا أيضًا القليل من الرسوم المتحركة، ويتغير لونها أيضًا بشكل مستمر وسنتحقق منها في الهاتف المحمول وفي عرض الهاتف المحمول تكون مرئية في بهذه الطريقة، لا نحتاج إلى تغيير أي شيء الآن، ما سنفعله هو أننا سنقلل من قسم البطل الخاص بنا، لذلك دعونا نعود إلى Visual Studio Code وسنفتح الصفحة الرئيسية، وداخل هذه الصفحة لدينا الصفحة الرئيسية، لذا ها نحن ه

نا ماذا سنفعل بمساعدة المصباح العادي؟ ماذا سنفعل عندما نقوم بالتصميم؟ فماذا عليك أن تفعل لذلك؟ إذا كنت تريد إنشاء فصل دراسي هنا، فماذا سنفعل للمصباح سوف نقوم بإنشاء كلاس منزلي وسنستهدفه بالطريقة العادية إذا أردت ذلك ويمكننا أن نفعل نفس الشيء بالنسبة للمربع أيضًا ما سنفعله الآن هو أنه في هذا الملف سنرى مثالاً عاديًا المصباح الذي نأخذ منه المزيد من العائلة. سنقوم بعمل نص بداخله وسنضيف فقرة وزر فيه. داخل هذا أفعل ذلك باسم شخص آخر وداخله يمكنك كتابة أي شيء فيه الاسم، مهما كان موقع الويب، يمكنك كتابة

اسمه مثلما أكتب موقع الويب وبعد ذلك يمكنك إنشاء فقرة، لا تطلب هذا ولا هذا. ماذا سنفعل حتى عندما نستورد هذا على صفحتنا اليدوية، ماذا سنفعل نقوم أولا باستيراد مكون الرابط استيراد الرابط من React Router ماذا سنفعل بهذا الزر سنقوم بتغليفه بجنس لذلك مكون الرابط ونقطعه ونلصقه في الأسفل سنفعل هذا ونضع الزر داخله وماذا سنفعل به، لذلك في صفحة القائمة، يجب عليك في الداخل إنشاء بطاقة قائمة ويمكنك أيضًا إعطاء فئة لهذا الزر أو إذا كان هناك زر واحد فقط مباشرة، فيمكننا استهدافه. سنفعل ذلك مسبقًا، لذا انظر كيف

يبدو، هكذا يبدو المحتوى الخاص بنا هنا وما سنفعله في الخلفية هو أننا سنضيف بعض الصور. انظر، لقد قمت بالفعل بإنشاء مجلد بالداخل باسم الصور وداخل هذا لدينا كل الصور ويمكنك تسميتها بأي شيء، وسوف أضع اللافتة في لافتة من ابنتي، ماذا سنفعل بها، وسنقدم النمط هنا، وصورة الخلفية في النمط، وهنا ضع علامة في الخلف لديك لكتابة URL ثم اتبع الأطروحة والدولار بداخله وسنمرر المتغير الذي أنشأناه أعلاه باسم البانر، فلنفعل ذلك، لنفعل ذلك مرة واحدة، انظر إلى الصورة التي لدينا في الخلفية وأيضًا أضف بعض المسافات من ال

أعلى. إذا لم يكن هناك فسوف نقوم بإزالته أولاً، ما عليك فعله لذلك هو الانتقال إلى مكون الرأس وقد أضفنا معلقًا هنا أدناه، إذا كنت تتذكر فسوف أقوم بإزالة هذا المعلق ، يمكنك رؤيته بهذه الطريقة. ما هو الجسم بالضبط، جسمك لائق، سوف نحصل عليه، سوف نستهدفه، لذا أولاً ماذا سنفعل، سوف نستهدف المنزل لأنه حاويتنا، سوف نقوم نضبط الارتفاع فيه أعتقد أننا سنجعل 90% من ارتفاعه 90 يعني عرض سنقوم بعرض الفليكس بإحكام وهنا سنبرر المحتوى في الوسط وماذا سنفعل بالعناصر الموجودة بداخله سنقوم أظهره على اليسار لأنه على الي

مين سيكون لدينا صور وعلى اليسار سنعرض المحتوى، ثم سنكتب له أسطرًا، فلنفعل ذلك من العنصر الموجود على اليسار وبمجرد التحقق منه، نرى أن كل شيء متساوٍ. المحتوى الخاص بنا على اليسار، الارتفاع الذي لم يتم تطبيقه، دعنا نتحقق منه مرة واحدة ولم نقم باستيراده ولن نضطر إلى استيراده، لذا قم باستيراده أولاً. Dot Dot Kaas لذا انظر، هنا لدينا الحجم A تمامًا ولكن المحتوى لا يتم محاذاة بشكل متساو، لذلك سوف نقوم بإصلاح هذا أيضًا، دعنا نذهب، لقد تركنا الاتجاه الأيسر، وسوف نقوم بتعيين الاتجاه هنا وهذا سوف نقوم بعمل

الأعمدة وماذا سنفعل بمقترح الخلفية، سوف نقوم بذلك توسيطها. سيتم جعل موضع الخلفية في المنتصف ولن يتم تعيين أي تكرار فيه، وسيتم تعيين تكرار الخلفية في تكرار الخلفية، بدون تكرار وسيغطي حجم الخلفية، لذلك إذا أردت، يمكنك أيضًا القيام بنفس الشيء في اللقطة والخصائص ، ها أنا أجعله طويلًا ودعونا نتحقق مرة واحدة ونرى أن هذا المحتوى يظهر بالتساوي، وهو ما يساوينا، والذي يقع أيضًا على السطر الأيسر وفي هذا سيتعين علينا إجراء المزيد من التغييرات، فماذا سنفعل الآن ، هنا يمكننا استهداف حاوية الرأس، وإلا ولدينا

فقط الرأس الذي تم تقديمه، فلنتحقق مرة واحدة، لنرى، سنستهدف هذه الحاوية وسنجعل الهامش المتبقي هنا تلقائيًا، 30 بكسل من اليسار، لذلك سنقوم بذلك احصل أيضًا على هامش صغير من اليسار. انظر، بهذه الطريقة نحصل أيضًا على الهامش هنا. الآن ما سنفعله هو أننا سنستهدف h1 هنا وسنجعل خطه وحجمه قليلًا، وسيبرر المحتوى الموجود في المنتصف ، قم بضبط مركز المحتوى، وضم مركز العنصر ووزن الخط الذي سنجعله غامقًا بنفس الطريقة وسأضيف أيضًا حجم الخط هنا. أعتقد أن 70 بكسل سيكون جيدًا. دعونا نتحقق مرة واحدة من أن 70 بكسل آمن

و 70 بكسل البكسل جيد. دعنا نترك الأمر كما هو وداخل هذا سنضيف الخط. إذا كان بإمكانك أيضًا إضافة عائلة ، فسنضيف خطًا آخر هنا، وسنضيف عائلة الخط ونرى الخيار هنا، نحن مع إظهار الخيار يمكننا أن نفعل أيًا من هؤلاء مثل Giles Sense وأي لون سيبقى سيكون أسود، لذلك شاهد شيئًا كهذا، عنوان موقعنا مرئي من هنا، لذا يمكنك إضافة عنوانك هنا وانظر أدناه ، يوجد وصف حول هذا الموضوع هنا، سنقوم بتغييره قليلاً، لذا علينا أن نستهدف الفقرة، أي بعدها، في هذا لدينا حاوية الرأس وحجم خط الفقرة أعتقد أننا جعلناها 70 أعلاه، لذ

ا إذا نبقيه صغيرًا قليلًا، سيكون 40 بكسل جيدًا، وإذا كان حجم الخط غامقًا في الأعلى، فسنخففه قليلاً حتى يكون وزن الخط أخف وفي هذا أيضًا اللون أسود، سنفعل ذلك باللون الأسود، بمجرد التحقق منه، نرى هنا أنه مرئي بهذه الطريقة وعلينا تقليل هذا الزر أيضًا، لذلك سيتعين علينا استهداف الزر أيضًا، فماذا أفعل هنا مرة أخرى. الصفحة الرئيسية إذا كنت تريد، يمكنك أيضًا استهداف الزر header Container مباشرة وسنستهدف الزر مباشرة ولم نقم بإنشاء أي فئة له لذلك يمكننا استهدافه مباشرة ماذا سنفعل بالزر الملون أيضا الأسود

سنفعل هذا وسنعطيه هامشا أيضا. 20 بكسل من الأعلى سيكون جيدًا وسنصنع حدود الزر Naan، لذا اجعل الحدود Naan وقم بتدويرها قليلاً، ثم عليك إضافة نصف قطر الحدود، نصف قطر الحدود 5 بكسل سيكون جيدًا، وأكثر أيضًا سيكون على ما يرام. ليس علينا تقريبه وسنجعله مهما كان شكل المؤشر. ومن هنا أقوم أيضًا بتغيير ارتفاعه ووزنه، ثم يمكننا أن نرى تأثيرًا بسيطًا. لنجعل ارتفاعه 50 بكسل وسيكون عرضه 180 بكسل لذلك ربما أبدأ بذلك وأجعل اللون بداخله أبيض وأزيد أيضًا حجم الخط قليلاً، اجعله 20 بكسل، ثم انظر، يظهر بشكل متساوي و

لا يتغير لونه، دعونا نتحقق من لون الخلفية مرة واحدة حسنًا، لقد جعلنا لونه أسود، وهنا سنضيف لون خلفيته باللون الأسود، لذا انظر، سيظهر شيئًا كهذا، هنا العنوان، ثم العنوان الفرعي وهنا على زر الطلب وسنقوم بذلك أضفه أيضًا، لذا ما عليك فعله لذلك هو استهدافه مرة أخرى، الاحترام هو زر الحاوية، لذلك في حدث الزر، سنحدده وهنا أيضًا ما يمكننا فعله هو تغيير لون الخلفية، إذن هنا عليك أن تفعل لون الخلفية وفي هذا سنكون قادرين على عمل صفر سبعة صفر تسعة صفر ثم ما سنفعله هنا هو أننا سنضيف انتقالًا بداخله حتى نتمكن

من رؤية أفضل قليلاً الرسوم المتحركة التي تزيد مدتها عن 0.3 ثانية وسنقوم بعملها في هذا، دعنا نتحقق منها من هذه الصورة، انظر كيف يبدو الشريط وعندما تفعل ذلك، فهذا أمر طبيعي جدًا، كما أنني قمت أيضًا بتغيير لون الزر في الرسوم المتحركة قليلاً وماذا سأفعل به عندما أشعله، ثم أستخدم اللون السداسي هنا وأفعله بـ #121619. الآن انظر شيئًا كهذا. سوف ترى التأثير. إذا أردت، يمكنك إضافة أي لون من اختيارك هنا وأعتقد أن قسم المحتوى الخاص بنا قد تم إنشاؤه وبمجرد التحقق من استجابته، فإنه لا يكون مرئيًا بشكل متساوٍ

في عرض المفتش والهاتف المحمول. إنه عطاء، يمكننا إصلاح ذلك بمساعدة الوسائط، فماذا أفعل أدناه، أقوم بإضافة تعليق هنا، من سيستهدف الهاتف المحمول الأسبوع المقبل؟ماكس مع إيقاف. 67 روبية هندية لأن 600 روبية هندية في الغالب هو حجم البكسل للجهاز المحمول وداخل هذا سنستهدف المنزل، أول ما سنفعله في المنزل هو أننا سنقوم بتوسيط المحتوى وضبط مركز عناصر خط مركز المحتوى ثم استهداف الحاوية، ألقِ نظرة، دعنا نلقي نظرة على كيف يبدو، كل شيء سيكون متمركزًا هنا وهو ذو حجم كبير جدًا، لذلك سيتعين علينا إصلاح هذا أيضًا،

لذلك سنجعل هامش حاوية الرأس صفرًا، مهما كان بداخله ، اصنع صندوقًا صغيرًا وانظر، سنأخذه معك، ونصنعه بنسبة 80% عبر الإنترنت ، ونصنعه باللون العادي، فلنفحصه باللون الأبيض، وننظر إليه مرة واحدة، فهو مرئي بهذه الطريقة، سنقوم أيضًا بتقليل حجم الخط الخاص به ونرى، عندها فقط يمكنك فهمه بشكل أفضل، الآن ما أفعله هو تقليل حجمه قليلاً حتى نتمكن من رؤية الجهاز بالكامل وسنستهدف h1، وسنقوم بإنشاء حاوية الخطأ h1 داخله سأجعل حجم الخط 40 بكسل، سأجعل حجم الخط 40 بكسل ارتفاع 30 وهذا هو الارتفاع، في الهامش سأضيف 15 ب

كسل من أعلى أسفل وصفر بكسل من اليمين الأيسر وسنقوم نجعل لونه أبيضًا، نتحقق من سلامته مرة واحدة وهنا لم يتم تطبيقه، دعنا نقوم بالتحديث وهنا النهاية ملتصقة، لذلك عليك أن تعطي مساحة بعد ذلك، عندها فقط مهما كانت الوسائط الخاصة بنا، مهما كان هناك، سنفعل ذلك مع أقل، دعونا نعود، ثم ننظر، سوف يظهر شيء من هذا القبيل، شيء من هذا القبيل، أضفنا المربع فيه. أضفناه وكان علينا تلوين h1، لذلك لم يتم تطبيقه. دعونا نتحقق مرة واحدة يجب تطبيق [الموسيقى] هنا سنستهدف المنزل أيضًا، لذا انظر، الآن يحدث بسلاسة وهنا أيضً

ا سنستهدف هذه الفقرة، عليك النزول وهنا سنكتب المنزل، ثم داخل هذا سنقوم لدينا حاوية رأس، ثم فقرة وفقرة وسنقوم بتصغير الحجم قليلاً، سنجعل خطها 30 بكسل ولونها سيكون أيضًا سنجعلها بيضاء، لذا نراها تظهر بنفس الطريقة، سنقوم بتغيير الزر أيضاً قليلاً، الحاوية الأساسية بداخله، ما علينا فعله بالزر والزر هو إعطاء لون الخلفية أولاً وسنجعله لوناً أبيض في الخلفية وسنجعل اللون الأربعة كما هو 121619 الذي ذكرناه أعلاه وسيعطي هامش 30 بكسل من الأسفل، سيكون جيدًا، إذا كان أكثر سنغيره، فقط انظر، هو مرئي بهذه الطريقة

ويبدو جيدًا، دعنا نغيره جهاز من هنا، إذا صنعنا جهاز iPhone، فسوف يظهر شيء مثل هذا على iPhone، شيء مثل هذا لنظام Galaxy Android، كل ما هو موجود لدينا يبدو جيدًا، انقر فوق "طلب" ويمكنك إذا أردت تقديم المزيد من المعلقة بداخله ، مثل العنوان الموجود في الرد، ماذا سنفعل عليه، سنعطي هامشًا، نتحقق من 20 بكسل من الأعلى وإذا لم يتم تطبيقه من الأعلى، نراه داخل حاوية الرأس بمجرد الانتهاء من ذلك أيًا كان الموجود، فلنجعله 90. أولاً، شيء مثل هذا، أيًا كان ما هو موجود سيأخذ وزنًا أكبر وما سنفعله هنا هو هامشه،

والذي هو هناك، سنجعله 30 من الأعلى والأسفل. لذا انظر، إنه مرئي في شيء مثل هذا ويبدو جيدًا، إذا أردت، يمكنك تقليله وفقًا لمتطلباتك في التصميم سريع الاستجابة. اكتمل قسم الأبطال الخاص بنا هنا، والآن ما سنفعله هو أننا سنقوم بتصغيره في الصفحة "حول"، بعد ذلك يتعين علينا تقليله في القائمة، لذلك دعونا ننتقل. دعنا نعود إلى Visual Studio Code ونذهب إلى صفحة "حول". إليك ما سنفعله. أولاً، لنبدأ بإضافة مربع. سوف يتقلص الصندوق مثل حاوية وداخلها سنضيف جهة الاتصال الخاصة بنا ونقوم أيضًا باستيراد هذا المربع. سيت

عين عليك قطع لذلك، لهذا ، سوف نستخدم الطباعة، وسوف أقوم بالنقر على رسالة الاقتراح، وسيتم أيضًا استيرادها تلقائيًا وما نقوم به ما سنفعله بالداخل هو أننا سنضيف نصًا مثل مرحبًا، استرح، قم بتشغيل وبعض الفقرات هنا وهنا سأضيف المزيد. سأفعل هذا، سنأخذ علامة B لفاصل الأسطر ومرة ​​أخرى ما سنفعله هو أننا سنأخذ علامة الفقرة هنا وداخل هذا مرة أخرى عليك كتابة لورين 100 ثم سيتم إنشاء الضريبة الوهمية هنا مرة واحدة دعونا نتحقق من . كيف تظهر الصفحة؟ من هنا عليك النقر فوق "حول". لذا انظر، هذه هي الطريقة التي يظهر

بها قسم "حول" الخاص بنا. الآن ماذا سنفعل به، سنقوم بتخصيصه قليلاً، أولاً ماذا أفعل في البداية، أجعله عنوانًا. سيتم تحويل نوع الرسومات التي أضفناها إلى عنوان في الأعلى، لذا ما عليك فعله بالرسومات هو إضافة كل ما هو موجود في المتغير، هنا ستكتب خاصية المتغير وهنا سنجعلها ح 4. إذا قمنا بفحص المتجر، فانظر، سيظهر شيء مثل هذا وما سنفعله بعد ذلك هو أننا سنقوم بتصميم الصندوق قليلاً، لذا ما عليك فعله داخل الصندوق هو كتابة SX هنا لأننا نقوم بتصميم مخصص هنا، هكذا، وماذا سنفعل بداخله، أولًا، سنضيف الهامش من

الأعلى والأسفل، ثم نكتبه ومن هنا سنجعله 5. الآن هذا 5 هنا هي ملكية عائلية، دعنا نصلحها. الآن إذا أردت، يمكنك كتابتها بالبكسل أيضًا. لذا، فكرت في شيء كهذا على المثقاب، سنجعله أكبر، سأجعله 15، 15 من الأعلى وفي الأسفل سنحصل على هامش 15 فانظر سيظهر شيء من هذا القبيل وسنغير النص أيضًا قليلاً، فما سنفعله هنا هو أننا سنستهدف النص، وسنعانق النص من مركز، كل ما هو موجود في المركز سيكون مرئيًا بهذه الطريقة وفي هذا سنستهدف أيضًا h4s ونجعله أكثر جرأة. هنا، داخل هذا سترى ما يتعين علينا القيام به هو إضافة الاق

تباس وبعد ذلك مرة أخرى نقوم سنقوم بإنشاء كائن جديد هنا، ما يمكننا القيام به بمساعدة و N هو أنه يمكننا استهداف العنصر الموجود بداخله ، راجع المتغيرات هنا، لذلك سوف نستهدف الكثير هنا، لن ترى الفرق في هذا لأن العنوان غامق بالفعل افتراضيًا وسنستهدف الفقرة لاحقًا، لذلك هنا سنستهدف الدفع ونكتب هنا وداخل هذه الفقرة سترى ما يجب فعله هو تبرير النص كما هو، النص هو على قيد الحياة وما سنفعله في هذا هو أننا سنجعله مبررًا آمنًا ونرى هنا النص الذي تم تبريره وسنضيف أيضًا هامشًا صغيرًا معلقًا، نحن هنا. ما أفعله

في أربعة هو أنني أبدأ أولاً مع الهامش الموجود، أضيفه إلى الأعلى والأسفل وأجعل أيضًا حجم الخط أكبر قليلاً. أجعل حجم الخط وأجعله 1.3 رام، سيكون جيدًا، في مكان ما حوالي 20 25 بكسل. هذا سوف صغير جدًا، لنجعله كاملًا، حسنًا، الآن حوالي 32 بكسل، حسنًا، بعض الاختلافات غير مرئية فيه، حسنًا، دعنا نترك الأمر وسنضيفه معلقًا، قم بتطبيق القليل في المربع المباشر. إذا فعلت ذلك بعد ذلك، سنحصل على الهامش الداخلي أيضًا بهذه الطريقة وأنت بخير، إذا كنت تريد إضافة أي شيء آخر فيه، فيمكنك إضافته وهنا يظهر القسم الخاص ب

نا بهذه الطريقة، بمجرد الجهاز المحمول ولكننا سنفعل ذلك وتأكد أيضا من هنا أقوم بتحويله إلى جوال وسيظهر شيء من هذا القبيل في الجوال والهامش يأتي من الأعلى، إذا قمنا بإزالته فلن يكون هناك فئات كثيرة، ما سنفعله مباشرة في هذا هو أننا سيستهدف الوسائط، لذا هنا عليك كتابة @media ثم palanisis وداخل هذا ، ما سنفعله هو استهداف الجهاز، لذا هنا 67 دولارًا، أي جهاز أسفل هذا، سنستهدفه هنا، وسنقوم بتقليل الهامش الذي كان في الأعلى إلى الصفر. تحقق منه مرة واحدة. وهو الآن متوفر على الجهاز المحمول أيضًا. يمكنك التح

قق منه. إذا كنت تدرس، فإنه يظهر بشكل مثالي هنا، ثم يمكنك تغيير حجمه أيضًا. مرحبًا بك. أنت طالبي ، إذا كنت تريد استهداف هذا أيضًا ، فيمكنك القيام بذلك مباشرةً. ماذا سنفعل هنا؟ سنستهدف حجم الخط داخل هذا . الأمان صغير جدًا. فلنجعله 1.3، 1.5. الآن يبدو جيدًا. انظر، مرحبًا بك إلى مطعمي، أي نص بعد ذلك سيكون هناك، ما هو القسم، أيًا كان موقع الويب، القليل من التفاصيل عنه موجودة هنا، لذا فإن قسمنا مثالي، والذي تم إنشاؤه، والآن ماذا سنفعل، انقر فوق اتصل. بمجرد الانتهاء، دعنا نعود إلى صفحة الاتصال في Visua

l Studio Code وما سنفعله في هذا هو إضافة المربع مرة أخرى. لذلك عليك إضافة المربع هنا وسوف نقوم أيضًا باستيراد هذا المربع. عن طريق قطع X، مساحة التحكم ستظهر الاقتراح اضغط على ستظهر فقرة [موسيقى] لنرى في صفحة الاتصال شيء مثل هذا ظاهر أيضا في الوقت الحالي ولا يوجد شيء بداخله لذلك أولا سنقوم بتصميمه قليلا ، إذن هنا بعض الفئات على الصندوق، سنطبقها هكذا ونعطيها، سأجعل الهامش من أعلى إلى أسفل إلى 10. لقد حصلت على الهامش من أعلى إلى أسفل وسأحدد متغيره. أولاً، في النوع الرسومات، وجعل البديل h4 وأيضا شيء

آخر. يبدو جيدًا وأضيف هامشًا صغيرًا من الجانب الأيسر، ثم سأستهدف الهامش المتبقي هنا وأرى ما إذا كنت أعتقد أنه سيكون جيدًا من الأسفل، أضف الجدول أولاً ثم إذا كنت تريد القيام بالتصميم لذلك دعونا نرى هذا وهذا الذي سنغلفه بصندوق، أولاً حاوية أخرى، نقوم بإنشاء صندوق وداخل هذا سنقوم بعمل الجدول، لذلك هنا عليك أن تكتب حاوية الجدول وماذا ستكون حاوية الجدول افعل بالجدول، سنفعل المحتوى، داخل هذا يمكننا إنشاء جدول وبعد ذلك يمكنك معرفة نوع هذا المكون، ثم نحصل على نوع المكون، لذلك سنكتب هنا ورقًا وورقة، هنا

احصل على المادة من Y. قم بالتحكم في المساحة واستوردها أيضًا من Material UAE وبعد ذلك ماذا سنفعل بالجدول، لذا، الجدول، عليك استيراد هذا أيضًا من Material UAE وسنضيف مستوى المساحة فيه ونصنعه اتصل بجدول ودعنا نرفعه قليلاً حتى تتمكن من رؤيته بشكل أفضل وداخل هذا الجدول، أولاً وقبل كل شيء، رأس الجدول، لذا فهو جدول، قم باستيراده أيضًا. مهلا، ما يتعين علينا القيام به داخل المجموعة هو لتحديد كل الأشياء التي نحتاجها. أولاً قم بإنشاء صف جدول. قم باستيراد هذا أيضًا. ماذا يجب أن نفعل داخل الصف المستقر؟ حسنًا

، لم يتم استيراده. قم باستيراده من مساحة تحكم مزدوجة. الآن تم استيراده. داخل هذا سنقوم بإنشاء خلية جدول، داخل الخلية سنحتفظ بالتفاصيل الخاصة بنا، هنا عليك استيراد خلية الجدول أيضًا وما سنفعله داخل خلية الجدول هذه هو تفاصيل الاتصال، وسنضيف عنوانًا، وسنفعل مع تفاصيل الاتصال وبمجرد أن نتحقق من شكله ثم الجدول. إنه مرئي مثل هذا، سنقوم أيضًا بتصميمه لاحقًا، اعتبارًا من الآن عالق تمامًا، لذلك دعونا ننشئه أولاً، بعد ذلك سنقوم بتصميمه رأس الطاولة. رأس الطاولة الخاص بنا مكتمل، إذا قمنا بإنشاء جسم الطاولة،

فهذا هو جسم المصباح لذا قم بخلط جسم الطاولة بحرف كبير واستيراده أيضًا داخل جسم الطاولة أيضًا، يتعين علينا إنشاء صف جدول لذلك صف الجدول وداخله كم عدد الخلايا التي نحتاجها ثم علينا إضافتها هنا خلية الجدول والأولى هي Lehenga ، إذا استطعنا القيام بذلك، فيمكنني القيام بذلك، ومن وثائقها ماذا سنفعل، أيقونات المواد والأول أولاً، سنفعل ذلك لخط المساعدة، لذلك أرى هنا شيئًا مثل يمكنني التحقق من خلال الدعم والدعم والرؤية. يوجد وكيل دعم هنا، لذلك سنقوم بنسخه وعليك استيراد الموضوع، وسوف أقوم باستيراده هنا ال

آن يمكننا أن نفعل ذلك، لذلك دعونا نعود ونضيفه إلى خلية الجدول، رمز وكيل الدعم، وقت الإغلاق الذاتي، بعد ذلك، سنضيف أي رقم هنا 1234 56789 0 ماذا أفعل بإعطاء مساحة ولكن أكتب في بعد القيام بالرقم المجاني والتحقق مرة واحدة، انظر، إنه مرئي بهذه الطريقة وفي هذا لدينا إذا كان عليك القيام بالتصميم، فقم أولاً بتلوين هذا الرمز، وبعد ذلك سنقوم بتقليل بقية الحاويات الموجودة هناك. أولاً، أضف اللون هنا، سنجعله أحمر ونعطيه القليل من P. دعني أصنع شاحنة هنا، سأعطي قليلاً من الأعلى لأن الأيقونة تتحرك قليلاً لأعلى

ولأسفل انظر كيف تبدو، هناك أيقونة باللون الأحمر وهنا يظهر نصنا بهذا الشكل، ماذا سنفعل بهذه الطريقة، إذا أضفناها للهاتف وأيضاً للبريد الإلكتروني، فإننا أولاً نبحث عن الأيقونة، من هنا ما عليك فعله هو البحث عن البريد الإلكتروني، إلقاء نظرة على البريد الإلكتروني، هناك خيار للبريد، انقر عليه وانسخه ، قم باستيراد هذا وهذا في الأعلى أولاً وسنفعل ذلك، دعنا نذهب أدناه وسوف أفعل انسخ لصق خلية الجدول هذه نسخ لصق سيغير الأيقونة ماذا علينا أن نفعل بدلا من هذه الأيقونة علينا أن نكتب هنا بريد البريد سنقوم بتغي

ير الأيقونة ولونها إلى الأزرق السماوي وهنا يمكنك كتابة أي شيء في البريد الإلكتروني، يمكنك القيام بذلك من jaise.com وقطع الرقم المجاني، وسوف نتحقق منه ونأخذه إلى الصف الجديد. وسيأتي جنبًا إلى جنب، لذا فإن ما أفعله هو قصه، قصه أولاً وإنشاء صف جدول جديد صف جدول والصقه بداخله الان ما هو موجود سيظهر تحت واحد انظر الهاتف بهذه الطريقة تم الانتهاء من البريد الالكتروني وسنضيف رقم هاتف اضافي ثم ابحث عن الايقونة لهم أولا أو التحقق من المكالمة، شاهد المكالمة، هناك مكالمة هنا، انسخها والصقه وأنشئ صف جدول، سن

نسخ من هنا اسمه رمز الاتصال ولونه. سنجعله باللون الأخضر وهنا علينا إضافة الرقم، فماذا سنفعل، سنجعله أي رقم 1800، وهو رقم مجاني في الهند، للمكالمات فقط، يتم عرضه بهذه الطريقة، الآن التصميم دعونا نفعل هذا، أولاً، ماذا سنفعل بالجدول، لنبدأ بتصغيره قليلاً، مثل الجدول المخصص لتفاصيل الاتصال، فماذا سنفعل فيه، سنضيف بعض التصميم هنا مثل أننا سنجعل الخلفية سوداء ونجعل اللون بداخلها أبيض، يمكنك أيضًا القيام بمركز الضرائب، نحصل على السمة، نحصل على الخاصية، ونتحقق منها في وصلة المواد، سواء كانت تظهر في الاق

تراح أم لا ، ثم شاهد مساحة التحكم عن طريق الكتابة، إذا كانت متاحة تمامًا، فسنقوم بذلك من المركز، لذا انظر، هذه هي الطريقة التي يتم بها العرض في الجدول، سيتعين علينا ضبط الارتفاع والوزن بينا، عندها فقط سيكون ما هو موجود مرئيًا بشكل صحيح، فماذا سنفعل، لقد أعطينا الصندوق، وسنستهدفه، وبالتالي في الخط، نحن ننظر إلى الصندوق وسنعطي هامشًا بداخله. سوف نتحقق من أن هامش 3 سيكون جيدًا. بمجرد أن نرى هامش 3، يكون مرئيًا من جميع الجوانب والآن يبدو جيدًا. تفاصيل الاتصال الخاصة بنا. دعنا نتحقق من النموذج ونجعله

أصغر قليلاً، يجب أن يكون 600 بكسل يمكننا أن نعطيها هامشا فقط من الجانب الأيسر، لذلك سنجعلها هامشا من الجانب الأيسر بمقدار 10. لذلك نرى أنها متوازية بشكل متساوي ويبدو جيدا وسوف نتحقق منها مرة واحدة على الهاتف المحمول. إنه موجود أيضًا على الهاتف المحمول وحجمه أصبح كبيرًا جدًا في الهاتف المحمول. حسنًا، لذلك يجب إصلاحه، لذلك في كاري الوسائط، سنستهدفه، نستهدف داخل هذا. دعني أفعل هذا @media وهنا ماكسويل 600 بكسل، ما يجب أن نستهدفه داخل هذا وما سنفعله هنا هو عرضه، وهو 300 بكسل، سيكون جيدًا، سنقسمه إلى

النصف، فلنتحقق، لذلك نرى بالضبط هنا يتم عرض المطعم في جهة الاتصال وهذه بعض التفاصيل التي تلقيناها وإذا كنت تريد تغييرها فيمكنك القيام بذلك، فقط شاهد على الهاتف المحمول شيئًا مرئيًا مثل هذا وهنا في موقعنا إذا ظهر شيء مثل هذا على سطح المكتب، إذن فلا بأس. يمكنك تخصيصها وفقًا لمتطلباتك. لذلك، تم الانتهاء من الصفحة الخاصة بنا، وبعد ذلك تم أيضًا إنشاء صفحة الاتصال. الآن يتعين علينا تقليل مكونات القائمة في القائمة. ولكن قبل التخفيض، ما الذي سيحدث سنقوم بإنشاء ملف بيانات نحتفظ فيه بجميع البيانات، أي ما

نريده من طعام هنا في قائمة القائمة، ماذا سنفعل لذلك، سنقوم بإنشاء ملف بيانات، سندرج بداخله الوصف والعنوان والسعر، سنقوم بإضافة بعض الملفات واستخراجها بمساعدة الخريطة في مكون القائمة، فماذا عليك أن تفعل، قم بإنشاء مجلد جديد داخل SLC ويمكنك تسميته data لأنه سيكون لدينا بيانات فيه، أي. سنقوم بإنشاء ملف بيانات فيه ويمكنك تسميته بأي شيء، لذلك سأحتفظ بالبيانات نفسها وما سنفعله بداخله هو أننا سنقوم باستيراد ما لدينا من صور، ستجد الرابط في الوصف أيضًا ، فمن هناك يمكنك نسخها ولصقها وهنا عليك استيرادها ك

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

كل ما تريد إضافته، بعد ذلك يمكنك إضافته في الوصف، الوصف وهنا سأفعل لورين، لذا هنا سأفعل سيبدو وبعد كتابة 10، سأضغط على اكتب هنا، وأرى أنه تم إنشاء النص الوهمي، فماذا سنفعل هنا، هناك الكثير من النص، سنضيفه في اقتباس واحد، هنا سنضيف الصورة و ماذا يوجد داخل الصورة، إذا كنت تريد إضافة صورتها فانظر إلى الأعلى، لقد أضفنا جميع الصور، فأنت ببساطة تريد استهدافها ، فهنا سيكون عنوان الصورة هناك، ثم أيًا كان الطعام المتعلقة به، أضفنا ذلك. مهما كانت الصور التي قمت باستيرادها في الأعلى، عليك إضافتها بنفس الطر

يقة، هنا يمكننا أيضًا تحديد سعرها وسعرها وسنجعلها 200 وعندما نقوم بنسخها ولصقها عدة مرات، سنعطيها ثلاثًا. لقد نسيت فور فايف وكاما ثم أضف كاما وبعد ذلك حيث ينتهي الكائن علينا إضافة كاما أيضاً ويمكنك تغيير اسم هذه الأطباق وعليك تغيير صورتها أيضاً وهنا أيضاً أقوم بتغيير الصورة، لذلك على حسب الاسم، أقوم بتغيير الصورة والسعر، يمكنك الاحتفاظ بأي شيء وسنغير جميع الكائنات، لذلك هنا كل ما قمت باستيراده خلاط بنفس الطريقة، إذا رتبت، يمكنك أن ترى ما هو موجود هنا، لقد غيرت كل شيء وداخل الكائن، أضفت النص هنا

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

ده أيضًا. قم بقصه إذا لم يكن موجودًا في حالتك، فيمكنك استيراده يدويًا. لقد أضفنا مربعًا. الآن ما سنفعله بداخله هو أننا سنقوم بتعيين قائمة القائمة، أي أن هذا هو data، لدينا متغير بداخلها، انظر أنا في القائمة الجديدة، وإذا لم يكن هناك تصدير افتراضي، فسيتعين عليك إضافتها بهذه الطريقة، قم أولاً باستيرادها dot dot ، علينا استيرادها بهذه الطريقة، الآن ما سنفعله هو ما هو موجود هنا، ما سنفعله بمساعدة طريقة الخريطة، داخل هذا، ما الذي سنحصل عليه؟ إذا حصلنا على قائمة واحدة، فسوف نصل إليها وسأجعلها بأحرف صغ

يرة ، سوف يتعارض مع قائمة المادة c، لذا هنا سيعطينا قائمة واحدة. وما سنفعله هنا هو أننا سنعيد مباشرة مهما كان الأمر والدالة والقوس، ماذا يعني أننا نعيد مباشرة مهما كان هذا، الآن ما سنفعله داخل هذا هو أننا سنأخذ البطاقة، فها أنت ذا سيتعين علينا أيضًا استيراد البطاقة، لذلك انتقل إلى مساحة التحكم في البطاقة، وسنعرض الاقتراح، ومعرفة ما إذا كنت تحصل على الخيار من MUI، انقر عليه، وسيتم استيراده أيضًا، وأغلقه، وتأكد من أن البطاقة قد تم استيرادها مقبولة وماذا سنفعل داخل هذه البطاقة، داخلها هو الأهم، أول

ا نحصل على الوظيفة بداخلها، ثم سيكون إخراجها هكذا، سوف تفهم ما أتحدث عنه وما يتعين علينا القيام به هنا، بعد ذلك، إذا أردنا عرض الصور، فسنعرض أولاً صورًا أقل ونستوردها أيضًا. انظر هنا، إذا لاحظت، يتم استيراد كل شيء وفي وسط البطاقة هذا، ما يتعين علينا القيام به هو استخراج القائمة الخاصة بنا list وانظر داخل كائن قائمة القائمة الذي لدينا، لدينا كائن صورة أضفنا الصورة فيه. إذا أضفنا المسار، فسنخبره هنا، لذا أولاً وقبل كل شيء، ما سنفعله هو، سنقوم بتعيين حجم كل ما هو موجود هنا، ونحن ننظر إلى التصميم ال

مخصص SX وسنحدد الحد الأدنى لارتفاعه هنا. سنعطي 400 ويمكنك أيضًا تعيين الحد الأدنى للعرض، سأقوم فقط بتعيين الارتفاع بحيث يكون حجم جميع الصور هي نفسها وعليك أن تخبر مكوناتها، ثم هنا ستكتب الكمبيوتر، وهذه هي وسائط البطاقة، أي مكون هو؟ لذلك هنا أقوم بذلك لفترة من الوقت وهنا ما سنفعله هو أننا حصلنا على بمساعدة طريقة الخريطة وداخل هذا لدينا صورة وبديل أيضًا سنقدم هنا إذا ظهر ترابط الأحرف. الاسم الموجود داخل القائمة، لدينا اسم نقطة القائمة، ثم بالتناوب هنا سنظهر نص الصورة و بمجرد أن نختبر ما إذا كان مر

ئيًا أم لا، سنرى أن جميع الصور تأتي معنا، الحجم كبير جدًا. أولاً سنقوم بإصلاحه، ماذا سنفعل؟ سنقوم باستخراج كل شيء ثم تصميمه. إذن هنا لدينا الصور.والآن ما سنفعله هو إنشاء جسم البطاقة. ولهذا علينا استيراد محتوى البطاقة هنا وماذا سنفعل بداخلها أي محتوى نريد إظهاره في البطاقة سنضيفه هنا أولا سنأخذ الطباعة وماذا سنفعل بداخلها سنعرض الاسم، لذلك سنستهدف هنا القائمة الصحفية، هنا سيتعين علينا إخبار الشخصيات، وسوف تظهر بحجم صغير جدًا وسنجعلها الخمسة التالية وسنعطي أيضًا حجمًا صغيرًا للميزاب، إذن هنا عليك

كتابة مزراب أسفل أسفل، سنحصل منه على مزراب صغير، سنحصل على مساحة ونستهدف المصباح الذي بجانبه، وبالتالي فإن المكون متقدم وعلينا تقليل المصباح هنا ، لذلك لقد أخبرنا المصباح الموجود داخل المكون، فلنفعل ذلك وبمجرد أن نتحقق من شكله. إذا انتقلنا لأسفل، فانظر هنا يظهر العنوان بالتساوي، وإذا لاحظت أننا اتخذناه داخل إجراء البطاقة، ثم في "بهذه الطريقة سنرى تأثير إعادة التشغيل، وبعد ذلك سنضيف الوصف أيضًا. لذا، مرة أخرى، ما سأفعله هو أنني سأضيف الطباعة هنا، فلننتقل لأعلى قليلاً وداخل هذا، ما يتعين علينا الق

يام به هو استهدف الوصف هنا، لذلك سأقوم أيضًا بتعيين متغير وصف U Turn هنا، هنا المتغير وجسمه هكذا، سنجعله هكذا، سنجعله هكذا وسنخفف قليلاً من لونه سيكون أكثر وضوحا، أولا دعونا نتحقق من شكله ويبدو جيدا، فليكن كما هو هذا وحجمه الذي سنغيره ليكون كبيرا جدا وهو الحجم أ وإلا ماذا هل سنفعل بالبطاقة الموجودة هنا ماكسويل سنقوم بضبطها والتحقق منها حتى نرى شيئًا قادمًا هكذا وهنا افتراضيًا، اتجاه المرن لدينا هو العمود، لذلك سنجعله صفًا، إذا كتبنا مباشرة على المرن، سيكون على التوالي، لذا ما عليك فعله هو ثني ال

شاشة هنا. الشاشة سوداء، آمنة أو غير قابلة للتطبيق. يتم التدقيق الإملائي مرة واحدة. سأتركها كما هي، أعط هامش صغير وانظر هل يقلل الهامش أولا أم لا، وإلا إذا قمت بالهامش سنحصل على هامش من كلا المكانين، اليسار واليمين والأعلى والأسفل، ثم يتم تقليل الهامش بالتساوي، ماذا سنفعل؟ في الحاوية الخاصة بنا، سنختار المربع، سنجده في الأعلى وهذا المربع، سنعطيه خاصية مثل المختلف هنا هو أن أحجامهما غير متطابقة، فماذا سنفعل حيال ذلك، سنقوم نجعلها سريعة الاستجابة، داخل هذا نحصل على خاصية أخرى، إذا كنت قد رأيت المرن

، فلدينا فئة أخرى ملفوفة فيه. إذا تم العثور عليها فيمكننا القيام بذلك، لذلك أكتب هنا المرن وسنقوم بذلك بمجرد اختباره، سنرى شيئًا كهذا سيظهر هنا وسنفعله في المركز، حسنًا في المركز. ما يجب القيام به هو تبرير بسيط، لذلك أفعل ذلك. بمجرد إنشاء العش المستجيب، سوف يرى المفتش أن الاستجابة أيضًا تتناقص بالتساوي وسنجعله جهازًا محمولاً، وسيظهر شيء من هذا القبيل في الجهاز المحمول والجوال، إذا كنت تريد، يمكنك أيضًا إضافة عنوان هنا، لكن لا أعتقد نحتاج إلى إضافة العنوان وهو ملكنا تمامًا. هنا تم أيضًا إنشاء صفح

ة القائمة وما سنفعله هنا هو تغيير هذا الرمز أيضًا. إذا أعطينا كلمة صغيرة، فماذا سأفعل، سأفعل ذلك وستجد هذا الملف داخل الصور هنا، شاهد الأشخاص يقومون بنقطة SPG، هذه هي أيقونة SPG، ماذا سنفعل بها، سنضيفها في ملف الرأس، إذن حيث لكننا فرضنا عليها ضريبة في الوقت الحالي، لذا بدلاً من ذلك، سنفرض ضريبة عليها، لذا انظر هنا، داخل الطباعة، لدينا رمز ثم يوجد نص، لذلك دعونا نزيله، وبدلاً من ذلك سنأخذ علامة الصورة، لذا يجب على الأشخاص أولاً إدخال ما ورد أعلاه. وهنا استوردها بعد MUI استورد مجلد صور الفلاش بداخ

له لدينا ملف logo.spg الان ماذا سنفعل في المصدر سنعطي مسار الصورة هنا نقطعها يا جماعة هنا المتغير الذي ذكرناه للتو أعلاه، سنقدمه هنا، وسنضع معرفه أيضًا في البديل، عليك أن تكتب هنا الارتفاع والارتفاع، سنجعله 70 بكسل وسنضعه أيضًا العرض هنا، لذلك عليك أن تكتب هنا، لنجعل الفقرة وعرض 250 بكسل كافيين ونختبر مرة واحدة. إذا فعلنا هذا، فانظر إلى شيء من هذا القبيل، سيأتي إلينا هؤلاء الأشخاص وسنقوم أيضًا بالتحقق مرة واحدة على الهاتف المحمول المستجيب، أفعل ذلك ورقمنا غير موجود هنا، لذلك في هذا، سنتمكن من رؤ

ية أشخاص من مطعمي بشكل منفصل، فلنفعل ذلك مع البوابة، ما يجب فعله هو نسخها وللإجابة التي حددناها أعلاه، سنقوم بتقطيعها ولصقها داخلها وتقليل حجمها إلى 200 بكسل هنا، لأن لدينا حجم أقل من برنامج التشغيل، سنقوم بتقليله إلى 200 بكسل. يظهر أيضًا تحذير linter فقط لأن هذه الأيقونة غير موجودة الآن، لذلك سنقوم بإزالة استيرادها. دعنا نذهب إلى التطبيق ونرى شيئًا. بهذه الطريقة ، سيتم عرض أيقونة تطبيقنا التي تبدو جيدة. يمكنك رؤية القليل عن تطبيقنا هنا، يبدو جيدًا وماذا يمكننا أن نفعل هنا، يمكننا أيضًا تطبيق فئ

ة المفتاح النشط في قائمة التنقل، أي. كلما نقرنا عليه، يمكننا إظهار الصفحة النشطة، لذا فإن ما سنفعله للتنقل النشط هنا هو أننا سنستبدل الرابط الموجود في الرأس بزخرفة جديدة، لذا ما عليك فعله أولاً. وبعد ذلك، حيث قدمنا ​​روابط لها، ماذا سنفعل بدلاً من ذلك، سوف نتصفحها، ما سأفعله هنا هو أنني سأضغط على زر التحكم، ثم سيتم تحديد جميع الروابط الموجودة هناك، وسنقطعها وهنا سنفعل نفس الشيء .ما يتعين علينا فعله في الداخل هو جعله نشطًا، لذلك علينا هنا تسمية الفصل النشط، وداخل هذا علينا إنشاء الفصل النشط، لذا

قم بتطبيقه على كل ما تريد على الكل أو حتى على واحد. لذلك سيتم ذلك ، لا توجد مشكلة، افعل هذا وأخذه بأسلوب الرأس. ما سنفعله هنا هو أننا سنجعل فئة النشاط نشطة وداخل هذا عليك التغيير اللون اللون وفي هذا سنجعله طريقًا ذهبيًا ونجعله مهمًا إذا كان مهمًا إذا لم تفعل ذلك فلن يقلل، قم بتغيير الرابط أيضًا كما يوجد رابط هنا أعلاه، عليك بذلك حدده مع التحكم المعطى وسنقوم بضبط هذا أيضًا، رابط nab واسم الفئة النشطة هنا وعليك إضافة نشط فيه. وماذا سنفعل من الأعلى ، سنقوم بإزالة هذا الرابط، الآن لا نحتاج إليه، فلن

فعل ارجع إلى التطبيق الآمن وتأكد من الرد مرة واحدة ما عليك هنا هو اختيار الجوال وإذا لاحظت هنا فانظر هنا سيتم تفعيل الروابط بنجاح لقد أنشأنا جميع التطبيقات سوف تحصل عليها الروابط على Getup لذلك قم بخلط ومقارنة الكود المصدري، إذا واجهت أي مشكلة، فهذا كان كل شيء في هذا الفيديو.أتمنى أن تكون قد فهمت، لذلك سيدي اشترك في القناة واضغط على أيقونة الجرس حتى يصلك إشعار بآخر فيديو، ألقاكم في الفيديو التالي مع مشروع آخر.