عبدالباسط ابراهيم
-
المساهمات
7006 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
13
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو عبدالباسط ابراهيم
-
يوجد العديد من الإطارات المستخدمة مع react ويمكنك استخدام الإطار المفضل بالنسبة لك ولكن من الإطارات الشائعة Material UI يوفر لك هذا الإطار الكثير من ال components ويعتبر من أشهر وأفضل الإطارات المستخدمة مع ال React إن لم يكن أفضلهم ويتبع هذا الإطار التوصيات المتبعة من Google’s Material Design React Bootstrap من الإطارات الجميلة أيضاً Semantic UI React Foundation مثل ال react- bootstrap هذا الإطار يعتمد على إطار Foundation ويمكنك أيضاً استخدام الإطار tailwind وهو إطار css ولكن يمكنك استخدامه مع React بدون مشاكل وهو إطار جميل جداً أنصحك بالإطلاع عليه
-
دورة علوم الحاسوب هي مدخل ولتعلم علوم الحاسوب عموماً فتبدأ معك ب حول علوم الحاسوب أساسيات البرمجة أنظمة التشغيل قواعد البيانات الويب لكل مسار من المسارات السابقة مجال واسع ومتفرع فمثلاً أنظمة التشغيل عي فرع من علوم الحاسوب وكذلك مجال ال IT فهو مجال كبير ومتفرع لعدة مجالات أخرى ولا يمكن لدورة واحدة أن تكفيه و تعتبر هذه الدورة مدخل لعلوم الحاسوب وبما في ذلك أساسيات ال IT فستتعلم قواعد البيانات أساسيات الويب أساسيات البرمجة و أنظمة التشغيل وهذه تعتبر من أساسيات مجال ال IT أيضاً ولكن نرجع للسؤال هل دورة علوم الحاسوب هى مجال الIT المتعارف عليه فى سوق العمل؟؟؟ ليست هذه الدورة مختصة بال IT تحديداً إنما علوم الحاسوب عموماً
-
كما وضح يوسف في التعليق السابق فما تريد هنا يسمى event delegation ولكن ماذا يحل هذا المصطلح ؟ كما قلت فالعنصر لم يكن موجود عند إنشاء ال DOM لذلك عندما قمت بطباعة العنصر console.log(document.querySelectorAll('select#products option')); لم يظهر شئ لذلك الحل يكون عن طريق وضع ال event على العنصر الأب لأنه موجود وسيتم إضافة نفس ال event للعناصر بداخله وذلك يسمى event bubbling إذا لا تقوم بإضافة الحدث لل options بل للعنصر الأب وهو في حالتك ال "select#products"(إذا كان موجود في ال DOM مسبقاً) فمثلاً تريد إضافة الحدث click لل options ستقوم بإضافة هذا الحدث لل select#products كالتالي document.querySelector('select#products').on('click',function(event){ //event.target عن طريق options يمكنك هنا تحديد الحدث لل if(event.target.tagName === "OPTION" ){ //your code } ) -
يمكنك البحث في موقع مستقل كمثال وستجد العديد من التطبيقات المشابه لما تريد ما عليك إلا البحث في المشاريع المطروحة أما بالنسبة للميزات الفريدة فيمكنك أيضاً الحساب بالوقت ولكن إذا كان تطبيق يحتاج للكثير من الإحترافية والخبرة فالطبع ستقوم بزيادة سعر الساعة لديك فلا يوجد سعر موحد للساعة لدى كل المبرمجين فيمكن أن تصل سعر الساعة لدي المبرمجين المحترفين ل 50$ ويمكن أن تصل ل 100$ فيعتمد علة خبرة المبرمج
-
يعتمد ذلك أولاً على نوع التطبيق هل هو تطبيق ويب تطبيق أندرويد تطبيق ios أو تطبيق متعدد المنصات فالسعر يخختلف على حسب التقنية المستخدمة التقنية المستخدمة يمكن للمبرمج تقدير الوقت المطلوب لتنفيذ التطبيق حيث ربما قام قبل ذلك ببناء تطبيق مشابه لذلك يكون على دراية بالوقم المطلوب بالنسبة للأسعار فتختلف على حسب التطبيق ولكن عموماً يمكنك معرفة ذلك من خلال الإطلاع على الأعمال والمشاريع المشابه للتطبيق على منصات العمل الحر حتى تعرف متوسط الأسعار ويمكنك أيضاً تقدير سعر التطبيق من خلال حساب عدد الساغات المطلوبة لبناء التطبيق مضروبة في سعر الساعة لدى المبرمج وأعتقد أن هذه الطريقة أفضل وعادلة للطرفين
-
ملفات ال sass التي نقوم بكتابتها في اي مشروع webpack أو غيره سواء كان ملف واحد أو أكثر سوف تترجم إلى css أي بمعنى أن ملفات ال sass لن يفهمها المتصفح وبالتالي لن نرفع هذه الملفات إلى الإستضافة وبالإضافة للتعليق السابق فإنه يمكنك تقسيم ملفات ال sass إلى مكونات صغيرة مثل صفحة لل header وصفحة لل navbar وأيضاً لكل صفحة html صفحة sass ويمكنك تقسيمها حسب ماتريد ولكن في الأخير سيكون ملف css واحد
- 5 اجابة
-
- 1
-
-
ال GraphQl هي لغة إستعلام لجلب البيانات من السيرفر عن طريق ال api وهي إختصار لل application programming interface وتعتبر تقنية جديدة عن ال rest strapi هو headless cms ويعني ببساطة نظام إدارة محتوي مثل ال wordpress ولكن يختلف عنه أنه يقوم بالتواصل مع ال frontend من خلال ال api فقط للعمل مع الإطارات مثل react على عكس wordpres Gatsby هو static site generator وهو مخصص لل react يمكنك من بناء مواقع ديناميكية ولكن بدون استخدام قواعد البيانات وبالتالي بدون استخدام أي لغة backend
- 4 اجابة
-
- 1
-
-
للعمل على محرك الألعاب unity ستحتاجين لتعلم لغة البرمجة #c ويوجد أيضاً لغة أخرى ولكن لغة #c هي الأفضل والمنتشرة في الشروحات على الإنترنت تعلم كيفية استخدام المحرك نفسه ويمكنك أن تجدي الكثير من الدورات عليك فقط البحث عن الدورات للمحرك ويوجد دورات على موقع المحرك نفسه يمكنك الإطلاع عليها يمكنك البدأ ببناء اللعبة وربما تجدي دورة تعليمية يقوم المدرب فيها ببناء نفس اللعبة التي تريديها إن واجهتك أي مشكلة يمكننا المساعدة
-
عموماً أي تعاملات على الإنترنت الأفضل استخدام paypal أو أي خدمة مشابهه له ويعتبر paypal الأفضل وذلك لأن معظم البنوك تضع قيوداً وصعوبات للتعامل على الإنترنت وبالنسبة للعمل على الإنترنت فمعظم منصات العمل الحر تضع paypal الخيار الأفضل والأول عند سحب الأموال وبالنسبة لمنصة مستقل فتتعامل فقط مع paypal ولتفعيل paypal في مصر عدة بطاقات قليلة لتفعيل paypal منها بطاقة easypay من البريد المصري وتعمل معي بدون مشاكل
- 4 اجابة
-
- 1
-
-
أولاً fetch دالة جاهزة في ال javascript بينما axios مكتبة تحتاج لإستدعائها بالطبع ليس خطأ والفرق بينهما بسيط ويمكن لكلاهما القيام بنفس الشئ والفرق بينهما fetch لا تدعم IE 11 بينما axios تدعمه عند عمل request يجب أن تقوم بتنفيذ الدالة json() function لل response بينما لا نقوم بذلك في axios يجب عليك تحويل ال object ل json في ال fetch بينما لا نقوم بذلك في ال axios أعتقد أنه لا يمكنك العمل مع ال service worker لل PWA باستخدام axios فقط fetch لذلك يمكنك استخدام كلاهما بدون مشاكل ولكن في التطبيقات الكبيرة ربما تسهل ال axios العمل عن ال fetch
- 6 اجابة
-
- 4
-
-
أولاً يمكنك في python 3 استخدام super كالتالي class Child(SomeBaseClass): def __init__(self): super().__init__() ثانياً في المثالين السابقين ستكون النتيجة واحدة ولكن الفرق بينهما؟ أن في الحالة الأولى لا تحتاج لكتابة SomeBaseClass وبالتالي توفر لك فائدة الوراثة من أكثر من class كالتالي class First(object): def __init__(self): super(First, self).__init__() print("first") class Second(object): def __init__(self): super(Second, self).__init__() print("second") class Third(First, Second): def __init__(self): super(Third, self).__init__() print("third")
- 2 اجابة
-
- 1
-
-
أولاً تطوير المواقع بستخدام لغة ال php ليست محدودة ومقتصرة على ال cms وأجد أنك تتحدث عن ال wordpress ولكن ال wordpress هو cms أي أنك تحصر إمكانيات اللغة البرمجية في ال wordpress وللعلم تستطيع عمل أي موقع تريده باستخدام ال php ويمكنك استخدام الإطار laravel بدلاً من wordpress إذا كنت لا تريد بناء موقع cms ويمكنك أيضاً بناء api للموقع عن طريق php ولكن هناك خيار يناسب التطبيقات التي تريد بنائها وهو ال node js فيمكنك من خلالها بناء ال api بشكل أفضل وأسهل من ال php
- 6 اجابة
-
- 1
-
-
قم بالضغط على السهم الموجود بجانب كلمة "أضف مشروع مماثل" وستظهر لك قائمة قم بإختيار إلغاء المشروع
- 1 جواب
-
- 2
-
-
هل تقصد الأكواد الموجودة في دروس هذه المسارات ؟ إذا كان كذلك فإنه لا يوجد ملفات من دروس اساسيات html أو css حيث يجب عليك فهم طريقة عمل الأكواد والتعرف عليها فقط وحتى تستطيع كتابة الأكواد بنفسك بعد المتابعة مع كل درس بينما في المسارات القادمة ستجد العديد من المشاريع ومع كل مشروع ستجد الملفات الخاصة به أما إذا كنت تسأل عن المشروع الموجود بعد دروس اساسيات html أو css وهو بناء موقع شخصي فيمكنك أنه تجده في هذا الدرس أسفل الفيديو
-
نعم يمكنك إرسالها مع المرفقات وتأكد من تسليم جميع الملفات بشكل سليم ثم بعد ذلك قم بتسليم المشروع ستجد كلمة "تسليم المشروع" ف أعلى اليسار في الموقع في الصفحة الخاصة بالمشروع حتى يوافق عليه العميل يصبح المشروع مكتمل و تصلك الأموال
- 4 اجابة
-
- 1
-
-
يحدث ذلك لأن في صفحة ال navbar يوجد section يسمى home يأخذ إرتفاع الواجهة وبالتالي ال header ينزل إلى بعد ال home وبالتالي قومي بحذف ال home <nav class="nav"> ... </nav> <section class="home"> <!-- section قومي بحذف هذا ال --> </section> أو يمكنك وضع ال header بداخل ال home
-
من الطبيعي أن يكون صعب فإن كنت مكان العميل من ستختار وتقبل له العرض المستقل الجديد على المنصة الذي لم يكمل أول عمل له أم من له العديد من المشاريع المكتملة والتقييمات العالية؟ حسناً ربما تقول أن العمل مستحيل ولكن ذلك غير صحيح حيث يمكن لأعمالك السابقة أن تجعل العميل يثق في مهاراتك وتوجد العديد من العوامل التي تساعد في الحصول على أول عميل ويمكنك أن تجد ذلك في الإجابات على هذا السؤال أو هذا وبالأخير فهذه أرزاق وتعتمد على جهدك والأمر ليس بتلك الصعوبة التي تتخيلها فقط يحتاج للمتابعة
-
يحتاج البرنامج لإدارة واستخدام الذاكرة لحفظ المتغيرات والقيم ولذلك يقوم بتخصيص أجزاء من الذاكرة وحذفها عند عدم الاستخدام وهذا هو التعريف ببساطة وتوجد لغات برمجية تقوم بعمل ذلك ذاتياً بدون تدخل منك مثل JavaScript وهناك أيضاً لغات تحتاج لإدارة الذاكرة يدوياً ويالطبع يمكن أن يقل أداء البرنامج لسوء استخدام الذاكرة مما يسبب memory leak وأما بالنسبة لل JavaScript فلا تحتاج لعمل ذلك يدوياً لأن اللغة تقوم بذلك تلقائيا
- 2 اجابة
-
- 1
-
-
هل تقصد البدأ في التقدم على عمل ومشاريع لعملاء؟ إذا كان كذلك فالأفضل أن تنتظر لنهاية الدورة لأن توجد بعض المشاريع بعد مسار بناء خمسه صفحات هبوط أكثر إحترافية وستتعلم المزيد من المعلومات و التقنيات حيث ستكون قادر على تنفيذ العديد من المشاريع المطلوبة كتحويل design إلى html و css والعديد من المشاريع الأخرى الخاصة بال frontend أما إذا كنت تقصد العمل على مشاريع كتدريب؟ هذه المشاريع التي تبنيها ستتزيد من خبرتك في المجال وستتطور معها وما يجب عليك عند التطبيق هو فهم كل جزء من الشرح وبعدها أيضاً تستطيع عمل أي مشروع خاص بال frontend
- 1 جواب
-
- 1
-
-
ماذا تقصد بالرقم ؟ على العموم يمكنك التأكد من وجود قيمة في ال dictionary من خلال ال دالة .values كالتالي numbers = {'1': 'one', '3': 'three', '2': 'two', '5': 'five', '4': 'four'} 'one' in d.values() True وتقوم هذه الدالة بإرجاع قيمة true إذا كانت القيمة موجودة أو false إذا لم تكن موجودة
-
يمكنكي أن تستخدم مكتبة os.path وهي توفر دالة ()exists وهذه الدالة تقوم بإرجاع قيمة true أو false كالتالي import os.path os.path.exists(file_path) وتوجد أيضاً دالة ()isfile للتأكد إذا كان ملف أم لا كالتالي os.path.isfile(file_path) ولا تنسي إستدعاء المكتبة
- 1 جواب
-
- 1
-
-
هماك خطأ بسيط في الكود وهو المجال ل this في ال setTimeout حيث سوف تعود ال this للكائن window وليس ال component ولذلك يمكننا حل هذه المشكلة عن طريق عمل binding عن طريق توليد دالة جديدة بمجال scope محدد setTimeout(function(){this.setState({count: 1})}.bind(this), 3000); أو يمكنك استخدام ال arrow function كالتالي setTimeout(()=>this.setState({count: 1}), 3000);
- 2 اجابة
-
- 1
-
-
يمكننا تقسيم ال rule التالية '&$checked' لجزئين & هذه العلامة تعني ال rule الأب أي في حالتنا هنا فهو ال root checked$ فهي تقوم بتوليد rule جديد من نفس ال rule الموجود في المثال الموجود سيكون ال rule الناتجة هي "root.checked:"
- 2 اجابة
-
- 1
-
-
لا يمكنك أن تقول أن مجال ما أكثر ربحاً من مجال لماذا؟ لأنه يجب الأخذ في الإعتبار عدد الفرص المتاحة عدد ال frontend developer حول العالم متوسط دخل ال frontend developer وهناك العديد من المتغيرات الأخرى ولكن عموماً يمكنك كسب مرتب يختلف على حسب مدى احترافيتك ربما نقارن تطوير واجهات المستخدم مع مجال آخر مثل ال backend ستجد الفرص المتاحة ل تطوير واجهات المستخدم أكثر من الفرص لل backend ولكن عدد مطوري واجهات المستخدم أكثر والعائد المادي أقل من ال backend ولذلك فتحديد المجال الأكثر ربحاً يعتمد على العديد من المتغيرات ولكن عند إتقانك للمجال الذي تحبه ستجد الفرص متاحة أمامك بسهولة
- 2 اجابة
-
- 1
-
-
سقوم بتوضيح الخطوات المطلوبة ثم يمكنكي بعدها التطبيق باللغة التي تريديها ويعتبر هذا البرنامج سهل وما تحتاجين إليه هو القيام بإنشاء حلقة تكرار على ال list وفي داخل الحلقة تقومي بحذف ال key الموجود في ال list كالتالي del dic[k] حيث يعتبر ال k هو عنصر من ال list على حسب كل حلقة تكرار
