Ahmed Ebrahim11

السلام عليكم 

اريد بعض المساعدة لعمل تاثير معين بداخل صفحة 

ف قسم works يوجد بعض الصور اريد عند الضغط علي علامة + بداخل الصوره يظهر popout ل model  كل صوره لها مودل لاختلاف الصور كيف اقوم بفعهلها باستخدام js قمت بعمل كود لها وتم الامر ولكنه طويل غير اني اعامل كل صوره علي حدي ف كود ال js  اعتقد انة يوجد طريقه ابسط بال js

2- ال counter لا يعمل علي الرغم من انه كان يعمل عند انشاءة ولم اعدل عليه ابدا قمت بارفاق صورة

portfolio.zip

السلام عليكم

طلب احد العملاء ان اقوم برفع موقعه عل الانترنت باستخدام hostinger وسألني اذا ما سيكون الموقع جاهز لل digital marketing عند رفعه 

فهل بجب تحديد باقه معينه من hostinger من أجل هذا ؟

السلام عليكم

يريد عميل رفع موقع له عل hostinger  ولم اقم بالتعامل علي hostinger من قبل وسألني هل عند رفع الموقع سيكون قابل لعمليه digital marketing  ام لا 

هنا اي باقه اشتري من hostinger العميل يريد تجربه لمده شهر هل سيكون الموقع متاح للتسويق عند الرفع علي اي باقه ف hostinger ام لا

السلام عليكم 

قمت برفع موقع استعملت فيه webpack عل github حيث قمت برفع الملفات في dist

وقمت بالتسمية Ahmed.github.io

ولكن لا يظهر اللنك ف pages

السلام عليكم

اريد اضافة زر عند الضغط عليه تخرج نافذه بها التفاصيل الزر هو عبارة عن علامه + ف قسم works 

فقمت باستعمال ال model من bootstrap ولكن تظهر معي هذه المشكلة

وهل يوجد طريقه ابسط لعمل ذلك بدون ال model جربت pure js ولكن تظهر النافذة ضمن ال works وتحدث مشاكل

قمت بارفاث صورة للتوضيح

portfolio.zip

بتاريخ 9 ساعة قال Adnane Kadri:

السبب غالبا هو في الخطأ في طريقة تصفحك الموقع، تأكد من زيارة الرابط الصحيح. 

يبدوا أن موقعك متوفر بشكل عادي على: https://ahmed-alfadaly.github.io/

ان شئت نشر الموقع على رابط فرعي مثل: https://ahmed-alfadaly.github.io/Travel_Agency.github.io/ فتأكد من اعتماد الاعدادات اللازمة من صفحة اعدادات صفحة غيتهب الموافقة لموقعك. 

لم افهم استاذ

قمت برفع الموقع بشكل عادي ما علاقة متجر بالعربي باللنك الاخر

السلام عليكم 

لا اعلم سبب وجود المسافه البيضاء اسفل الصفحة

اريد المساعدة لحل هذه المشكلة

portfolio.zip

السلام عليكم عند رفع موقعي عل github ك live demo لا يظهر وتظهر هذه الصوره

مالسبب

https://ahmed-alfadaly.github.io/Travel_Agency.github.io/

السلام عليكم 

انا الان ف دوره تطوير التطبيقات باستخدام js 

قمت بإنهاء مسار react

اريد معرفه رأي المدربين هل ابدا ف node مع العلم اني أشعر أني اريد التعمق ف رياكت اكثر لكي اتقنها جيدا فهل انتظر واقوم بالتطبيق علي react قبل البدأ ف node.js او ابدا ب node.js مباشرة 

السلام عليكم

عند رفع موقعي علي github تظهر لي هذه الرسالة

السلام عليكم 

هذه اول مره لي لرفع موقع عل استضافه فارجو توضيح الأمور جيدا لي 

هل hostinger اختيار مناسب حيث أن الموقع صفحه واحده من ٥ سكشن.

خطوات الرفع عل hostinger  وهل هناك أمور يجب الحذر منها اثناء رفع الموقع 

عند اختيار الدومين وعند البحث عن اسم مشابه له عل جوجل هل سيظهر موقعي ؟

شكرا

بتاريخ 2 دقائق مضت قال Mahmoud Hassan19:

مرحبا
تستطيع في احجام شاشة الموبيل  استخدام 
 

background-size: 100% 100%;

 

 

مع استخدام هذه الكود وهنا تستخدم صور bac.png وليس bac1.png لانه الصورة مبكسله اصلا
 

@media (max-width: 767.98px) {
header {
    background-image: url(../src/images/bac.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
 
  
}
}

او من الممكن استخدام

 background-size: cover;
 background-clip: border-box;

وسوف سكون شكلها هكذا

مع استخدام هذه الكود

@media (max-width: 767.98px) { 
header {
    background-image: url(../src/images/bac.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-clip: border-box;

  
}
}

اذ لم يظبط مع هذا الحل
فكدا لازن تصغر ال height الخاص ب header علي شاشات الموبيل

جربت تصغير ال header ولكن لم يحدث شئ هذا ما اريده وهو ضبط ال header

بتاريخ 19 دقائق مضت قال Najah Alsaker:

هناك ميزة تدعى @media في لغة css يمكنك استخدامها لتغيير حجم الخلفية في مختلف الشاشات عبر كتابة هذا الكود في اخر ملف ال css 

على سبيل المثال اريد تغيير حجم الخلفية عند المقاس 768px كحد اقصى ف اكتب الكود التالي 

@media (max-width: 768px) {
    body {
        //هنا تضع الاحجام والمميزات التي تريدها 
    }
}

الخاصية @media هي التي تسمح لنا بالتحكم بمقاس الشاشة 

max-width: 768px : حددت له انه من اصغر حجم للشاشات وحتى المقاس 768px  

وبين الاقواس الهلالية تكتب الكود الذي تريده 

وهناك طريقة لتعرف مقاس الشاشة الذي تريد تغير الخصائص عنده وذلك من خلال تثبيت اضافة width and height display  

وبالتوفيق لك 

انا ادرك ذلك استاذتي انا اقصد كيفيه عمل resize للصوره جربت عمل تغيير فعلا ولكن ال height لا يتغير

اريد ان اصغر ال height الخاص ب header كي يناسب الشاشات 

DR.Scan (2).zip

السلام عليكم 

اريد ان اسال عن طريقه ظبط الصوره في background مع تغير الشاشات الي الاصغر حيث ان الصوره تصبح اكبر وتشوش مع تصغير الشاشه كيف يمكنني جعل الصوره تظهر بوضوح علي شاشه الهاتف 

قمت بارفاق الصور للتوضيح

السلام عليكم 

كيف يمكنني زياده سرعه الموقع مع استخدام صور ذات جوده عاليه

حيث ان الموقع كان يعمل جيدا الي ان قمت باستخدام الصور وأصبح بطئ جدا ف التحميل 

كيف يمكنني حل هذه المشكله

السلام عليكم

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

هذا الكود الذي قمت بكتابته

function WhatsApp(){
    var phone = "+201029588180";
    var name = document.querySelector('.name').value;
    var email = document.querySelector('.email').value;
    var phonenumber = document.querySelector('.phone').value;
    var title = document.querySelector('.title').value;
    var message = document.querySelector('.message').value;


    var url = "https://wa.me/" + phone + "?text=" 
    +"Name :  " + name+"%0a"
    +"phone : " +phonenumber +"%0a"
    +"email : " + email+"%0a"
    +"title : " + title+"%0a"
    +"message : " + message+"%0a"+"اريد حجز معاد من اجل فحص طبي"


    window.open(url, '_blank').focus();
}

السلام عليكم

تواجهني مشكله مع data-spy حيث انها لا تعمل جيدا كما ان active يظهل عند navlink محدد لمده رغم تغير السكشن كما بالصورة بالاسفل حيث يظل عند قسم تواصل معنا

DR.Scan.zip

السلام عليكم

احاول ان ارفع موقعي علي github والحصول عل live demo له ولكن اللنك لا يظهر ابدا مع اني قمت بعمل هذه الخطوات من قبل

هل استخدام webpack يفرق عند رفع الموقع وجعله حي علي github?

السلام عليكم هناك شئ لا أفهمه 

مالفرق بين رفع مع موقعي عل github  وبين اختيار استضافه ووضع دومين ورفعه علي الانترنت 

حيث انه حين يطلب مني احدهم موقع لعمل SEO هل يمكنني اعطاءه لنك live لموقع عل github!

السلام عليكم 

الان عند الانتهاء من تنفيذ موقع وأريد رفعه عل جوجل 

ما هي الخطوات اللازمه لفعل ذلك

اي اريد شراء دومين مدي الحياه لاستضافه الموقع فما الخطوات اللازمه لذلك

السلام عليكم 

اريد ان اعلم ما متوسط المده تعلم إطار العمل react

بالنسبه لشخص انتهي من دوره تطوير واجهه المستخدم.

السلام عليكم 

ظهرت مشكله ف webpack فجاه اثناء عملي كما بالصوره 92 خطا بحثت عن حل target: 'node',  ف module.export ف ملف webpack.config 

قامت بحل كل المشاكل ولكن لا زال هناك 3 errors لا اعرف سببها

portfolio.zip

بتاريخ 2 دقائق مضت قال عبدالباسط ابراهيم:

ك backend ، غالبًا ما يتعين عليك التعامل مع كميات كبيرة من البيانات. تعلم data structure سيساعدك على فهم كيفية تخزين هذه البيانات ومعالجتها بشكل فعال. 

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

وجدت ولكن عدد الفيديوهات متباين 

لذلك ساركز عل المفاهيم التي كتبها الاستاذ لي  

السلام عليكم

اسف لكثره اسئلتي

كنت احاول ان اقوم باستخدام focus و blur لمجموعه input  اي عندما يمتلئ اول حقل برقم يتم الغاء ال focus تلقائيا ,وينتقل للحقل الثاني مباشره

ولمن لم تعمل هذا هو الكود

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <input type="text" class="one">
        <input type="text" class="two">
        <button id="click" type="submit"> submit</button>
    </form>
    <a href="https://www.google.com/search?q=google&rlz=1C1GCEA_enEG1081EG1081&oq=google&gs_lcrp=EgZjaHJvbWUqDAgAECMYJxiABBiKBTIMCAAQIxgnGIAEGIoFMhMIARAuGIMBGMcBGLEDGNEDGIAEMgwIAhAjGCcYgAQYigUyCggDEAAYsQMYgAQyDQgEEAAYgwEYsQMYgAQyBggFEEUYPDIGCAYQRRg8MgYIBxBFGDzSAQgxNTM3ajBqN6gCALACAA&sourceid=chrome&ie=UTF-8">GOOGLE</a>
    <script src="./train.js"></script>
</body>
</html>

let one = document.querySelector(".one")
let two = document.querySelector(".two")
window.onload = function(){
    one.focus();
}
if (one.value !== "" && one.value.length === 1){
    console.log("hello");
    one.blur();
    two.focus();
}

بتاريخ 10 ساعة قال Khaled Osama3:

نعم تعلم الداتا ستركتشر مهم جدا أثناء تعلم البرمجة بشكل عام.

الداتا ستركتشر أو هياكل البيانات هي الطريقة التي نخزن وننظم المعلومات في البرنامج. تعتبر أحد المفاهيم الأساسية في البرمجة.

بعض أهم أنواع الداتا ستركتشر التي سيكون من المفيد أن تتعرف عليها:

- القوائم (Arrays)
- القواميس (Objects) 
- الصفوف (Linked Lists)
- الأشجار (Trees)
- الطوابير (Queues)
- المكامل (Stacks)

فهم هذه الأنواع بشكل جيد سيساعدك كثيرا في اختيار أفضل تمثيل لبيانات تطبيقك والعمل عليها بشكل فعال.

كما أن تعلم الداتا ستركتشر ضروري لفهم الخوارزميات والبرمجة الحسابية بشكل أعمق.

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

بالإضافة إلى ذلك، يمكن أن يكون تعلم هياكل البيانات مفيدًا عند التعامل مع بعض الإطارات (Frameworks) ومكتبات Node.js التي قد تستخدم هياكل البيانات في واجهة برمجة التطبيقات (API) الخاصة بها.

في الخلاصة، تعلم الداتا ستركتشر مهم جدا للمبرمجين ولن يضرك بالتأكيد. أنصحك بتخصيص بعض الوقت له.

 

ا. هل يمكنك ترشيح كورس جيد ل data structure يشمل كل شئ وليس ملخص