Mustafa Suleiman

أرجو أن ترفق مجلد المشروع لتفقد المشكلة.

هل المقصود هو إنشاء slider؟ أي كالتالي: في حال كان ذلك المقصود، فهناك مكتبات جاهزة مثل Swiper وsplide وSlick وGlide. ويمكنك تنفيذ ذلك من خلال HTML, CSS, JS أيضًا من الصفر، وإليك مثال بسيط: HTML: <div id="menu"> <div id="nav"> <div id="prev"> <i class="fa-solid fa-chevron-left"></i> </div> <div id="next"> <i class="fa-solid fa-chevron-right"></i> </div> </div> <ul id="cards"> <li id="box1" class="list"> </li> <li id="box2" class="list"> </li> <li id="box3" class="list"> </li> <li id="box4" class="list"> </li> <li id="box5" class="list"> </li> </ul> CSS body{ background: #aeaeae; } .list{ width: 20rem; height: 20rem; background: #e5e5e5; display: inline-block; text-align: center; border-radius: 5%; position: relative; overflow: hidden; margin: 7rem 2rem 0 2rem; cursor: pointer; } #menu { position: relative; width: 90%; height: 26rem; top: 1rem; background-color: rgb(241, 241, 241); margin: 0 7rem 0 5rem; border-radius: 5rem; } #cards { width: 80%; overflow: hidden; white-space: nowrap; display: block; list-style: none; padding: 0; position: relative; left: 10%; bottom: 60px; } .list p{ width: 300px hidden; } #prev { display: inline-block; position: absolute; left: 2%; cursor: pointer; font-size: 60px; z-index: 1; width: 50px; height: 50px; } #next { display: inline-block; position: absolute; right: 2%; cursor: pointer; font-size: 60px; z-index: 1; width: 50px; height: 50px; } #prev, #next{ margin-top: 11rem; color: #aaaaaa; } @media (max-width: 1026px) { #menu { width: 95%; height: 22rem; top: 0.5rem; margin: 0 2% 0 2%; } .list{ width: 17rem; height: 17rem; background: #e5e5e5; display: inline-block; text-align: center; border-radius: 5%; position: relative; overflow: hidden; margin: 6rem 1rem 0 1rem; } #prev, #next{ margin-top: 9.5rem; } } JS document.getElementById('prev').addEventListener('click', function() { const cards = document.getElementById('cards'); cards.scrollLeft -= 500; cards.style.transition = 'scrollLeft 0.5s ease-in-out'; }); document.getElementById('next').addEventListener('click', function() { const cards = document.getElementById('cards'); cards.scrollLeft += 500; cards.style.transition = 'scrollLeft 0.5s ease-in-out'; });

تستطيع استخدام بيئة لاراجون أو Xampp والأسهل هي بيئة لاراجون، يمكنك تحميلها من هنا: https://github.com/leokhoa/laragon/releases/download/6.0.0/laragon-wamp.exe بعد التحميل والتثبيت وفتح البرنامج، ستجد زر باسم Start اضغط عليه لتشغيل سيرفر أباتشي وقاعدة البيانات، ثم اضغط على زر Root لفتح الملف الذي ستضع به مجلد المشروع حيث يتم التعرف على أكواد PHP الموجودة في ذلك الملف وتشغيلها من خلال سيرفر أباتشي. بعد ذلك عليك إنشاء قاعدة بيانات من خلال الضغط على زر Database وإنشاء قاعدة بيانات بنفس الاسم الذي في المشروع، وهي قاعدة بيانات MySQL، وفي حال كان المشروع يستخدم قاعدة بيانات أخرى فاستخدمها لا مشكلة. بعد ذلك عليك الضغط بزر الفأرة الأيمن على واجهة البرنامج ثم لاراجون ثم اختر www وهو مجلد الجذر الذي به المشاريع، وستظهر لك قائمة بالمشاريع به اضغط على اسم المشروع وسيتم فتحه في المتصفح.

أرجو منك التعليق أسفل فيديو الدورة لتفقد الإصدار المناسب لك ومساعدتك بشكل أفضل، وطرح الأسئلة العامة هنا في قسم أسئلة البرمجة. علي أي حال من الأفضل استخدام الإصدار 14 في المشروع الذي يعمل عليه المدرب، ثم استخدام الإصدار 16 أو 18 في باقي المشاريع التي تعمل عليها. الإصدار 14: https://nodejs.org/dist/v14.17.3/node-v14.17.3-x64.msi الإصدار 18: https://nodejs.org/dist/v18.17.0/node-v18.17.0-x64.msi

سبب المشكلة هو أنك لم تمنح التطبيق الإذن للوصول إلى التخزين الخارجي، ويتطلب تطبيقك إذن القراءة من التخزين الخارجي لتحميل الموسيقى من جهازك. حاول تعديل الكود لطلب الإذن من المستخدم عند بدء تشغيل التطبيق كالتالي: import 'package:permission_handler/permission_handler.dart'; void main() { // ... // Request permission to access external storage Permission.storage.request().then((permissionStatus) { if (permissionStatus == PermissionStatus.granted) { // Permission granted } else { // Permission denied } }); // ... } وسيتم عرض رسالة منبثقة للمستخدم يطلب منه منح الإذن، فإن وافق المستخدم، فسيتمكن التطبيق من الوصول إلى التخزين الخارجي. أو بدلاً من ذلك تستطيع إضافة إذن القراءة من التخزين الخارجي إلى ملف AndroidManifest.xml، حيث سيؤدي ذلك إلى منح التطبيق الإذن تلقائيًا عند تثبيته. <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

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

هل قمت بإضافة الخواص التي أشرت إليها إلى ملف .env في الواجهة الخلفية؟ حاول إضافة القيم التي بالأعلى أولاً ثم تنفيذ الأمر التالي: php artisan optimize:clear في حال لم تعمل حاول إضافة التالي: SANCTUM_STATEFUL_DOMAINS="localhost,127.0.0.1" SESSION_DOMAIN=".sanctum.local" ثم تنفيذ: php artisan config:cache

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

حاول إضافة التالي إلى ملف .env في المشروع لديك في حال أنك تقوم بتطوير المشروع بشكل محلي local: SESSION_DOMAIN=localhost SANCTUM_STATEFUL_DOMAINS=localhost

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

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

بالطبع تستطيع استدعاء دالة داخل دالة أخرى وتنفيذ الكود الذي تم وضعه داخل الدالة المستدعاة، فعندما تنشئ دالة في بايثون، يمكنك استخدام اسم هذه الدالة كأمر لاستدعائها في أي مكان آخر في البرنامج. مثال: def func1(): print("هذا هو الدالة الأولى") def func2(): print("هذا هو الدالة الثانية") func1() # استدعاء الدالة الأولى داخل الدالة الثانية func2() # يتم استدعاء الدالة الثانية أولاً، ثم الدالة الأولى قمت باستدعاء الدالة func1 من داخل الدالة func2 وتم تنفيذها عندما تم استدعاء func2.

أرفق مجلد المشروع بعد ضغطه لتفقد المشكلة.

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

يوجد خدمات لفعل ذلك لكنها ليست مجانية وبحاجة إلى اشتراك شهري

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

الأسئلة الإختبارية لا يتم حلها بشكل مباشر هنا ويمكن مساعدتك في حل قمت بتوفير الكود، وبالنسبة لخطوات الحل فيمكن إرشادك لها: أولاً التمرين يهدف إلى ممارسة تركيب الكلاسات في C++ بواسطة إنشاء كلاسين، الكلاس "Author" والكلاس "Book"، حيث يتضمن الكلاس "Book" كعضو له كائن من الكلاس "Author". إليك الخطوات لحل هذا التمرين بشكل مفصل: الكلاس "Author": 1- أنشئ الكلاس "Author" واجعل له الخصائص الخاصة التالية: std::string name (اسم الكاتب) int birthYear (سنة ميلاد الكاتب) 2- قم بتنفيذ مُنشئ (constructor) يأخذ اسم الكاتب وسنة ميلاده كمعاملات ويقوم بتهيئة الخصائص. 3- قم بتنفيذ دالتي get للحصول على اسم الكاتب وسنة ميلاده. 4- قم بتنفيذ دالة عضوية (member function) تسمى "displayInfo" تعرض معلومات الكاتب على الشاشة. الكلاس "Book": 1- أنشئ الكلاس "Book" واجعل له الخصائص الخاصة التالية: std::string title (عنوان الكتاب) int publicationYear (سنة نشر الكتاب) Author author (كائن من الكلاس "Author") 2- قم بتنفيذ مُنشئ يأخذ عنوان الكتاب، سنة نشره، اسم الكاتب، وسنة ميلاد الكاتب كمعاملات ويقوم بتهيئة الخصائص. يجب أن يقوم هذا المُنشئ أيضًا بإنشاء كائن "Author" وتهيئته. 3- قم بتنفيذ دالتي get للحصول على عنوان الكتاب وسنة نشره. 4- قم بتنفيذ دالة عضوية تسمى "displayInfo" تعرض معلومات الكتاب، بما في ذلك معلومات الكاتب، على الشاشة. الدالة الرئيسية: في الدالة الرئيسية (main function)، قم بإنشاء ما لا يقل عن كائنين من الكلاس "Book" بعناوين مختلفة، سنوات نشر مختلفة، أسماء كتّاب مختلفة، وسنوات ميلاد مختلفة للكتّاب. استخدم دوال الحصول (getter methods) للوصول إلى المعلومات وقم بعرض معلومات هذه الكتب باستخدام دالة "displayInfo". تأكد من أن البرنامج يقوم بعرض المعلومات بشكل صحيح حول الكتب والكتّاب.

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

ستحتاج إلى استخدام مكتبة تستخدم تقنية OCR وأيضًا تدعم النصوص العربية، من أجل قراءة النصوص في الصورة وتحويلها إلى ملف نصي، ومن ضمن تلك المكتبات يوجد ArabicOcr، وإذا أردت شرح المزيد عن تلك المكتبة ابحث عن arabic ocr python. أو يمكن استخدام مكتبة pytesseract بسهولة مع opencv ولكن للنصوص الإنجليزية فقط، وستجد شرح هنا: أما إذا أردت استخدام أفضل المتاح ولكن ليس بشكل مجاني، فيمكنك تجربة Vision API من Google Cloud Platform وهي تقنية التعرف الضوئي على الحروف (OCR)، والتي تدعم اللغة العربية، وتوفر جوجل تجربة مجانية عندما تقوم بالتسجيل لأول مرة، حيث ستحصل على بعض الرصيد لاستخدامه. ويمكنك استخدام الـ API الخاص بتلك الخدمة واستخدامه في المشروع لديك من أجل تحويل قراءة النصوص في الصور، وإليك مثال من خلال بايثون: def detect_document(path): """Detects document features in an image.""" from google.cloud import vision client = vision.ImageAnnotatorClient() with open(path, "rb") as image_file: content = image_file.read() image = vision.Image(content=content) response = client.document_text_detection(image=image) for page in response.full_text_annotation.pages: for block in page.blocks: print(f"\nBlock confidence: {block.confidence}\n") for paragraph in block.paragraphs: print("Paragraph confidence: {}".format(paragraph.confidence)) for word in paragraph.words: word_text = "".join([symbol.text for symbol in word.symbols]) print( "Word text: {} (confidence: {})".format( word_text, word.confidence ) ) for symbol in word.symbols: print( "\tSymbol: {} (confidence: {})".format( symbol.text, symbol.confidence ) ) if response.error.message: raise Exception( "{}\nFor more info on error messages, check: " "https://cloud.google.com/apis/design/errors".format(response.error.message) ) وهناك أيضًا خدمة مجانية من خلال الذكاء الاصطناعي تقدمها منصة ocr.alazka.ai من خلال الرابط التالي: https://1304742021-ocr.alazka.ai/ وتدعم النصوص العربية والإنجليزية، وتوفر واجهة لرفع الصور مباشرًة كمستخدم عادي والحصول على النص، وأيضًا توفر لك API لاستخدامه كمطور هنا: https://1304742021-ocr.alazka.ai/tools-and-api

المشكلة الرئيسية هي أن حقل "photo" في مخطط الصورة (ImageSchema) يُعتبر إلزاميًا (required: true)، ولكنه ليس موجودًا في البيانات المرسلة من طرف العميل عندما يتم إرسال الصورة، وذلك هو السبب في ظهور رسالة الخطأ "Path photo is required." في طرف الخادم. حاول طباعة البيانات المرسلة console.log(formData) لرؤية محتوى البيانات التي تم إرسالها إلى الخادم.

الجانب الخاص بوظيفة التجارة الإلكترونية هو جانب إداري وليس تقني بشكل كبير، لذلك ما أنت بحاجة إليه هو دورة إدارة تطوير المنتجات حيث يتم بها شرح ما يلي: المفاهيم الأساسية في إدارة تطوير المنتجات دارسة السوق وتحليل المنافسين ومعرفة متطلبات العملاء كتابة ملفات المواصفات التقنية للمنتج وميزاته وتحديد أولويات التنفيذ كتابة حالات الاستخدام Use cases وقصص المستخدمين User stories المخططات الأولية Wireframes وإنشاؤها التعرف على أنواع MVP توظيف مصممين للهوية البصرية Brand Image ولواجهة المستخدم وتجربة المستخدم UI/UX توظيف مطورين للواجهة الأمامية Front-end لمواقع الويب وللواجهة الخلفية Back-end ولتطبيقات الجوال نشر مواقع الويب وتطبيقات الجوال والوصول إلى مختلف الإحصائيات لتحليلها التطوير المستمر للمنتجات باعتماد منهجية أجايل Agile وهي موجهة للفئة التالية: لمن ليس لديه خبرة في مجال البرمجة أو التصميم ويريد تنفيذ مشروعه الناشئ لمن يريد تعلم إدارة تطوير المنتجات لتحسين فرصه التوظيفية لمن يعمل في إدارة المنتجات ويرغب بتوسعة معلوماته حول عملية التطوير وإدارتها وإذا نظرت لمهام مدير التجارة الإلكترونية ستجد أن دورة تطوير إدارة المنتجات تؤهلك للقيام بها بنسبة كبيرة، وهي كالتالي: تطوير استراتيجية التجارة الإلكترونية: يقوم مدير التجارة الإلكترونية بوضع خطة استراتيجية للشركة تتضمن الأهداف والأساليب اللازمة لتحقيق النجاح في مجال التجارة الإلكترونية. يشرف مدير التجارة الإلكترونية على فريق التجارة الإلكترونية، بما في ذلك المطورين والمصممين والمسوقين وموظفي خدمة العملاء.، ويتضمن ذلك الإشراف على تصميم وتطوير الموقع الإلكتروني للشركة ويضمن أن يكون سهل الاستخدام ومتوافق مع جميع الأجهزة والمتصفحات. تنفيذ استراتيجيات التسويق عبر الإنترنت، مثل الإعلان عبر وسائل التواصل الاجتماعي والتسويق بالبريد الإلكتروني والتحسين لمحركات البحث. إدارة المخزون واللوجستيات، أي المخزون المتاح ويضمن توفير المنتجات بفعالية وتوصيلها بسرعة للعملاء. جمع وتحليل البيانات ذات الصلة بالمبيعات والأداء عبر الإنترنت لاتخاذ القرارات الاستراتيجية الصائبة. يسعى المدير لتحسين تجربة العملاء عبر الموقع الإلكتروني وضمان أن العملاء يجدون ما يبحثون عنه بسهولة. يسهم المدير في مراقبة الأمور المالية المتعلقة بالتجارة الإلكترونية، مثل تحديد الأسعار ومعالجة المدفوعات عبر الإنترنت. يبحث عن فرص لتوسيع شبكة الشراكات والتعاون مع مزودي الخدمات والشركات الأخرى لتعزيز النمو. يجب على مدير التجارة الإلكترونية أن يلتزم باللوائح والقوانين المتعلقة بالتجارة الإلكترونية وحماية المعلومات الشخصية. يقدم تقارير دورية لإدارة الشركة تلخص أداء التجارة الإلكترونية ويقدم تقييمات واقتراحات لتحسين العمليات.

يمكنك الوصول إلى أي دورة أنت مشترك بها من خلال تبويب دوراتي كما بالصورة التالية: وبعد التوجه لدورة بايثون، ستجد أنها مقسمة إلى مسارات وبداخل كل مسار يوجد أقسام، أي أن المسارات أشبه بدورات منفصلة ولكنها مع بعضها تكون دورة واحدة متكاملة لتأسيسك بما يلزم كمطور بايثون. وعليك دراسة الدورة بالترتيب الخاص بها أي من الأعلى إلى الأسفل، وأول مسار هو بداية الدورة (أساسيات لغة بايثون). ورابط الدورة المباشر هو التالي: https://academy.hsoub.com/courses/python-application-development/ وستتعلم بالدورة ما يلي: الأسس البرمجية السليمة عبر لغة Python التعامل مع مختلف صيغ الملفات مثل إكسل Excel وورد Word وخدمات المستندات السحابية استخراج البيانات من صفحات الويب Web Scraping وتحليلها أساسيات التعامل مع قواعد البيانات عبر بايثون، والتعامل مع البريد الإلكتروني لإرسال الرسائل أساسيات إطار العمل جانغو Django بناء تطبيق إدارة المهام باستخدام إطار العمل جانغو Django تطوير متجر إلكتروني متكامل باستخدام إطار العمل جانغو Django وربطه مع وسائل الدفع باي بال PayPal وسترايب Stripe أساسيات إطار العمل فلاسك Flask، وبناء مدونة بسيطة تطوير واجهة برمجية API اعتمادًا على نمط RESTful لمعالجة الصور وبخصوص التوظيف بعد الدورة يمكنك قراءة التالي:

ما هي الدورة التي تتحدث عنها لمساعدتك بشكل أفضل.

عليك أن تستخدم علامات الاقتباس (single or double quotes) للسلاسل النصية داخل دوال displayCart() و productContainer.innerHTML كالتالي: productContainer.innerHTML += ` <div class="products"> <img src="image/remove.png"> <img src="image/${item.tag}.png"> </div> <div class="price">${item.price}</div> <div class="quantity"> <img src="image/plus.png"> <span>${item.inCart}</span> <img src="image/mins.png"> </div> <div class="price-total"> ${item.price * item.inCart} </div> `; productContainer.innerHTML += ` <div class="bask"> <h4 class="baskTitle"> baskTitle </h4> <h4 class="baskTotal"> ${cartCost} </h4> </div> `; أيضًا في دالة setItems(), يجب تصحيح هذا السطر: localStorage.setItem("product.inCart", JSON.stringify(cartItems)); إلى: localStorage.setItem("productsInCart", JSON.stringify(cartItems)); وفي دالة displayCart(), صحح هذا السطر: let cartCost = document.querySelector('total'); إلى: let cartCost = document.querySelector('.baskTotal');

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