اذهب إلى المحتوى

أسامة زيادة

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    2501

  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    6

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو أسامة زيادة

  1. أسامة زيادة
    الشيفرة لديك صحيحة لكنك تستخدم أوامر خاصة في الجيكويري وانت لم تقم بتضمينها في ملف html لذلك قم بإضافة هذا الكود في أسفل الملف لتضمين المكتبة بهذا الشكل <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="script.js"></script> </body> </html>
  2. أسامة زيادة
    هل يمكنك إرفاق الشيفرة البرمجية للكود ؟
  3. أسامة زيادة
    هنا كملاحظة وليس كخطأ يخبرك أن الوسم 'type='date لا يعمل على المتصفح وغير مدعم على متصفح Internet Explorer هل يمكنك التجربة على متصفح آخر . والطريقة الصحيحة لظهور التقويم بهذا الشكل <form> <label for="Day">Day:</label> <input type="date" id="Day" name="Day"> </form>
  4. أسامة زيادة
    يوجد طرق مختلفة للجميع بين لغة PHP و HTML وبشكل عام يوجد طريقتين للربط بينهما والطريقة الأولى هي استخدام رمز php نفسه في ملف html ، أي تحتاج إلى وضع علامة البدء php؟> وإغلاق العلامة <? وكتابة شيفرة PHP بينهما ، مثلاً <!DOCTYPE html> <html> <head> <title>Embed PHP in a .html File</title> </head> <body> <h1><?php echo "Hello World" ?></h1> </body> </html> وبما أن لغة PHP هي لغة نصية من جانب الخادم فسوف يتم تفسير الرمز وتشغيله من قبل الخادم . سوف تكون نتيجة المثال السابق كالتالي <?php echo "Hello World" ?> في حال كان امتداد الملف .html سوف يتم طباعة النص داخل الوسم h1 دون التعرف على شيفرة php لذلك لتعرف على شيفرة PHP يجب أن يكون امتداد الملف .php وعندها سوف تكون النتيجة على المتصفح Hello World أما الطريقة الثانية هي نستخدم قدرات PHP Series التي تتيح لك توصيل سلاسل مختلفة إلى سلسلة أخرى . وأخيرا، استخدم echo لعرض السلسلة المتصلة. ويكون هيكل الشيفرة البرمجية كالتالي <!DOCTYPE html> <html> <head> <title>...</title> </head> <body> HTML... <?php PHP code ... ?> HTML... <?php PHP code ... ?> HTML... </body> </html> يتم توضيح الطريقة في هذا المثال ، سوف نستخدم الحلقات لطباعة العناصر . <!DOCTYPE html> <html> <head> <title>How to put PHP in HTML - foreach Example</title> </head> <body> <?php $employees = array(‘John’, ‘Michelle’, ‘Mari’, ‘Luke’, ‘Nellie’); ?> <h1>List of Employees</h1> <ul> <?php foreach ($employees as $employee) { ?> <li><?php echo $employee ?></li> <?php } ?> </ul> </body> </html> نقوم بإنشاء مصفوفة في بداية البرنامج بعد ذلك، استخدمنا foreach للبحث في قيم المصفوفة . وأخيرا، استخدمنا echo لعرض قيمة عناصر المصفوفة. وسوف تكون النتيجة كالتالي List of Employees John Michelle Mari Luke Nellie
  5. أسامة زيادة
    هل يمكنك إرفاق الكود الذي تتوقع به المشكلة ؟
  6. أسامة زيادة
    هل تظهر لديك أخطاء معينة عند تشغيل السيرفر ، في حال كان يظهر لديك أخطاء هل يمكنك إرفاقها ، حتى نستطيع مساعدك وفهم المشكلة بشكل جيد .
  7. أسامة زيادة
    تهانينا على إنجاز المسار بناء واجهة مستخدم تشبه موقع YouTube وبالتوفيق لك ، الأمر هنا يعود لك والسؤال هل الأمور التي تنساها مهمة وسوف تستمر معي في المسارات القادمة ، إذن هنا يجب عليك مراجعتها وحفظها جيداً خاصة وإن كان فيها نوعاً من الصعوبة ، غير ذلك يمكن الاستمرار في المسار التالي وربما يكون هناك تكرار لبعض الأمور التي درستها في مسار بناء واجهة مستخدم تشبه موقع YouTube ومن هذا التكرار يمكنك مراجعة الأمور وفهمها وحفظها بشكل جيد .
  8. أسامة زيادة
    تمام ، هل يمكنك إرفاق الشيفرة البرمجية التي تتوقع بها المشكلة .
  9. أسامة زيادة
    سوف يتم إخفاء السؤال من هنا ، الأسئلة الخاصة بالدورات أرجوا منك إرفاقها أسفل الدرس .
  10. أسامة زيادة
    أولاً كما تعلم أن السيرة الذاتية هي وصفاً وملخصاً عن معلوماتك وأن هناك عدة معلومات يجب أن تحتويها السيرة الذاتية :- التفاصيل والمعلومات الشخصية : يجب أن تتضمن السيرة الذاتية في البداية اسمك ومعلومات الميلاد الخاصة بك و البريد الإلكتروني وطرق التواصل ومن الأفضل أن تحتوي على عدة طرق لتواصل أيضاً العنوان ،كما يجب تجنب ذكر تفاصيل غير مهمة ولا بد من التأكد من أن المعلومات صحيحة ودقيقة . المؤهلات التعليمية : يتم ترتيب المؤهلات التي حصلت عليها تبعاً لتسلسل الزمني ويتم ذكر اسم المؤسسة أو الجامعة وعناوينهم ووضع الدرجة الممنوحة ، وهنا لا يتم ذكر التعليم الأساسي او الثانوي في حال كنت متخرج من الجامعة ، أما إن كنت لم تتخرج أو في انتظار شهادة ، يتم ذكر السنة والشهر الذي تتوقع التخرج به . الخبرات العملية : هنا تذكر الأعمال التي قمت بها ويتم ذكر المنظمة التي عملت بها وعنوانها والمسؤوليات التي قمت بها والمركز الوظيفي والمدة الزمنية وهنا يفضل عدك ذكر الرواتب أو المكافآت . الدورات : هنا تذكر الدورات التي حصلت عليها وعدد الساعات. المهارات : تكتب هنا المهارات الحقيقة التي تمتلكها دون تضخيم او تزيف مثل تحمل الضغوطات والأعباء وغيرها. المكافآت : ذكر الجوائز أو المكافآت التي حصلت عليها في مرحلة الدراسة او العمل من خلال النشاطات . الأشخاص المعرفون : هنا تذكر اسم شخصين أو ثلاثة من الأشخاص المقربون بحيث تكون لهم معرفة بالخبرات التي لديك ومؤهلاتك ، لتقديم توصية في حال التواصل معه . يمكنك الإطلاع على هذه المقالات لتتعرف أكثر عن كتابة السيرة الذاتية
  11. أسامة زيادة
    ممتاز لقد كانت البداية موفقة جداً ، قمت بعمل التالي حسب ما فهمته من التمرين لديك أولاً أضفت كلاسات جديدة مع كلاس main كما هو موضح <body> <div class="father"> <div class="full-width"> FULL WIDTH </div> <div class="clear"></div> <div class="main main-3"> 1/3 </div> <div class="main main-3"> 1/3 </div> <div class="main main-3"> 1/3 </div> <div class="main main-2"> 1/2 </div> <div class="main main-2"> 1/2 </div> <div class="main main-4"> 1/4 </div> <div class="main main-4"> 1/4 </div> <div class="main main-4"> 1/4 </div> <div class="main main-4"> 1/4 </div> </div> </body> ثم قمت بإعطاء تنسيقات عرض مناسبة حتى تظهر مثل الصورة .main{ background-color: rgb(202, 202, 202); font-weight: 300 ; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; border-radius: 5px ; text-align: center ; height: 100px ; font-size: 50px ; float: left ; margin-top: 10px ; padding-top: 15px; padding-bottom: 15px; margin-left: 15px; } .main-3 {width: 250px;} .main-2 {width: 385px;} .main-4 {width: 185px;} يمكنك تجربة الشيفرة وإخباري بالنتيجة
  12. أسامة زيادة
    هل يمكنك إرفاق الشيفرة البرمجية الخاصة بالصورة ؟
  13. أسامة زيادة
    وعليكم السلام ورحمة الله وبركاته كما ترى أنت هنا قمت بإعطاء كل عنصر من العناصر عرض 25% من إجمالي العرض للعنصر father . وأنت تقوم بزيادة المسافة وتعتبر هذه المسافة زيادة عن الحجم المعطى للعنصر father التي تساوي 800px ، لذلك تظهر بالأسفل وتظهر المشكلة لديك . .main{ background-color: rgb(202, 202, 202); font-weight: 300 ; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; border-radius: 5px ; text-align: center ; height: 100px ; font-size: 50px ; float: left ; margin-top: 10px ; width: 25%; //هنا } قم بإلغاء الخاصية width أو تخفيض القيمة المعطاة لها وبعدها قم بعمل الخاصية padding وسوف تظهر لديك مسافات داخلية بين العناصر . padding: 20px;
  14. أسامة زيادة
    وعليكم السلام ربما تكون المشكلة في المتصفح الذي تشاهد عليه الدورة ، هل يمكنك أن تقوم بتجربة فتح الفيديوهات على متصفح آخر ، أو قم بتحديث الصفحة من خلال ctrl + f5 ، ثم أخربني بالنتيجة .
  15. أسامة زيادة
    وعليكم السلام لا يوجد مراجع لكتابة الكود النظيف ، بل يأتي الكود النظيف مع الممارسة والاستمرار في تحسين الكود ليظهر بشكل مناسب ، ويعتبر الكود النظيف أسلوب يتمتع به المبرمجين وكيفية كتابة الكود الخاص بهم بشكل مرتب وواضح ويمكن لأي مبرمج أخر قراءته وفهمه ، وبشكل مختصر يعتبر عملية جعل الكود قابل للفهم و التعديل بحيث:- سهولة الفهم وتعني أن يستطيع المبرمج الأصلي للكود أو أي مبرمج آخر يستطيع قراءة الكود ، لذلك فهو يقلل من الحاجة إلى التخمين أو إمكانية حدوث سوء فهم . منطق العمل للتطبيق بأكمله . كيفية تعاون الكائنات و الأصناف المختلفة مع بعضها البعض . دور ومسؤولية كل فئة و كائن . ما تفعله كل دالة و تابع . الغرض من كل تعبير يتم تعريفه , سواء متغير , ثابت أو خاصية . أيضاً سهولة التعديل عليه تعني أن الشيفرة البرمجية قابلة لتوسيع أو التطوير عليها كما من السهل إصلاح وتشخيص الأخطاء . الكائنات و التوابع صغيرة الحجم ولا تتحمل سوى مسؤولية واحدة (و ذلك احتراما لمبدأ فصل المهام ) . تتوفر الكائنات على واجهات برمجية عامة واضحة و موجزة . يمكن التنبؤ بكبفية عمل الكائنات و توابعها . الكود قابل للاختبار بسهولة ولديه اختبارات وحدة (أو على الأقل من السهل كتابة الاختبارات) . الاختبارات - إن توفرت- فهي سهلة الفهم والتغيير بسهولة . يمكنك تعلم الكود النظيف خلال فهم الأساسيات فهو ضروري جداً وإن تعلمته في البداية سوف يبقى معك دائماً ، أي المقصود سوف يكون في الكود الخاص بك كل ما تم ذكره ، فأنت بحاجة له في كل مرحلة من مراحل تعلمك حتى يكون الكون لديك مرتب وواضحة حتى عند الرجوع عليه بعد زمن يكون مفهوم وتستطيع قراءته .
  16. أسامة زيادة
    ما عليكي عمله هو التالي :- أولاً قومي بإعطاء الكلاس deuxieme-partie الخاصية التالية والأفضل لو تقومي بتغير اسمه ، ونقل الكلاس plus-populaire إلى داخله . .deuxieme-partie { width: 100%; background-color: #ffffff; } ثانياً قومي بإعطاء بالكلاس hébergement والكلاس plus-populaire هذه الخواص .hébergement { width: 70%; float: left; } .plus-populaire { width: 30%; float: right; } وهكذا سوف يأتي الكلاس plus-populaire على اليمين والكلاس hébergement على الشمال ، أرجوا منك مراعاة التنسيقات عند النقل ، هذه أفضل طريقة لحل المشكلة لديكِ أو بدون الدمج يمكنك إعطاء الكلاس deuxieme-partie الخاصية ، على الخواص التي لديه . .deuxieme-partie { float: left; } وإعطاء الكلاس troisieme-partie الخاصية .troisieme-partie { float: right; } أيضاً قومي بمراعاة التنسيقات
  17. أسامة زيادة
    يمكنك تنفيذ التالي ، أن تقومي بإضافة وسم aside ويكون شريط جانبي لصفحة وبجانب القائمة ، مع تصغير حجم القائمة إلى 80$ وإعطاء الوسم aside حجم 20% ونقل الكلاس plus populaire داخل الوسم aside .
  18. أسامة زيادة
    جواب سؤالك الأول ،يمكنك هنا من استخدام إطارات العمل مثل Bootstrap فهي مساعدة في جعل الموقع متجاوب مع مختلف أحجام الشاشات . جواب السؤال الثاني ، لقد حاولت أن أقوم بعمل ما تريدينه هنا ، لكن من الواضح أنه لا تضبط مع أي تنسيقات ، فهي مصممة لتظهر مقاربة للكلمة، لكن يمكنك فعل التالي وسوف يظهر الخط أبعد بقليل عن السابق وسوف يظهر كإطار من الأعلى للوسم a. .title .deuxieme-title ul li a:hover { padding: 20px; border-top: 1px solid red; } جواب السؤال الثالث يمكنك استخدام الخاصية padding في جعل حواشي داخلية بين العناصر ، كالتالي .photostars { padding: 20px; } جواب السؤال الرابع ، هل يمكنك إرفاق شيفرة HTML الخاصة بقسم footer حتى أستطيع المساعدة واكتشاف المشكلة .
  19. أسامة زيادة
    طالما هناك تركيز وعدم التشتت خلال المذاكرة والتدريب ، يعتبر ذلك عادي وأيضاً هذه اللغات تعتمد على بعضها البعض خلال التعلم ، لكن الأفضل حسب رؤيتي الشخصية يمكنك تعلم HTML والانتهاء منها ومعرفة كل ما يتعلق بها ومن ثم الانتقال إلى CSS وبعد الانتهاء منها ، محاولة تدريب على تصميم مواقع باستخدام HTML و CSS وتطبيق ما تدربت عليه ثم بعد الشعور أنك جيد في HTML و CSS يمكنك الانتقال إلى JS و تقوم بمذاكرتها جيداً وثم إضافتها على التطبيقات HTML و CSS التي تدربت عليها، وبعدها تقوم بمذاكرة إطارات العمل مثل Bootstrap وطبعا هي سوف تساعدك على جعل موقعك أكثر تجاوبية ويجب أن تكون لديك معرفة في جميع اللغات HTML و CSS و JS قبل الخوض فيها لإنهاء عالم واسع وحتى لا تواجه صعوبة . التدرج في التعلم والمذاكرة يكون أفضل خاصة وإن كنت مبتدئ وليس لديك خلفية عن البرمجة ، لذلك حاول تطبيق ما أخبرتك به وسوف ترى النتيجة والاختلاف بين الطريقتين .
  20. أسامة زيادة
    بالطبع يستخدمون اللغات مثل HTML و CSS و JS خلال عملية تصميم الموقع وربما يتطرقون إلى استخدام تقنيات أخرى تساعد في تسهيل عملية تصميم الموقع مثل بوتستراب وغيرها من التقنيات المتعلقة في التصميم ، وهي تعتبر اللغات المشهورة والأكثر استخدام في تصميم المواقع ، وأغلبية المواقع الموجودة على الإنترنت تستخدم هذه اللغات في عملية تصميم المواقع ، وبالطبع موقع أمازون والمواقع الخاصة بشركة حاسوب تستخدم هذه اللغات ، يمكن معرفة ذلك من خلال الضغط بزر الفأرة الأيمن على الصفحة ومن ثم اختيار عرض مصدر الصفحة وسوف تشاهد اللغة المستخدمة في التصميم ، ولكن لن تستطيع مشاهدة اللغات المستخدمة في التطوير والبرمجة الفعلية مثل PHP أو ASP.NET ، لغات أخرى يمكن من خلالها تصميم المواقع مثل بايثون ، روبي .
  21. أسامة زيادة
    الفوتوشوب يعد برنامج متخصص في الصور و الرسومات ويعتبر البرنامج الأشهر في حزمة أدوبي للبرامج ويمكن الاعتماد عليه في تحرير وتنسيق الصور ، لأنه يتضمن الكثير من الفلاتر والمؤثرات الفريدة وأدوات عديدة . أيضاً يمكن التصميم عليه رسومات الويب ويمكنك التحكم في كامل مشاريعك عليه بحيث يمكنك تعديل الرسم ككل . البرمجة عالم البرمجة كبير و واسع بحيث تتعد فيه لغات البرمجة و أيضاً احتوائه على تقنيات برمجية متطورة بشكل يومي ، و عندما نقول عالم البرمجة واسع أي يشمل برمجة مواقع الويب وتطبيقات الويب وبرمجة الألعاب وبرمجة تطبيقات الجوال و برمجة تطبيقات (برامج) سطح المكتب وغيرها . أما بخصوص سوق العمل ، لكل واحد منهما له السوق الخاص به والمشاريع لكليهما تُطلب بشكل كبير ، وفي بعض الأحيان يمكن الاعتماد على بعضها فمثلاً يمكنك تصميم شكل موقع الويب على الفوتوشوب ومن ثم البدء في التكويد باستخدام لغات البرمجة وممكن أن تجد ذلك في سوق العمل . والعائد المادي يعتبر الإثنين لهما جيد جداً عند فهم وإتقان التقنيات الخاصة بكلاهما . وممكن أن تجد السهولة في الإثنين أيضاً ، لكن التجربة هي خير دليل على أيهما أفضل لك وأين تشعر نفسك بالراحة في العمل .
  22. أسامة زيادة
    فقط في الإصدار الخامس من بوتستراب لا يجب تضمين JQuery ، ربما المشكلة بنسخة scss حاول إعادة إضافة الأكواد الخاصة ب carousel وتأكد من تضمين ملفات bootstrap الخاصة بـ CSS , JS . أو ربما تكون المشكلة في ترتيب الملفات التي تم استدعائها فبعض الملفات تعتمد على بعضها .
  23. أسامة زيادة
    في بوتستراب 5 لا يجيب عليك تضمين JQuery ، لانه تم الاستغناء عنها . هل يمكنك إرفاف الشيفرة البرمجية التي تتوقع بها المشكلة ، حتى استطيع مساعدتك
  24. أسامة زيادة
    تجد كود الجافا سكربت في نهاية الصفحة الخاصة في carousel ، هل قمت بتضمين JQuery ؟
  25. أسامة زيادة
    ربما لم تقمم بإضافة كود الجافا سكربت الخاص carousel فهو مطلوب حتى يعمل وأيضاً في التوثيق يخبرك بوتستراب أنه يجب إضافته . $('#myCarousel').on('slide.bs.carousel', function () { // do something... }) قم بعمل التالي ، مع ملاحظة تغير اسم الكلاس إلى اسم كلاس carousel الذي لديك . <script type="text/javascript"> $('.carousel').carousel({ interval: 2000 }) </script>
×
×
  • أضف...