عبدالباسط ابراهيم

يتوجد العديد من الطرق والمكتبات التي تستطيع تنفيذ ما تريده من خلالها ومن هذه الإضافات markdown-include حيث يمكنك إنشاء العديد من الملفات ثم إستدعائها في ملف واحد كالتالي تثبيت الإضافة npm install -g markdown-include إنشاء ملف markdown.json لإضافة الإعدادات مثل الملف النهائي والملفات المطلوبة ثم من خلال الأمر التالي يمكنك استدعاء الملفات #include "markdown-file.md" أخيراً يمكنك تنفيذ المطلوب من خلال ال command line من الأمر التالي node_modules/bin/cli.js path/to/markdown.json قم بمراجعة المستودع الخاص بالمكتبة للإطلاع على المزيد من المعلومات

من الطبيعي أن يحدث ما تقوله حيث أنك قمت بتخزين قيمة wantNotification مبدئياً ب No لذلك عند الضغط على الزر أول مرة سيتم تخزين القيمة No في ال AsyncStorage ولكن عند الضغط المرة الثانية سيكون قد تم تغيير القيمة من خلال setWantNotification('YES'); لذلك في المرة الثانية سيتم تخهزين القيمة Yesفي ال AsyncStorage لذلك جرب القيام بالتعديل التالي وسترى أنه يقوم بتخزين القيمة Yes من أول مرة { text: 'OK', onPress: async () => { await storeNotificationAsync("yes"); //لاحظ هذا التعديل await console.log(wantNotification); }, }, ستفهم طريقة تنفيذ الكود بعد التعديل و يمكنك بعد ذلك التعديل على البرنامج كما تريد

لا أعتقد انه يوجد كلاس جاهز لذلك يمكنك توسيط العنصر بالعديد من الطرق وتختلف حسب الكود الذي تستخدمه حيث يمكنك استخدام ال flexbox .flex-container { display: flex; align-items: center; justify-content: center; flex-direction: column; }

ماذا تقصد؟ إذا كنت تقصد عمل ذلك من خلال css أو التصميم فقط فيمكنك تنفيذ ذلك من خلال ال border يمكنك تصميم الأسهم كالتالي <div id="triangle-up"></div> ثم إضافة التنسيقات #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } والكود السابق يجعل السهم لأعلى ولعمل السهم لأسفل يمكنك استخدام #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; /* bottom بدلاً من top لاحظ */ } وبالنسبة للعداد أو الرقم الوجود بين الأسهم فيمكنك استخدام الجافاسكربت لتنفيذ ذلك كالتالي <h1 class="counter-display">(..)</h1> <button class="counter-minus">-</button> <button class="counter-plus">+</button> <script> let counterDisplayElem = document.querySelector('.counter-display'); let counterMinusElem = document.querySelector('.counter-minus'); let counterPlusElem = document.querySelector('.counter-plus'); let count = 0; updateDisplay(); counterPlusElem.addEventListener("click",()=>{ count++; updateDisplay(); }) ; counterMinusElem.addEventListener("click",()=>{ count--; updateDisplay(); }); function updateDisplay(){ counterDisplayElem.innerHTML = count; }; </script>

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

كما شرح عبدالمجيد فإنه يمكنك إضافة المسار الذي تريده من خلال ال sys.path ويمكنك إضافة المسار بداخله ولكن إذا أردت أن يكون البرنامج أن يجد المسار الأب تلقائياً يمكنك استخدام ال os.path.abspath() التي تقوم بإرجاع المسار الأب import os, sys sys.path.append(os.path.dirname(os.path.dirname(os.path.abspath(__file__)))) import helpers

كما وضح عبدالمجيد في التعليق السابق فإنه يفضل استخدام ال constructor أو ال componentDidMount بدلاً من استخدام componentWillMount لأن استخدام componentWillMount ربما يظهر بعض المشاكل في تطبيقك حيث ان هذه الدالة تنفذ قبل ال mounting مما يجعل تنفيذ عملية ال render مرة أخرى نتيجة تغيير ال state في هذه الدالة مثلاً غير ممكنة أو سيتم عمل render ولكن سيكون ستكون قبل تحديث المتصفح مما يجعل المستخدم لا يرى التحديثات المعتمدة على ال state لذلك يمكنك استخدام ال constructor عند إنشاء ال state أو عمل binding للدوال ال componentDidMount عند تنفيذ طلب http أو تنفيذ بعض الأكواد التي تعتمد على ال DOM

يمكنك استخدام insert و toArray لتنفيذ المطلوب كالتالي db.subset.insert(db.full_set.find({date:"20120105"}).toArray()) ولكن إذا كان لديك عدد كبير من المستندات يفضل استخدام ال aggregation كما في التعليق السابق حيث تعتبر أسرu من الحل المعتمد على find و insert بشكل كبير

بالإضافة أيضاً إلى إختلاف طريقة عملهما كما تم الشرح في التعليق السابق ولكن عند العمل ب updateOne يمكنك الوصول واستخدام ال update operators مما تجعلك قادر على تنفيذ العديد من التحديثات المتزامنة ويتم تسجيل جميع التحديثات معاً فمثلاً عند القيام بزيادة قيمة حقل في نفس المستند معاً يتم تسجيل الزيادتين بينما إذا استخدمنا ال replaceOne سيتم تسجيل زيادة واحدة

بالإضافة للحلول في التعليق السابق يمكنك أيضاً إضافة السطر التالي في الملف /etc/mongod.conf smallfiles = true ثم قم بعمل restart وسوف تعمل معك sudo service mongod restart

بالإضافة لسرعة تنفيذ العمليات المختلفة والكفاءة العالية في التخزين ل numby عن القوائم في python فإن ال numby توفر عليك بعض الأعمال التي ربما تحتاج لمزيد من العمل لتنفيذها من خلال قوائم python مثل الجمع على طول المحور المطلوب numpy.sum(arr, axis, dtype, out) تحويل البيانات من الملفات إلى مصفوفة مباشرة x = numpy.fromfile(file=open("data"), dtype=float).reshape((100, 100, 100)) وهناك أيضاً العديد من المكتبات التي تعمل مع أو تعتمد على ال numby مثل مكتبات ال visualization

تعتبر ال "use strict" من الإضافات القوية للغة حيث تمنع المطورين من الوقوع في الأخطاء وتعمل أيضاً بكشف الأخطاء ال silent التي لا يمكن إكتشافها فتقوم بمنع الأخطاء التالية تمنع تكرار ال keys في الكائنات var zombie = { eyeLeft : 0, eyeRight: 1, } تمنع تعريف المتغير بدون var وما إلى ذلك Y = 5; تمنع تكرار ال arguments function run(fromWhom, fromWhom){} أيضاً يقوم الوضع strict بتحسين الأداء الخاص بالبرنامج أو الكود مثلاً عن طريق عمل throw لل silent errors أيضاً يقوم بإصلاح بعض الأخطاء التي تمنع محرك v8 من عمل optimization

يجب أن تعرف أولاً أن res.send تتكون من res.write res.setHeaders res.end وتقوم send تحدد content type تلقائياً على حسب البيانات المرسلة بينما end لن تقوم بتحديد content type وأيضاً send تقوم بتحديد ال ETag وهو معرف لل http response ويساعد في ال cache وحفظ ال bandwidth هناك بعض الإستخدامات التي يفضل استخدام write ,end معاً بدلاً من send في حالة أن مثلاً البيانات المرسلة كبيرة أو عند محاولة تكرار عملية send فلن تنجح بينما ستنجح من خلال write ,end معاً

بالإضافة للحلول السابقة فإذا كنت تريد تمرير عدة متغيرات يمكنك وضع هذه المتغيرات في ملف آخر منفصل ويكون خاص بالمتغيرات مثلاً ثم إستدعائه قبل الملف الرئيسي ننشأ ملف مثلاً var.js يحتوي على المتغيرات التي نريدها في الملف الرئيسي ثم نقوم بتنفيذ ال scripts كالتالي $ mongo variables.js main.js

يمكنك عمل ذلك من خلال العديد من الطرق ولكل طريقة أولوية فمثلاً استخدام ال prefix يكون لها الأولوية الأعلى ولكن ربما تريد وضع إعدادت من خلال متغيرات البيئة كالتالي NPM_CONFIG_PREFIX=your/path أو من خلال ملف npmrc من خلال هذا المسار path/to/npm/itself/npmrc ويمكنك الـاكد من الإعدادات لديك من خلال الأمر npm config list

كما تم الشرح في التعليقات السابقة فإنه المعاملان or و and لا يقوما بإرجاع القيمة ل true أو false إنما يتم إرجاع القيمة من ال expression التي يجب تنفيذها كما تم الشرح بالأعلى وذلك يكون مفيداً في حالات مثل إرجاع قيمة إفتراضية ولكن في حالة أنك تريد تنفيذ المطلوب من برنامجك يمكنك استخدام ()bool كالتالي return bool(len(args) and max(args)-min(args))

توجد عدة طرق غير ال str ولكن في حالة أنك تستخدم Python 3.6 أو أعلى يمكنك استخدام ال f-strings كالتالي age= 18 print(f'I have {age} years old') ويعتبر ال f-strings من الإضافات القوية حيث يمكنك تنفيذ أي كود بداخل الأقواس كالتالي age= 18 print(f'I have {age + 5} years old') يمكنك أيضاً استدعاء دالة من داخل الأقواس def add(x, y): return x + y print(f'Sum(10,20) = {add(10, 20)}')

يمكنك أيضاً استخدام الإضافة is-next-server الخاصة بال next وببساطة يتم استخدامها كالتالي const isServer = require("is-next-server"); export default () => ( if (isServer) { // الخادم } else { // المتصفح } )

أعتقد أنك تريد تغيير عنوان الرابط الأول عند الضغط على زر آخر ويمكنك عمل ذلك من خلال تغيير ال href بواسطة javascript كالتالي var button = document.getElementById("button"); //الزر يقوم بتغيير الرابط var link = document.getElementById("mylink");//الرابط button.addEventListener("click", function(){ link.setAttribute('href', "http://الرابط الذي تريده"); })

أولاً يجب أن تعرف أنه لا يوجد وجه مقارنة بين ال master وال origin وهذه المصطلحات ليست مفاهيم في ال git أو github إنما origin هى إختصار لرابط المستودع البعيد و أعتقد أنك ترى العديد من الشروحات التي تستخدم الأمر git push origin master ولكن هنا origin تستخدم كإختصار بالنسبة ل master فهو اسم الفرع أو ال branch حيث أن يمكن أن يكون للrepo أكثر من branch وهو ليس بالضرورة أن يكون master إنما يمكن أن يكون main أو أي اسم آخر إذا أردت البحث عن المزيد من المعلومات يمكنك البحث عن git branch و ال origin

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

يمكنك استخدام with في ال error handling و ال management resources غالباً في بث الملفات حيث تستخدم في عدة عمليات مرتبطة ومترتبة على بعضها ويمكنك استخدامها كالتالي with open('file.txt', 'w') as f: f.write('hello') في هذه الحالة لا تحتاج لاستخدام f.close فهي تقوم بذلك بدلاً عنك بالطبع لا مشكلة في استخدام with بل اعد الأفضل في بعض الإستخدامات يمكنك بالطبع استخدام try except بدلاً منها ولكن with توفر عليك بعض المهام وإختصار للكود حتى تستطيع استخدام with يجب توفير الدعم لها من خلال إنشاء Context Manager على هيئة كائن حتى يتواجد الدوال __enter__ و __exit__ لتستطيع العمل ب with هناك العديد من الدوال والمكتبات التي بدأت توفير الدعم للعمل ب with

يمكنك استخدام الدالة to_numpy() وهذه الدالة تقوم باسترجاع الناتج كالتالي DataFrame([ {'var1': 'a', 'var2': 1}, {'var1': 'b', 'var2': 1}, {'var1': 'c', 'var2': 1}, {'var1': 'd', 'var2': 2}, {'var1': 'e', 'var2': 2}, {'var1': 'f', 'var2': 2} ]).to_numpy()

بما أننا نستخدم nextjs يمكننا الحصول على ال query من خلال ال useRouter hook كالتالي import { useRouter } from 'next/router' // hook نقوم باستدعاء ال const Index = () => { const router = useRouter() const {id} = router.query //query يمكننا هنا الوصول لل return(<div>{id}</div>) }

كما وضح عبدالمجيد أن الكود الذي يتم تنفيذه في المتصفح أي في ال client side يجب وضعه في ال lifecyle componentDidMount والبديل عن هذه ال lifecyle في ال function component ال useEffect ويتم تنفيذ المطلوب كالتالي import React, {useEffect } from 'react'; function Index() { //componentDidMount and componentDidUpdate مشابه ل useEffect(() => { console.log('window.innerHeight', window.innerHeight); },[]);