Mustafa Mahmoud7
-
المساهمات
676 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
1
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو Mustafa Mahmoud7
-
بإمكانك أيضا إزالة كل الازاحات الإفتراضية والهوامش كالأتى * { padding: 0; margin: 0; } ال * هى لتحديد كل العناصر ويتم وضعها فى بداية ملف الCSS
- 3 اجابة
-
- 1
-
-
مرحبا عبدالرحمن تطوير الواجهة الأمامية front end web developer أو ما يعرف تطوير واجهات المستخدم user interface developer هو برمجة الأجزاء المرئية التي يراها المستخدم ويتفاعل معها عند زيارة مواقع وتطبيقات الويب وبرمجة كافة الواجهات ومكوناتها من أزرار وقوائمونصوص ورسومات وصور ونماذج وغيرها وتحديد كيف سيبدو كل جزء من موقع الويب وكيف سيتفاعل المستخدم معه. يعتبر البدء فى عالم البرمجة من الواجهة الأمامية جيد جدا ولكن الأفضل من ذلك البدء بأساسيات البرمجة , أنظمة التشغيل , قواعد البيانات, عالم الويب, الخوازميات الخ... فذلك يعتبر أساس قوى لك فى المستقبل للواجهة الأمامية وغيرها من المجالات ولكن إذا أردت البدء من الواجهة الأمامية فلا بأس بذلك لتكون محترف واجهة أمامية وتحصل على دخل يمكنك اتباع الأتى: رحلة التعلم وفيها التعرف على عالم الويب وكيف يعمل الموقع الإلكترونى. تعلم ال HTML5,HTML لمعرفة بناء هيكل صفخة الويب وكيفة بنائها تعلم الCSS,CSS3 لمعرفة اضافة تنسيقات وألوان خصائص أخرى لعناصر الصفحة تعلم اطار عمل لCSS مثل Bootstrap أو Tailwind CSS وذلك لتسهيل العمل والسرعة بالCSS واعطائك بعض التنسيقات الجاهزة. تعلم الjavascript ليكون الموقع متفاعلا مع المستخدم والانتقال بين الصفحات وعند الضغط على الأزرار أو القوائم الخ.. . تعلم إطار عمل للجافاسكربت مثل React ,Angular ,Vue وذلك لتسهيل العمل والسرعة بال Javascript. بعد رحلة التعلم هذه عليك : التدريب المستمر واتقان ما تعلمته. عمل مشاريع كبيرة على هذه التقنيات ومشاريع تكون شبيهة بالمواقع الحقيقية . بناء معرض أعمال قوى سواء على أحد مواقع العمل أو موقع شخصى خاص بك لإبراز مهاراتك وما تستطيع أن تفعله. تفوم بالبحث عن عمل على أحد مواقع العمل الحر أو فى الشركات مع عمل سيرة ذاتية للتقديم بها فى الشركات. إذا قمت بالتعلم الجيد والتطبيق على ما تعلمته ثم بناء مشاريع جيدة والبحث عن عمل إن شاء الله تستطيع الحصول على عمل ثابت أو عمل حر على الانترنت. للمزيد اطلع على هذه الاجابات والمقالات بالتوفيق..
-
مرحبا عيسى بالنسبة لشيفرة الجافا سكربت يتم تعديلها للأتى let academy = "hsoub"; console.log(academy.charAt(3)); وسيتم طباعة الحرف الرابع من الكلمة وهو u أما للخطأ الذى يظهر معك تأكد أن ملف التنسيقات وملف شيفرة الجافا سكربت مربوط بملف ال html بهذا الشكل <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="مسار الملف الخاص بالتنسيقات.css" /> <title>My Project</title> </head> <body> <h1>Project Starter</h1> <script src="مسار الملف الخاص بشيفرة الجافا سكربت.css"></script> </body> </html> إذا لم تحل المشكلة يرجى رفع ملف الhtml لفحصه ومعرفة سبب المشكلة بالتوفيق.. -
مرحبا محمود تأكد أن الأب الذى بداخله هذا الdiv عليه التموضع relative <div class="relative"></div> تأكد أيضا أن ال dropdown تتغير من true ل false والعكس
- 3 اجابة
-
- 1
-
-
وعليكم السلام محمود الكود الأول والثانى يؤديان نفس الوظيفة الأولى مكتوبة بالكامل داخل الصنف مع استخدام السلاسل النموذجية `` لإضافة متغيرات داخل السلسلة النصية الثانية استخدمنا مزيج من الصنف والتنسيق . وهى عندما تكون القيمة dropdown صحيحة يتم تموضع هذا العنصر 2px من ناحية اليمين بالنسبة للعنصر الأب الذى بداخله هذا العنصر وعندما تكون تكون القيمة dropdown خاطئة يتم تموضع هذا العنصر -100% من ناحية اليمين بالنسبة للعنصر الأب الذى بداخله هذا العنصر ويظهرون على أنهم تحريك بسبب 1- transition-all : يضيف تأثير الانتقال على جيمع الخصائص 2- duration-500 : تقوم بتحديد مدة الحركة 500ms 3- ease-in-out : تقوم بتحديد كيفية الإنتقال من الحالة الأولية إلى الحالة النهائية بالتوفيق..
- 3 اجابة
-
- 1
-
-
مرحبا Nade توجهى إلى هذا الرابط الاشتراك في الدورات لمعرفة كيفية الاشتراك وإذا واجهتى أى مشكلة أثناء عملية الاشتراك تحدثي إلى مركزالمساعدة بالتوفيق..
-
يمكنكي تخصيص وقت معين من اليوم من ساعة إلى ساعة ونصف للتدريب على حل المسائل بلغة بايثون ويستحسن في بداية تعلمك البدء بمواقع تبدأ معك بمسائل بسيطة مثل Edabit, Codewars ويتم التدرج فيها للمستويات الأعلى والانتقال إلى مواقع أصعب في المسائل مثل Leetcode,CodeForces للمزيد يمكنك الاطلاع على المقالات واجابات أسئلة سابقة.
-
وعليكم السلام ورحمة الله وبركاته بما أن NextJs تدعم كتابة Frontend و Backend في نفس المشروع فذلك يعتبر جيد جدا لعدم اللجوء لعمل مشروع Backend منفصل. بما أنك تريد أنت تصبح فرونت اند فقط وليس لديك اهتمام بالباك اند فلا يجب عليك تعلمهم بالطبع والاكتفاء بمهارات الفرونت اند. يوجد مشاريع كثيره فقط ابحث عن "مشاريع nextjs" وستجد الكثير ولا تختار المشاريع التى تبنى باك اند وركز على المشاريع التي تتصل بالباكاند فقط بما إنك فرونت اند. NextAuth هى أداة تستخدم لتسهيل تنفيذ المصادقة من الفرونت اند مع بالباكاند من الجيد بالطبع لو تعلمتها. فإذا كان لديك باك اند جاهز للاتصال به فأنت لست بحاجة لكتابة الباك اند بنفسك. بالتوفيق..
- 3 اجابة
-
- 1
-
-
الامتحان والحصول على الشهادة شروط التقدم للامتحان يمكنك التقدم إلى امتحان الدورة، من خلال التواصل مع مركز مساعدة أكاديمية حسوب، مع مراعاة الشروط التالية: إتمام أربعة مسارات تعليمية على الأقل التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة رفع المشاريع على حسابك على GitHub أولًا بأول لمشاركتها معنا. للمزيد حول الشهادة وشروط الحصول عليها https://support.academy.hsoub.com/exams
-
لأن الelse بالفعل داخل الشرط if(userInput==1){} وهى مرتبطة بالشرط if(fileToDelete.delete()){}; إذا لم يكن صحيحا سينفذ ما بداخل الelse لتعديل هذا الأمر عليك استخراجها خارج ال if(userInput==1){} لتصبح بهذا الشكل if(userInput==1){ if(fileToDelete.delete()){}; ///////////// } else{ //////////// } فى حالة الرقم لم يكن 1 سيتم تنفيذ ما بداخل الelse
-
تستخدم الميثود push لإضافة عنصر جديد أو أكثر في المصفوفة وتتم الإضافة في نهاية المصفوفة let numbers = [1, 2, 3]; numbers.push(4) console.log(numbers); // output [1, 2, 3, 4] نلاحظ انه تم اضافة العنصر في نهاية المصفوفة أى انه تم التعديل فى المصفوفة الأصلية أما ال spread operator تستخدم عندما نريد نشر عناصر مصفوفة وهى تأخذ نسخة من عناصر المصفوفة const array = [1, 2, 3]; console.log(...array); //output 1,2,3 ويمكن استخدامها لنشر عناصر مصفوفة بداخل عناصر مصفوفة أخرى const fruits = [apple,banana]; const fruitsAndVegatables=[...fruits,tomato,concumber]; console.log(fruitsAndVegatables) //output [apple,banana,tomato,concumber] ويمكن استخدامها لدمج عناصر مصفوفتين const animals = [dog,cat]; const birds =[hen,duck] const animalsAndBirds=[...animals,...birds]; console.log(animalsAndBirds) //output [dog,cat,hen,duck]
-
بخصوص الدورات والاشتراكات فيها يمكنك التوجه إلى مركز المساعدة والاستعلام عن ذلك مركز المساعدة
-
لتعمل الdata-spy جيدا معك لابد من تغيير الoffest الى data-bs-offset <body data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="100"> حيث انه عند الوصول ل 100px من القسم يتم التغير فى النافبار ويصبح فعال على navlink حسب كل قسم أى أن data-bs-offset تحدد قيمة الجزء المراد من السكشن وبناءا عليه يتغير الnavlink الفعال أو بامكانك جعلها ديناميكية بالجافا سكربت var scrollSpy = new bootstrap.ScrollSpy(document.body, { target: '#navbar', offset:function () { // هنا يتم وضع ال offset //بطريقة تفاعلية مع الصفحة على حسب ال scrool return offset; } }); يظل الactive على النافبار لمدة لأنك في الstyle.css عليه خاصية transition transition: all 0.6s ease-in-out; عليك تقليل قيمة الوقت ليصبح 0.1s مثلا أوكما تريد transition: all 0.1s ease-in-out;
-
بإمكانك التوجه إلى مركز المساعدة وإذا لم تجد إجابة على أسئلتك بإمكانك التحدث معهم لايف بالطبع https://support.academy.hsoub.com
- 4 اجابة
-
- 1
-
-
تستخدم الدالة unshift لإضافة عنصر جديدة للمصفوفة في بدايتها أيا كان نوع العنصر (نص,رقم,مصفوفة,كائن) وهى تقوم بالتعديل فى المصفوفة الأساسية وهى تعتبر عكس الpush التى تضيف فى النهاية مثال لاضافة عنصر واحد نلاحظ انه تم اضافته فى بداية المصفوفة var food = ['banana', 'apple', 'carrot']; food.unshift('pinapple'); console.log(food); //النتيجة ستكون ['pinapple', 'banana', 'apple', 'carrot'] مثال أخر لإضافة عنصريين نلاحظ أنه أضاف العنصريين فى مرة واحدة فى بداية المصفوفة var food = ['banana', 'apple', 'cartot']; food.unshift('pinapple', 'concumber'); console.log(food); //النتيجة ستكون ['pinapple', 'concumber', 'banana', 'apple', 'cartot'] وفى المثال الخاص بك let x = [19, 1, 2, 3, 4, 5, 10]; function fun(arr) { let cope = []; for (let i in arr) { cope.unshift(arr[i]); } return cope; } console.log(fun(x)); //النتيجة ستكون [10, 5, 4, 3, 2, 1, 19] عند استدعاء الدالة fun ثم الدخول للحلقة التكرارية for فى كل مرة يتم إضافة عنصر من المصفوفة x فى بداية المصفوفة cope في أول تكرار cope = [19]; ثاني تكرار cope = [1,19] ثالث تكرار cope = [2,1,19] الى نهاية التكرار نلاحظ فى كل مرة يتم اضافة العنصر قى بداية المصفوفة لتصبح النتيجة النهائية console.log(cope) [10, 5, 4, 3, 2, 1, 19]
- 3 اجابة
-
- 1
-
-
بما أن المترجمات ( interpreter ) تقوم بتنفيذ البرنامج بشكلٍ مباشر فإنها تساهم بتوفير الوقت المرتبط بإنجاز عملية compile، كما أنه وبسبب قيامها بإصدار رسائل الخطأ عند السطر الذي تم إيجاد الخطأ عنده، تعتبر عملية البحث عن الأخطاء أسهل في لغات البرمجة المترجمة مقياساً مع مثيلاتها المترجمة. بسبب عدم قيام المترجم بتحليل الشيفرة المصدرية بالكامل وعدم توليده لأي برامج تنفيذية، فإنه يتوّجب في كل مرة يتم فيها تشغيل البرنامج إجراء عملية التفسير بالكامل وقراءة البرنامج وتحليله وتنفيذه سطراً تلو الآخر، ما يجعل اللغات المفسرات أبطأ عادةً من اللغات المترجمة عندما يتعلق الموضوع بزمن التنفيذ إلا أنها لا تستوجب نفس متطلبات الذاكرة الخاصة باللغات التى تحتاج compile كونها لا تقوم بتوليد أي برامج تنفيذية بل يتم تنفيذ البرنامج بشكلٍ مباشر من المترجم
- 5 اجابة
-
- 1
-
-
bandicam 2024-02-25 01-57-38-558.mp4
-
في بحث الإعدادات ابحث عن Emmet: Show Expanded Abbreviation وقم باعادة التعيين لتصبح always
-
عدل هذه القيم لتصبح on واجعلها مفعلة 1- قم بعمل اعادة تشغيل ل VS code 2- حدث VS code 3- قم بعمل اعادة تشغيل للجهاز إذا لم يفلح الأمر قم بعمل reste settings الاختيار الاخير هو حذف البرنامج واعادة تثبيته من جديد
-
قبل كل شئ عليك التأكد أنه تم تثبيت النود على جهازك للتأكد أنه تم عملية التثبيت افتح الcmd في أى مكان وأكتب node ثم enter سيتم ظهور اصدار الnode ثم بترتيب الصور لكى تصل إلى enviroments variables إذا لم تكن موجود يمكن إضافتها
-
هل انت ثبت النود على جهازك ؟ للتأكد أنه تم عملية التثبيت افتح الcmd في أى مكان وأكتب node ثم enter سيتم ظهور اصدار الnode هل انت تواجه مشكلة في كتابة أوامر النود؟ لكى يتم تشغيل الملف الذي الذي تكتب فيه افتح ال cmd فى المجلد الذي يحتوى الملف ثم node index ثم enter
-
يمكن فتح الcmd عن طريق فتح مجلد المشروع ثم كتابة cmd فى شريط العنوان ثم enter ثم يتم فتح مباشرة على المشروع أو يمكن فتح ال Terminal على المجلد الذى تريد في VS سيتم فتحه أيضا في VS Code
-
ممكن فديو يوضح المشكلة بالظبط لكى تتضح المشكلة أكثر
-
الموقع يعمل بشكل جيد سواء على الموبايل أو الديسكتوب عند عمل الموقع يتم اعداده ليكون شكله جيد سواء على الموبايل أو الديسكتوب أى يكون متجاوب مع معظم أحجام الشاشات لأنه لو تم اعداده ليكن بحجم واحد على علي كل الشاشات هذا سيكون سئ للمستخدم. تصميم المواقع المتجاوبة هو أسلوب لتطوير وتنسيق محتوى المواقع يهتم بشكل ظهور الموقع وكفاءة عمله باختلاف الجهاز الذي يستخدمه الزائر في التصفح؛ حيث يظهر بوضوح عند فتحه من الهاتف أو الكمبيوتر. تتشابه المواقع المتجاوبة مع الماء الذي يأخذ شكل الإناء الموضوع به؛ حيث يمكن تشبيه محتوى الموقع بالماء وجهاز المستخدم بالإناء وبالتالي يأخذ المحتوى شكل أي جهاز يتم فتحه من خلاله. مزايا تصميم مواقع الويب المتجاوبة تؤدي المواقع المتجاوبة مع جميع الأجهزة نتائج جيدة مقارنةً بغيرها، وتتمثل أهم مزاياها فيما يلي: زيادة عدد المستخدمين يضمن تصميم مواقع الويب المتجاوبة مع جميع الأجهزة زيادة عدد الزوار ومستخدمي الموقع، وذلك لأن حركة المرور إلى هذه المواقع تأتي من أجهزة مختلفة وبالتالي يمكن لأي شخص الوصول إلى موقعك من أي جهاز. تحسين تجربة المستخدم المواقع المتجاوبة مع جميع الأجهزة تجعل تجربة المستخدم أفضل على عكس المواقع المتجاوبة مع الأجهزة المكتبية فقط أو الهواتف الذكية فقط التي تجعل فئة كبيرة من الزوار لا يتمكنون من استخدام الموقع بسهولة. سرعة التحميل يمكن تصفح جميع مواقع الويب المتجاوبة من أي جهاز بسرعة حيث تتكيف مع حجم كل شاشة ودرجة وضوحها وتظهر بالطريقة التي تسهل على الزائر استخدامها والتنقل بين أقسام وصفحات الموقع بسهولة. تحسين محركات البحث المواقع المتجاوبة مع الهواتف الذكية يتم ترتيبها في النتائج الأولى على محركات البحث لأنها توفر تجربة استخدام جيدة، وبالتالي يزيد ذلك من عدد زوار الموقع.
