عمر قره محمد

مرحباً احمد، قم بمشاركة كامل ملفات المشروع (المجلد الحاوي على المشروع بالكامل)، حتى استطيع تجريب الكود ومعرفة مكان المشكلة. شكراً لك.

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

هذا يعتمد على الصورة التي تحاول التعامل معها فمثلاً إذا كانت الصورة هي صورة خلفية فالأفضل ان تستخدم معها اسلوب (اخذ طول وعرض العنصر الاب وان تأخذ طريقة العرض cover) مثل : #myImg { height: 100%; width: 100%; object-fit: cover; } وتتحكم بالطول والعرض للاب حتى تحصل على النتيجة التي تريده وهذه هي الطريقة التي استخدمها شخصياً في اغلب الحالات. واذا كانت الصور هي عبارة عن بطاقات فيمكنك استخدام صور بقياسات ثابتة أو قص الصور التي تحصل عليها من المستخدمين في حال كانت ديناميكية للحصول على صور بأبعاد ثابتة وتثبيت هذه الابعاد على 280px عرض (اصغر قياس شاشة) والطول الذي تريده. او يمكنك استخدام اكثر من صورة لكل من الشاشات المختلفة. وحتى مع القيام بكل الخطوات السابقة فلن تكون الصورة كما تريدها بالضبط دائماً على كل الشاشات وستحتاج للكثير من التعديلات حتى تحصل على النتيجة التي تريدها تماماً وانت بحاجة للقيام بذلك اكثر من مرة حتى تحصل على المهارة اللازمة. وبالعودة لسؤالك فإن كان بإمكانك مشاركة المشكلة التي تواجهها تحديداً فقط استطيع مساعدتك بشكل افضل.

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

قومي بشرح مشكلتك بشكل افضل حتى نستطيع مساعدتك، وقد يكون من الافضل مشاركة الكود

في ملف الـ app، قم بإضافة حالة بالاسم loading وتكون قيمتها true بالشكل الافتراضي: const [loading, setLoading] = useState(true); وقم بإنشاء useEffect وفي داخلها قم بتغيير الحالة loading إلى false : useEffect(() => { setLoading(false) }, []); وقبل الـ return الخاصة بالـ app، قم بإضافة الكود التالي : if(loading) return "loading..."

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

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

تستخدم الدالة resolve بشكل اساسي في الوعود في جافاسكريبت وهو تقوم بالاستجابة للوعد باستخدام القيمة التي تمرر داخلها، لاحظ الكود التالي : // دالة احضار بيانات مثلاً function getData() { // يحاكي استدعاء واجهة برمجة التطبيقات (API) التي تأخذ ٢ ثانية لإكمال العملية return new Promise((resolve, reject) => { setTimeout(() => { // واعادة القيمة وهذه تحدث في العادة بعد احضار البيانات من الخادم بنجاح Promise الاستجابة للوعد resolve("تم استلام البيانات بنجاح!"); }, 2000); }); } // استدعاء دالة getData وتسجيل النتيجة getData().then((result) => { console.log(result); })

هل تقصد كتابة التالي : task = {} task["tea"] = {"none":("so stupid") , "stupid":("Homar")} او ما هو الذي تحاول القيام به، حيث ان طريقة الكتابة الخاصة بك خاطئة فلا يمكن كتابة = داخل مصفوفة.

قم بالضغط على ctrl ومن ثم تحريك دولاب الفأرة نحو الاعلى وسيتم تكبير العرض. هنالك طريقة ثانية باستخدام الـ mongodbcompass حيث عليك ان تكتب رابط قاعدة البيانات الجديدة مثل: mongodb+srv://[username:password@]host[/[defaultauthdb][?options]] لاحظ :

هل يمكنك شرح مشكلتك بشكل اوضح ؟

يستخدم المعامل end مع دالة print() للتحكم في تنسيق الإخراج. بشكل افتراضي، تنتهي دالة print() بسطر جديد، ولكن المعامل end يسمح لك بتحديد حرف أو سلسلة مختلفة للاستخدام كنهاية. على سبيل المثال، print("Hello", end='!') سينتهي الإخراج بعلامة تعجب بدلاً من سطر جديد. # Example 1: Using end to change the line ending print("Hello", end='!') # Output: Hello! # Example 2: Printing numbers in the same line for i in range(5): print(i, end=' ') # Output: 0 1 2 3 4 # Example 3: Creating a custom separator print("apple", "banana", "cherry", sep=", ", end=".") # Output: apple, banana, cherry. وهنا استخدمنا المعامل sep والذي يحدد الفاصل بين العناصر المطبوعة بالإضافة للمعامل end.

هل يمكنك مشاركة ملفات المشروع حتى استطيع فحص الكود ؟

يبدو انك نسيت الفاصلة بين الـ "*" و الـ x في السطر 3 وكذلك الامر يبدو أن number غير معرف. الكود الصحيح : num = int(input("enter your number")); for x in range(10): print(str(num) , "*" , x , num*x)

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

الاختلاف بين النوع (Type) والخاصية (Property) والتابع (Method) على النحو التالي: 1. النوع (Type): يشير إلى نوع البيانات مثل الأعداد، النصوص، الكائنات وغيرها. على سبيل المثال، يمكن أن يكون النوع عدد صحيح (integer)، نص (string)، أو مصفوفة (array). 2. الخواص (Properties): تمثل السمات المرتبطة بالكائن، ويمكن الوصول إليها وقراءتها. على سبيل المثال، في لكائن نافذة (window) في جافا سكريبت، يمكن أن تكون الخواص عرض (width) وارتفاع (height). 3. التابع (Method): هو سلوك يمكن تنفيذه على كائن معين، ويمكن أن يقوم بتغيير الخواص أو إجراء عمليات معينة. على سبيل المثال، في كائن نافذة (window)، لديها توابع مثل فتح (open) وإغلاق (close).

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

يمكنك القيام بذلك كالتالي : const onSubmit = async e => { e.preventDefault() if (password !== password2) { const error = { id: new Date().getTime(), type: "danger", msg:"Passwords does not mutch" }; dispatch(alertActions.setAlerts(error)) setTimeout(()=> dispatch(alertActions.removeAlert(error)), 3000) } console.log("success") }

هذا ملف المشروع الخاص بك بعد التعديل : import React, { useState, useId } from "react"; import { useDispatch, useSelector } from 'react-redux' import { Link } from "react-router-dom"; // import axios from 'axios' import { v4 as uuid } from 'uuid'; import { alertActions } from '../../redux/slices/alertSlice' function Register() { const dispatch = useDispatch() const alerts = useSelector(store => store.alert.alerts) console.log(alerts); const [formData, setFormData] = useState({ name: '', email: '', password: '', password2: '' }); const { name, email, password, password2 } = formData const onChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value }) } const onSubmit = async e => { e.preventDefault() let errors = []; if (password.length < 6) { errors.push({ id: uuid(), type: "error", msg: "Passwords must be more than 6 characters" }) } if (password !== password2) { errors.push({ id: uuid(), type: "error", msg: "Passwords does not mutch" }) } if (errors.length) { return dispatch(alertActions.setAlerts(errors)) } console.log("success") } return ( <section className="container"> <h1 className="large text-primary">Sign Up</h1> <p className="lead"> <i className="fas fa-user"></i> Create Your Account </p> <form className="form" onSubmit={e => onSubmit(e)} > <div className="form-group"> <input type="text" placeholder="Name" name="name" value={name} onChange={e => onChange(e)} required /> </div> <div className="form-group"> <input type="email" placeholder="Email Address" name="email" value={email} onChange={e => onChange(e)} /> <small className="form-text"> This site uses Gravatar so if you want a profile image, use a Gravatar email </small> </div> <div className="form-group"> <input type="password" placeholder="Password" name="password" value={password} onChange={e => onChange(e)} // minLength="6" /> </div> <div className="form-group"> <input type="password" placeholder="Confirm Password" name="password2" value={password2} onChange={e => onChange(e)} minLength="6" /> </div> <input type="submit" className="btn btn-primary" value="Register" /> </form> <p className="my-1"> Already have an account? <Link to="/login">Sign In</Link> </p> </section> ); } export default Register; يمكنك الاطلاع على التعديلات التي اجريتها 1- واهما هو استخدام المكتبة uuid بدلاً من uuidv4 : npm uninstall uuidv4 npm install uuid و كود الاستدعاء يصبح بالشكل : import { v4 as uuid } from 'uuid'; 2- وتعديل نظام اضافة الاخطاء. وما انصحك به هو التخلي عن هذا الاسلوب واستخدام react-hot-toast و react-hook-form وهذه المكاتب هي التي استخدمها انا شخصياً من اجل التعامل مع النماذج وهي افضل بكثير واسرع واكثر قابلية للتحكم من ان تبني المنطق بنفسك.

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

للقيام بذلك ستحتاج إلى اكتساب معرفة في عدة مجالات. إليك قائمة بالمواضيع التي يجب أن تتعلمها: تطوير الويب يجب أن تتعلم لغات البرمجة المستخدمة في تطوير الويب مثل HTML، CSS، و JavaScript. كما يمكن أن تحتاج إلى إتقان إطار عمل (Framework) مثل React. قواعد البيانات يجب أن تتعلم كيفية تصميم وإدارة قواعد البيانات. يمكن أن تكون قواعد البيانات العلائقية مثل MySQL أو قواعد البيانات غير العلائقية مثل MongoDB. برمجة الخادم يجب أن تكون قادرًا على كتابة رمز الخادم باستخدام لغات مثل Node.js، Python، أو PHP. أمان الموقع يجب أن تتعلم كيفية حماية موقعك من الهجمات الإلكترونية وضمان أمان البيانات. تجربة المستخدم وتجربة الواجهة يجب أن تتعلم مبادئ تصميم تجربة المستخدم (UX) وتجربة الواجهة (UI) لضمان تجربة مستخدم ممتازة. استضافة الويب يجب أن تتعلم كيفية اختيار خدمة استضافة الويب المناسبة ونقل موقعك إليها. هذه المواضيع هي التي تحتاجها للقيام ببناء الموقع الذي ذكرته والدورات التي قد تحتاج لتعلمها يجب عليك اختيارها بالاعتماد على هذه المعايير، ولكي تكون متقن لكل هذه المجالات عليك تعلم (علوم الحاسوب (تشرح المعلومات الاساسية) + دورة جافاسكريبت أو PHP أو python + المسار الاول من دروة تطوير واجهات المستخدم). حيث ان طلبك يحتاج لإتقان ثلاث مجالات اساسية (devOps + backend + frontend) ولا يوجد دورة تشرح هذه المجالات بالكامل لوحدها في أكاديمية حسوب كما ان سوق العمل لن يطلب منك اتقان المجالات الثلاثة فغالباً سيكون العمل على احد المجالات فقط.

عليك التحقق من مزود خدمة رسائل واتساب الخاص بك والاستفسار منه لمعرفة كيفية القيام بذلك بدقة ولكن في الغالب نقوم بإنشاء سطر جديد من خلال اضافة : "\n" في المكان الذي نريد اضافة سطر فيه.

التلاعب بالـ DOM (Document Object Model) هو عملية تغيير محتوى وهيكل صفحة الويب باستخدام JavaScript. وتتضمن إضافة وإزالة أو تعديل عناصر HTML وسماتها. AJAX (Asynchronous JavaScript and XML) هي تقنية تستخدم لإرسال واستقبال البيانات من خادم بدون إعادة تحميل صفحة الويب بأكملها. يمكن استخدام AJAX لتحديث محتوى صفحة الويب بشكل ديناميكي دون الحاجة إلى إعادة تحميل الصفحة بأكملها، وغالبًا ما يتم استخدام AJAX ومعالجة DOM معًا لإنشاء تطبيقات ويب ديناميكية. لاستخدامهما ، تحتاج إلى فهم أساسي لـ JavaScript وصياغته. يمكنك استخدام طرق JavaScript مثل `getElementById()` و `createElement()` و `appendChild()` و `removeChild()` و `setAttribute()` لمعالجة DOM. يمكن تنفيذ AJAX باستخدام كائن `XMLHttpRequest` أو طريقة `$.ajax()` في jQuery. فيما يلي بعض أمثلة لاستخدام معالجة DOM و AJAX في JavaScript: 1. التعلاق بالـ DOM: // إعداد عنصر HTML بإدارة قيم للأنقطة var element = document.getElementById("myElement"); // إضاف نص مجموع للعنصر element.innerHTML = "النص الجديد"; // إزال عنصر من الصف element.remove(); // تعديل سمات العنصر element.setAttribute("data-text", "النص المحدد"); 2. AJAX: // استخدام jQuery $.ajax({ url: "ajax/example.php", type: "POST", data: { param1: "value1", param2: "value2" }, success: function(response) { // إعداد العنصر الجديد مع الاستجابة $("body").append(response); }

يمكنك القيام بذلك كالتالي :