ar.mpmn-digital.com
وصفات جديدة

8 وجهات مغرية لعرض شرائح Nesters الفارغة

8 وجهات مغرية لعرض شرائح Nesters الفارغة


We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.


القاهرة ونهر النيل

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

درب الأبلاش

شارك في مغامرة في الهواء الطلق مع متنزهين آخرين مشابهين لك على طول مسار الأبلاش. يعمل Appalachian Mountain Club مع المتنزهين من كل المستويات ، ولا سيما مع نزلهم إلى Hut Adventure. خط سير الرحلة لمدة أربعة أيام ، يبدأ الجدول بإفطار على الطراز العائلي محلي الصنع في الساعة 6:30 صباحًا ، ويوم كامل من المشي لمسافات طويلة ، وعشاء على الطراز العائلي في الكوخ اللاحق في تلك الليلة. (فكر في الخبز الطازج والفواكه الطازجة والمعكرونة والجبن والفاهيتا.) أكثر من تدليل هواة المشي لمسافات طويلة ، هذه الرحلة تدلل الأشخاص الذين يعانون من نفور طفيف في التخييم - لا توجد أكياس نوم في الأفق!

جزر تركس وكايكوس

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

رحلة ألاسكا

اقترب وشخصي من جميع أنواع الحياة البرية في National Geographic و Lindblad Expedition’s جولة استكشاف البرية في ألاسكا لمدة ثمانية أيام. عند المغادرة من جونو ، حيث ستستكشف قبل العشاء على متن السفينة مع زملائك المستكشفين ، لن تترك الجولة سوى القليل للخيال الذي يمر عبر المضايق والجدران الجليدية والجبال الجليدية وكذلك الحيتان (القاتلة والحدباء) والنسور. تعد وليمة السلطعون Dungeness على متن الطائرة سببًا كافيًا لحجز هذه الرحلة ، ولكن أيضًا أطباق مثل أكلة السلمون في ألاسكا الطازجة وكعكة موس الشوكولاتة محلية الصنع.

البرتغال

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

تشيلي

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

نيو أورليانز

تعد نيو أورلينز ، مسقط رأس موسيقى الجاز وملاذًا من المأكولات الشهية ، أكثر من مجرد وجهة لقضاء عطلة الربيع. توقف عند سوق المزارعين خلال النهار ، واستمتع بـ غداء على مهل من المأكولات البحرية الطازجة أو بيض بنديكت مع جراد البحر ، واستمتع ببعض أفضل الموسيقى في المدينة. يجب أن تكون المحطة الأولى في تاريخ الموسيقى ورحلة الطهي هي Preservation Hall (الموسيقى والكوكتيلات) ، ولكن كونغو سكوير ، مطعم Arnaud للمأكولات الكريولية الشهيرة ، و Riverview Drive هي أيضًا ضرورية. جولات مثل فانتوم كوارتر فانتوم الجولة هي إضافات مثالية.

أستراليا

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


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل Desktop و Laptop و Samsung Galaxy Note9 و iPhone 8 و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

لقد استمتعت بتعلم Python وحاولت الوصول إلى مواد أخرى متاحة على الإنترنت لدعم تعليمي. تعتبر لغة بايثون أسهل في التعلم لأنها تحتوي على بناء جملة نظيف. على الرغم من أنني قمت للتو بدراسة إطار عمل ويب إلا أنني على دراية تامة بالعديد من وحدات الطرف الثالث الموجودة في PyPI والتي تجعل Python قادرة على التفاعل مع العديد من منصات اللغات الأخرى. إن لغة قوالب jinja ووراثة القوالب التي تعلمتها مفيدة للغاية لإنشاء مواقع ويب متعددة الصفحات دون الحاجة إلى تغيير الكود في كل صفحة باستمرار.

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


8 وجهات مغرية لعرض شرائح نيسترز فارغة - وصفات

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

Debarati - The Food Tycoon - مقدمة

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

المستخدم 1: أريد أن أفهم في لمحة سريعة الغرض من الموقع

  1. يوضح قسم وسيلة الشرح بوضوح الغرض من الموقع.
  2. كما أن الفقرة الأولى في الصفحة الرئيسية تصف الغرض من الموقع.

المستخدم 2: أريد التنقل بسهولة والعثور على الشيء بسهولة

  1. يتم الترحيب بالمستخدم بشريط تنقل نظيف وسهل القراءة يسمح لك بالانتقال إلى الصفحة التي تختارها.
  2. تتوفر المعلومات الأكثر صلة على الفور في قسمي "الوصفات" و "الوصفة الجديدة" في الصفحة الرئيسية.

المستخدم 3: أريد إضافة الوصفات الخاصة بي وجعلها تجلس في قاعدة البيانات مع اسمي عليها

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

المستخدم 4: أريد إضافة الوصفة الخاصة بي كفيديو

  1. يسمح لك قسم إضافة الوصفة بإضافة رابط فيديو. يمكن أن يكون هذا الفيديو الخاص بك أو أي شيء متاح على موقع youtube.

الهدف 1: تقديم صفحة جذابة بصريًا لجذب الأشخاص المهتمين بالوصفات

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

الهدف 2: تقديم بعض العناصر التفاعلية بحيث يبقى المستخدم لفترة أطول على الموقع مما يؤدي إلى إضافة المزيد من الوصفات إلى الصفحة

  1. تتيح صفحة "إضافة وصفة" للأشخاص إضافة وصفاتهم الخاصة وعند الإرسال تظهر أيضًا رسالة "نجاح"
  2. يتيح الزر "تحرير" في الصفحة الرئيسية للمستخدمين إضافة أو حذف المحتوى الخاص بهم فيما بعد مما أدخلوه مسبقًا مما يجعل الموقع تفاعليًا تمامًا.

تسهل ميزة إضافة وتحرير وحذف الوصفات الخاصة بالموقع على المستخدم امتلاك الفكرة والاستمرار في العودة إليها.

تتيح ميزة إضافة رابط فيديو إلى الوصفة للمستخدمين إنشاء مقطع فيديو خاص بهم واستخدامه في وصفتهم عبر youtube

ميزات جديدة سيتم تنفيذها في المستقبل

من الناحية المثالية ، أود إضافة بعض الميزات إليها وهي:

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

خيار إضافة المزيد من المعلومات حول كل عضو حتى يتمكن المستخدمون من التواصل مع مستخدمين آخرين أكثر على أساس واحد إلى واحد لتبادل الأفكار حول الطهي

الأطر والمكتبات والبرامج التعليمية والبرامج المستخدمة

    • يستخدم ماديرايز للمساعدة في استجابة وتصميم الموقع.
    • تم استخدام Hover.css على أزرار مختلفة لإضافة انتقال عائم أثناء التمرير فوقه.
    • جاء jQuery مع Bootstrap لجعل شريط التنقل مستجيبًا ولكن تم استخدامه أيضًا لوظيفة التمرير السلس في JavaScript.
    • تم استخدام Git للتحكم في الإصدار من خلال استخدام محطة Gitpod للالتزام بـ Git و Push to GitHub.
    • يستخدم GitHub لتخزين كود المشروع بعد دفعه من Git.
    • تمت إضافة مقاطع فيديو youtube لوصفات مختلفة بواسطة مالك الموقع والمستخدمين الآخرين
    • يستخدم برنامج w3school التعليمي لفهم وظائف Python المختلفة
    • يستخدم Stack Overflow للحصول على إجابات لمختلف الأسباب والطرق
    • تم أخذ بعض أوصاف الوصفات من المواد المتاحة عبر الإنترنت

تم استخدام مدقق ترميز W3C و W3C CSS Validator و JSHint Services للتحقق من صحة كل صفحة من صفحات المشروع لضمان عدم وجود أخطاء في بناء الجملة في المشروع.

    - يطرح أخطاء بسبب استخدام لغة jinja Templating المتوقعة - [النتائج] 1. [النتيجة: التطبيق] 2. [النتيجة: البرنامج النصي]

اختبار المتصفح

  • تم اختبار موقع الويب على متصفحات Google Chrome و Microsoft Edge و Safari. تم تسجيل 5 مستخدمين مختلفين من بلد مختلف وإضافة وصفات. وصفوا التجربة لتكون سلسة.

اختبار الجهاز

  • تمت مشاهدة الموقع على مجموعة متنوعة من الأجهزة مثل سطح المكتب ، والكمبيوتر المحمول ، و Samsung Galaxy Note9 ، و iPhone 8 ، و iPhoneX.
  • تم إجراء قدر كبير من الاختبارات للتأكد من أن جميع الصفحات مرتبطة بشكل صحيح.

شكل وصفة جديد: الاختبار

  1. انتقل إلى صفحة "وصفة جديدة"
  2. حاول إرسال النموذج الفارغ - تظهر رسالة سريعة حول الحقول المطلوبة.
  3. حاول إرسال النموذج مع أي حقل فارغ - تظهر رسالة فورية.

اختبار دخول Mongo DB للخلفية * يمكن رؤية كل إدخال مباشرة في صفحة مجموعات Mongo DB على الموقع *

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

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

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

تم نشر المشروع في Heroku باستخدام الخطوات التالية

  1. سجّل الدخول إلى GitHub وحدد موقع مستودع GitHub
  2. في الجزء العلوي من المستودع (وليس أعلى الصفحة) ، حدد موقع زر "الإعدادات" في القائمة.
    • بدلاً من ذلك ، انقر هنا للحصول على صورة GIF توضح العملية التي تبدأ من الخطوة 2.
  3. قم بالتمرير لأسفل في صفحة الإعدادات حتى تحدد موقع قسم "صفحات GitHub".
  4. ضمن "المصدر" ، انقر على القائمة المنسدلة المسماة "بلا" وحدد "الفرع الرئيسي" ثم احفظ.
  5. سيتم تحديث الصفحة تلقائيًا.
  6. قم بالتمرير لأسفل خلال الصفحة لتحديد موقع ارتباط الموقع المنشور الآن في قسم "صفحات GitHub".

تم استخدام علامة تبويب المشكلات في github لإنشاء روابط لقطة شاشة لاستخدامها في ملف ReadMe


شاهد الفيديو: فواصل روعة لتقسيم المساحة المفتوحة لصالون وسيجور+معلومات على جميع الفواصل لتختاري الافضل