Adnane Kadri

كلتاهما مقاربة لإنشاء الكائنات في جافاسكربت، Constructor Function (دالة البناء): هي الطريقة التقليدية لإنشاء الكائنات في جافاسكربت، ويتم ذلك عن طريق استنساخ كائن من فئة معينة بوساطة الكلمة المفتاحية new، مثال: function Person(name, age) { this.name = name; this.age = age; } const person1 = new Person('Ahmed', 30); الكائن person1 هاهنا هو كائن عن الصنف Person، تم إنشاء بوساطة دالة البناء. Factory Function (دالة الصانع): هي في الأصل نمط تصميم يستخدم لإنشاء الكائنات، فهي مجرد دالة عادية تقوم بإعادة كائن في النهاية، ولا تعتمد على الطريقة التقليدية لاستنساخ كائن من الفئة. مثال: function createPerson(name, age) { return { name, age, someMethod() { console.log(`مرحبًا، اسمي ${this.name} وأنا عمري ${this.age} عامًا.`); } }; } const person2 = createPerson('Ahmed', 30); الفروقات الرئيسية بينهما هي ببساطة: أن دالة البناء مرتبطة بالفئات وعملية إنشاء الكائنات، بينما دالة الصانع ليست مرتبطة بالفئات وتركز على إنشاء الكائنات بتكوينات محددة. دالة البناء تستخدم الكلمة الرئيسية new، بينما يمكن استدعاء دالة الصانع مثل دوال عادية لإنشاء وإرجاع الكائنات. دالة الصانع يمكنها إرجاع تكوينات مختلفة للكائن استنادا إلى معلمات الإدخال، مما يجعلها أكثر مرونة. فقد يمكن تصيير تابع معين مثلا بشكل شرطي بحسب قيمة معامل ما.

يمكنك تحليل هاته المعطيات إلى نماذج البيانات التالية: موظف / مستخدم Employee / User. منطقة Region. محافظة Governorate. مجمع سكني City. وحدة سكنية Apartment. قم بتشغيل الأوامر التالية تباعا لتكوين نماذج بيانات Models وملفات تهجير migration files لكل انموذج بيانات: php artisan make:model Employee -m php artisan make:model Region -m php artisan make:model Governorate -m php artisan make:model City -m php artisan make:model Apartment -m قم بإضافة الحقول اللازمة لكل ملف تهجير مرافق لأنموذج بيانات معين. قم بحقن بيانات اتصال صحيحة بقاعدة البيانات في ملف متغيرات البيئة env. ثم نفذ عملية التهجير: php artisan migrate قد تحتاج كخطوة اضافية توصيف العلاقات بين البيانات، الأمر الذي يتم بوساطة المفاتيح الأجنبية FK التي تشير إلى صفوف في جداول أخرى، مثال: لنقل أن كل منطقة تمتلك الكثير من المحافظات، وكل محافظة بدورها تمتلك الكثيرر من المجمعات السكنية، وكل مجمع سكنية يحتوي عددا من الوحدات السكنية .. هذا يقتضي: وجود مفتاح أجنبي region_id يميز المنطقة في جدول المحافظات. وجود مفتاح أجنبي governorate_id يميز المحافظة في جدول المجمعات السكنية. وجود مفتاح أجنبي city_id يميز المجمع السكني في جدول الوحدات السكنية. وهذا كأنموذج قاعدة بيانات أولي .. يمكنك تطويره والتحسين فيه بحسب حاجتك .. مثلما يمكنك التغاضي عن انموذج بيانات الموظف Employee في حال ما اردت استخدام الانموذج User الذي يأتي مع تطبيق لارافيل بشكل افتراضي.

أي مواقع عينة ينطبق عليها هذا، فهي مواقع يمكن عمل أو عمل مقاربات لها على أنها تدريب عملي. سواءا كنت تقوم بذلك بوساطة PHP أو بايثون أو غيرهما .. أما ان كنت تقصد بعض المصادر الإضافية التي تخص بايثون غرض التدريب والممارسة في هاته اللغة حصرا، فيمكنك الاستعانة بواحدة أو اكثر من التالي: Django Project's Website Real Python Django for Beginners DjangoGirls

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

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

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

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

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

قم بربط ذلك مع عملية التسجيل، نفذ شيفرة ارسال البريد بعد شيفرة تسجيل مستخدم جديد وتوليد رمز token له.

فكرة تأكيد الإيميل في مضمونها هي فكرة بسيطة ولا تحتاج إلا تطبيقا عمليا صحيحا وتكاملا بين مختلف مكونات التطبيق بصورة صحيحة. فيما يلي الخطوات العامة لذلك: في جدول المستخدمين أضف حقلا/عمودا يحمل قيمة بوليانية Boolean تعبر عما ان كان المستخدم حاليا قد قام بتأكيد عنوان بريده الإلكتروني أو لا. ولتكن email_is_verified وتحمل القيمة false بشكل افتراضي. يضاف أيضا حقل/عمود يحمل سلسلة نصية تعبر عن كود التفعيل الخاص بالمستخدم وليكن email_verification_token. في كل تسجيل جديد سوف يتم تعيين قيمة email_is_verified بـ false، كما يتم توليد سلسلة نصية عشوائية تعبر عن كود التفعيل. في كل تسجيل جديد يتم ارسال رسالة الى البريد الالكتروني في عنوان البريد المرفق، بحيث تحمل زرا يقوم بإعادة التوجيه إلى التطبيق حاملا قيمة رمز token كمعامل query param مثال: https://yourdomain.co/email/verify?token=PUT_TOKEN_HERE طبعا فإن الهيكلة الموافقة يتم بناءها وارسالها كرسالة HTML الى عنوان المستخدم. يقوم التطبيق بالمسار السابق بفحص قيمة token المرسلة في الطلب والتأكد مما ان كانت مطابقة لقيمة token المسجلة في قاعدة البيانات. في حال كان ذلك، يتم تأكيد عنوان المستخدم، وفي حال لم يكن يتم اخبار المستخدم بذلك. بين كل هذا وذاك، يجب بطبيعة الحال تقييد الوصول إلى بعض ميزات التطبيق للمستخدمين الذين لم يقوموا بتفعيل عناوين البريد الالكتروني الخاص بهم. وهي لا تكلف أي مال بطبيعة الحال، عدى تكاليف الاستضافة.

بغض النظر عن المهمة او التوقيت المرتبط بعرض الاشعار، يمكنك استعمال واجهة Notification في جافاسكربت لإرسال إشعارات سطح المكتب في التطبيق. فيما يلي مثال فعال عن كيفية القيام بذلك: function notifyMe() { if (!("Notification" in window)) { // التحقق مما ان كان المتصفح يدعم الاشعارات alert("هذا المتصفح لا يدعم الاشعارات"); } else if (Notification.permission === "granted") { // التحقق مما ان كان قد تم منح قبول دفع الاشعارات من قبل // في حال ما كان ذلك const notification = new Notification("مرحبا"); } else if (Notification.permission !== "denied") { // طلب عرض الاشعارات Notification.requestPermission().then((permission) => { // في حالة القبول ارسال اشعار if (permission === "granted") { const notification = new Notification("مرحبا"); } }); } } يمكن استخدام هذا المثال بعفالية أكبر من خلال استعماله في سياق مناسب، مثل الذي ذكرته.

لا يبدوا بالرابط المرفق أي مشكلة، يتم ارسال رد بشكل جيسون بشكل عادي تماما. يرجح أن هنالك مشكلة بالتعامل مع الرد من خلال شيفرة PHP لديك، قد يكون هنالك حاجة إلى استخدام json_decode لتحليل كائن جيسون واستخراج التواقيت المرادة، فيما يلي مثال عن كيفية ذلك بصورة صحيحة: <?php $endpoint = 'https://api.aladhan.com/v1/calendarByCity/2017/4?city=London&country=United'; $response = file_get_contents($endpoint); $data = json_decode($response, true); foreach ($data['data'] as $day) { $date = $day['date']['gregorian']['date']; $prayerTimes = $day['timings']; echo "تاريخ: $date <br>"; echo "مواقيت الصلاة:<br>"; foreach ($prayerTimes as $name => $time) { echo "$name: $time<br>"; } echo "<br>"; } يتم هاهنا استعرض مختلف تواقيت الآذان لسنة 2017 في المدينة المستدفة والبلد المستهدفة,

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

هنالك خلط قليلا في التعامل مع الوعود Promises في الشيفرة الخاصة بك، فأنت تقوم باستقبال عائد الطلب دون إعادته كخرج للدالة. لا داعي من عبارة then في الشيفرة الأولى، قم بتعديل الشيفرة الخاصة بك لتكون على نحو: let getPost = async (id) => { let res = await axios.get(baseURL + '/posts/' + id) return res.data.data } const viewAllComments = async (id) => { let posts = await getPost(id) console.log(posts) } viewAllComments(99)

يمكنك الاستعانة بـ netlify كحل سريع، يوجد أيضا استضافات تقدم خدمات او خطط مجانية من مثل: Render Fly.io Railway Glitch بخصوص الاستضافات المدفوعة، لعل الأكثر شيوعا حاليا هي منصة Digital Ocean. بحيث تقوم بإدارة البنية التحتية الخاصة بتطبيقك (اعتماديات نود) وتشغيل التطبيق على الخادم، يوجد أيضا: استضافة بلوهوست Bluehost استضافة هوست قيتر Hostgator هوستنجر Hostinger A2 Hosting

مرحبا زياد، سعيدون بتأثير الأكاديمية على درجاتك العلمية وعلى مستواك في المجال، سيدفع هذا القائمين على الأكاديمية إلى بذل المزيد في سبيل الطلبة والمحتوى العربي. بخصوص التقنيات الجديدة، فهي مضمنة بالفعل ويتم تحديث المحتوى الرقمي في الأكاديمية بما في ذلك الدورات بشكل دوري ودائم. فمكتبة رياكت مثلا يتم التعرض لها في مسارات عديدة من دورة تطوير التطبيقات باستخدام جافاسكربت. اذ تتوفر على: 40 درس تأسيسي في أساسيات رياكت بإجمالي ثلاث ساعات وربع. 64 درس يتم فيها بناء تطبيق دردشة يشبه whatsapp باستخدام React و NodeJS و socketIo. 49 درس آخر يتم فيها التطرق لواحد من أشهر أطر عمل رياكت هو إطار NextJs فضلا عن التحديثات التي شملت التعامل مع تقنيات الذكاء الصناعي من قبل OpenAI في تطبيقات NextJS.

المشكلة تكمن في استدعاءك للتابع listen، أصلح السياق التالي: app().listen(3000 ليصبح: app.listen(3000 ثم أعد تشغيل الخادم.

إليك أوجه الفرق بشكل مبسط: هندسة البرمجيات (Software Engineering): تهتم بصورة أولى بتصميم وتطوير البرمجيات بشكل هندسي ومنهجي. والهدف الأساسي هو إنتاج برمجيات ذات جودة عالية وقابلة للصيانة. المهندسون البرمجيون يعملون على تطوير البرمجيات والتحكم في العمليات الهندسية للتطوير والصيانة. وتتضمن المهارات في تصميم البرمجيات، وتطوير البرمجيات، وإدارة المشاريع البرمجية، واختبار البرمجيات وما نحوها من مهارات. علوم الحاسب الآلي (Computer Science): تركز علوم الحاسب الآلي على دراسة النظريات والمفاهيم والأسس التي تقف وراء علم الحاسب والبرمجة. تتضمن دراسة الألغام المعلوماتية والتطبيقات الحاسوبية. علماء الحاسب يقومون بالبحث والتطوير ودراسة النظريات الحاسوبية والعمليات الحاسوبية. تشمل المهارات الرياضيات، والبرمجة، والتحليل الحاسوبي، والذكاء الاصطناعي. تكنولوجيا المعلومات (Information Technology): تركز على تقديم ودعم حلول تكنولوجيا المعلومات وأنظمة تكنولوجيا المعلومات لتلبية احتياجات الأعمال. محترفو تكنولوجيا المعلومات يديرون ويدعمون أنظمة المعلومات والشبكات ويقومون بتحليل احتياجات الأعمال وتقديم حلول تكنولوجيا المعلومات. تتضمن مهارات الإدارة، والتشغيل، وتكنولوجيا المعلومات، والأمن السيبراني.

مثلما يتضح وفق رسالة الخطأ فإن الدالة التي تحاول تمرير مخرجات الدالة sum عبرها غير معرفة، يرجح أنك نسيت تعريفها أساسا أو تقوم بذلك بشكل خاطئ. قم أولا بتصريح هاته الدالة: function printNumper(input){ console.log(input) } ثم سيسعك استعمالها لاحقا: function sum(f,s){ return s + f } printNumper(sum(2,4))

يمكنك أيضا اضافة طبقة سوداء بحيث تتموضع بشكل نسبي داخل حاوية الصورة، فيكون: <div class="img-container"> <img src="path/to/your-image.png" /> <div class="overlay"></div> </div> و لتعطها التنسيقات التالية: .overlay{ position: absolute; top:0; right:0; height:100%; width:100%; } أيضا لا تنسى إعطاء الحاوية الوضعية relative .img-container{ position: relative; } بهذا الشكل سوف يمكن للحاوية أن تحتوي طبقة سوداء تجعل الخلفية أو الصورة أكثر تعتيما. طبعا يمكنك التحكم في موضع الصورة على المحور z باستخدام الخاصية z-index.

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

مشكلة cors -وتعني "Cross-Origin Resource Sharing"- هي مشكلة شائعة، أين يتم حظر الطلبات من نطاق مختلف. لتلافي هاته المشكلة في تطبيقات NodeJS يقترح استخدام المكتبة cors عادة، قم بتتثبيتها: npm install -S cors ثم في ملف الخادم الرئيسي قم باستيرادها: import cors from 'cors'; وقم باستعمالها من طرف التطبيق: app.use(cors()); أعد تشغيل الخادم وانظر ما ان اختفت المشكلة.

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

كلاهما معروف بكفاءته في التعامل مع تحميل الملفات وادارتها.، وقد لا يلحظ اختلاف ما بينهما في المشاريع ذات الحجم الصغير والمتوسط، ولكن قد تكون هنالك بعض الفروقات في الآداء والميزات الاضافية كلما ازداد توسع المشروع وحجمه. ولكن عموما: بخصوص Multer: يعد multer من أكثر حزم تحميل الملفات شيوعًا في Node.js ومعروف بكفاءته وقدرته على التعامل مع الرفع المتعدد. يوفر مجموعة متنوعة من الخيارات لتكوين سلوك تحميل الملفات بما يناسب احتياجاتك. يدعم تخزين الملفات في مكان مخصص مثل القرص الصلب أو خدمات تخزين سحابية مثل Amazon S3 أو Google Cloud Storage. قد تحتاج إلى برمجة إضافية لمعالجة الأخطاء وإدارة الملفات المرفوعة والتحقق من أمانها وما نحو ذلك، قد يعد عيبا أحيانا ولكنه أيضا ميزة من حيث القدرة على تخصيص مثل هاته الجزئيات بحسب حاجة المشروع. بخصوص Express-Uploader: express-uploader هي مكتبة تساعد في تبسيط عملية تحميل الملفات في تطبيق Express.js. تقدم واجهة أكثر بساطة واستخدامًا بالمقارنة مع multer. يمكن أن يكون خيارًا جيدًا إذا كنت تبحث عن شيء سريع وبسيط لمشروعك الصغير. تحتوي على مجموعة محدودة من الخيارات والميزات مقارنة بـ multer، وقد تكون أقل قوة ومرونة للمشاريع الكبيرة والمعقدة.

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