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

Najah Alsaker

الأعضاء
  • المساهمات

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

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

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

    4

إجابات الأسئلة

  1. إجابة Najah Alsaker سؤال في هل هواوي ينافس جوجل بلاي؟ كانت الإجابة المقبولة   
    بما ان متجر جوجل قديما جدا فهو يمتلك قاعدة مستخدمين كبيرة جدا واكبر من متجر هواوي لذلك فان عدد التنزيلات والأرباح المحتملة يمكن أن يكون أعلى بكثير على متجر جوجل بلاي ولكن بغض النظر عن ذلك فان متجر هواوي ينمو بسرعة كبيرة جدا ايضا وممكن ان يصبح منافسا لغوغل بليه مستقبلا 
    اما بالنسبة لطريقة الربح فكلاهما متشابهين جدا لحد كبير والتي تكون من خلال المشتريات داخل التطبيق، الإعلانات، والاشتراكات الخ ولكن السياسات هي التي تختلف من تطبيق لاخر 
    ولتحصل علة تجارب مستخدميين حقيقيين يمكنك طرح ذلك عبر منصة i/o حسوب حيث انك ستجد عدد كبير من المطوريين الذين يمكنك مشاركة افكاركن سويا عبر الرابط التالي :
    https://io.hsoub.com/webdev/new
    وبالتوفيق لك ....
  2. إجابة Najah Alsaker سؤال في ماهو بديل prompt في node js كانت الإجابة المقبولة   
    لا اعلم لماذا تبحث عن بدائل بدلا من استخدام الكود الاساسي حيث انك بهذه الطريقة ستصعب الامور عليك اكثر 
    ومبدئيا لا يوجد بديل مباشر للدالة prompt ولكن دائما ما يمكننا الحصول على ما نريد بالبرمجة بطرق ملتوية غير مباشرة لذلك يمكنك اخبارنا بما تريد فعله بالضبط لنتمكن من مساعدتك بشكل افضل 
    وبالتوفيق ...
  3. إجابة Najah Alsaker سؤال في تشغيل فيديوهات عشوائية باستخدام الجافا سكريبت كانت الإجابة المقبولة   
    يمكنك عمل ذلك بدون اي مكتبات خارجية ويمكنك عمله بإستخدام مكتبة jquery  ساعطيك الطريقتان وستختار ما يتناسب مع احتياجات مشروعك 
    بدون مكتبات :
    ننشئ عنصر فيديو في ملف ال html  لنعرض الفيديوهات به واعطيناه id مميز لاستخدامه لاحقا ,  كما انني اعطيته حدث عن الضغط على الزر واسندت اليه اسم الدالة التي سنعمل عليها في كود الجافا سكريبت  <video controls id="videoPlayer"></video> <button onclick="playRandomVideo()">تشغيل فيديو عشوائي</button> انشأت في البداية مصفوفة تحتوي على عنوانين الفيديوهات (ستقوم باستبدالها بالمسار الاساسي للفيديوهات الخاصة بك او بعنوان url ) واستخدمت الدالة Math.random() لاختيار فيديو عشوائي var videos = [ "video1.mp4", "video2.mp4", "video3.mp4" ]; function playRandomVideo() { var randomIndex = Math.floor(Math.random() * videos.length); var videoUrl = videos[randomIndex]; var videoPlayer = document.getElementById("videoPlayer"); videoPlayer.src = videoUrl; videoPlayer.play(); } باستخدام مكتبة jQuery :
    اول خطوة هي تضمين المكتبة لدينا  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ثم كما عملنا سابقا نضع وسم الفيديو وزر التشغيل في ملف ال html  <video controls id="videoPlayer"></video> <button id="playRandomButton">تشغيل فيديو عشوائي</button> وفي ملف الجافا سكريبت ستضع الكود التالي : $(document).ready(function() { var videos = [ "video1.mp4", "video2.mp4", "video3.mp4" ]; $("#playRandomButton").click(function() { var randomIndex = Math.floor(Math.random() * videos.length); var videoUrl = videos[randomIndex]; $("#videoPlayer").attr("src", videoUrl); $("#videoPlayer")[0].play(); }); }); الطريقة ذاتها ولكن ما يختلف هو طريقة الكتابة التي تستخدمها مكتبة jQuery
    وبالتوفيق لك ..
  4. إجابة Najah Alsaker سؤال في هل من الممكن ان تشرحو لي اكثر عن jQuery. كانت الإجابة المقبولة   
    هي مكتبة خاصة بال javaScript تجعل موقع الاكتروني اسهل حيث انها تختصر عددا كبيرا من الاسطر البرمجية الى مجموعة توابع تستدعى بسطر برمجي واحد ولكن انتبه قبل البدء بدراسة jQuery يجب عليك ان تكون على دراية بال HTML ،CSS ،JavaScript لان ال jQuery تعتمد عليهن وكما ذكرنا انها خاصة بال javaScript  وتقوم باختصار اكوادها وتعتمد مبدأ "اكتب أقل وافعل أكثر"
    وهذه بعض الاشياء التي تسهل عملك jQuery بها 
    يمكنك اضافة وحذف عناصر html  بسهولة من خلالها  تطوير تفاعل المستخدم بالموقع من خلال استخدام الاحداث (اي انه عندما تنقر على الزر هذا يحصل هكذا او عند تحميل الصفحة يحصل هكذا  توفر ديناميكية لموقعك من خلال اضافة تأثيرات بصرية متحركة له  تستخدم في طلبات ajax  الخاصة بالتعامل مع الخوادم وارسال البيانات  اي باختصار شديد في النهاية انها مكتب توفر اكواد لجافا سكريبت ولكنها اسهل ومختصرة اكثر  ويمكنك دراستها والتعق اكثر بها بشكل مجاني من خلال زيارة هذا الرابط حيث انك ستجد العديد من الدروس والمقالات الخاصة ب jQuery به 
    وهنا  ستجد موسوعة مكتبة jQuery كاملة الخاصة بأكاديمية حسوب 
    وبالتوفيق لك ...
  5. إجابة Najah Alsaker سؤال في هل توليد كود HTML بواسطة Vanilla Javascript ممارسة جيدة؟ كانت الإجابة المقبولة   
    وعليكم السلام 
    في البداية ان استخدام توليد اكواد الجافا سكريبت بطريقة ديناميكية له العديد من المميزات ولكن كثرتها وعدم استخدامها بشكل صحيح قد يولد العديد من المشاكل كمان ان كثرة استخدامها ممكن ان يسبب بطئ في عملية تحميل الصفحة والان دعني اعطيك اهم ايجابيات وسلبيات استخدامها 
    الايجابيات :
     يمكن استخدام التوليد الديناميكي لإنشاء تجارب مستخدم متفاعلة وديناميكية. يمكن تجنب تحميل محتوى غير ضروري مما يقلل من وقت تحميل الصفحة وبالتالي سرعة في تحميل الصفحة. يمكن استخدام التوليد الديناميكي لتحميل البيانات من الخوادم بشكل ديناميكي دون إعادة تحميل الصفحة. يمكن تحديث المحتوى والتعديل عليه بسهولة من دون الحاجة إلى تغييرات في الصفحة الأساسية. السلبيات :
    قد يؤدي استخدام التوليد الديناميكي للمحتوى إلى زيادة في وقت تحميل الصفحة وتأخير في عرض المحتوى. قد تواجه مشاكل في التوافق مع بعض المتصفحات القديمة أو المتصفحات التي لا تدعم بعض ميزات JavaScript الحديثة.  قد تكون التجارب المتعددة المستخدمة في التوليد الديناميكي معقدة وصعبة الفهم لبعض المستخدمين.  قد تحتاج إلى تحميل مكتبات JavaScript إضافية لدعم التوليد الديناميكي، مما يزيد من حجم الموارد المطلوبة للصفحة. لذلك ان استخدام التوليد الديناميكي للمحتوى بواسطة JavaScript يمكن أن يكون أداة قوية لتحسين تجربة المستخدم وتحسين أداء الموقع، ولكن يجب استخدامها بحكمة وفقًا لاحتياجات المشروع وظروفه.
    بالتوفيق لك 
  6. إجابة Najah Alsaker سؤال في مشكلة في ال form و ال table كانت الإجابة المقبولة   
    عندما نستخدم النوع radio  يجب ان تكون الخاصية name  تحمل ذات الاسم حتى يتم اختيار خيار واحد فقط وانت هنا لديك خطأ في طريقة كتابة الاسماء 
    <div> <input type="radio" id="starter" name="plan" value="starter"> <label for="starter">starter</label> </div> <div> <!-- plan المفروض ان تكون --> <!--palan وليس--> <input type="radio" id="business" name="palan" value="business"> <label for="business">Business</label> </div> <div> <!--وهنا ايضا ذات الخطأ--> <input type="radio" id="premium" name="palan" value="premium"> <label for="premium">premium</label> </div>  قم بتعديله ليصبح الكود كالتالي :
    <div> <input type="radio" id="starter" name="plan" value="starter"> <label for="starter">starter</label> </div> <div> <input type="radio" id="business" name="plan" value="business"> <label for="business">Business</label> </div> <div> <input type="radio" id="premium" name="plan" value="premium"> <label for="premium">premium</label> </div> الأن سيعمل بشكل صحيح 
    ان العنصر <table > يقوم بالنزول الى سطر جديد ثم يبدا بعرض عناصره
    العنصر  tr (table row) :  هو معناها سطر الجدول اي عند كل مرة  نكتب  tr  ينزل الى سطر جديد 
    لذلك اختلطت في ما بينهما اما هما عنصران مختلفان تمام حتى ولو ادو اي نفس النتيجة بحيث ان ال tr  هو عنصر من عناصر الجدول table 
    دعني اشرح لك كيفية تركيبة الجدول بالتفصيل 
    <table> <tr> <!--السطر الاول الخاص بالجدول--> <td>العنصر الاول من السطر الاول</td> <td>العنصر الثاني من السطر الاول</td> <td>العنصر الثالث من السطر الاول</td> </tr> <tr><!--السطر الثاني الخاص بالجدول--> <td>العنصر الاول من السطر الثاني</td> <td>العنصر الثاني من السطر الثاني</td> <td>العنصر الثالث من السطر الثالث </td> </tr> </table> <table>  وهو وسم الجدول الاساسي 
    <tr>  تعني سطر جديد للجدول 
    <td>  تعني table date  اي البيانات المراد ادخالها داخل الجدول 
    وهذه الصورة توضوح لك طريقة عمل الكود السابق بالتفصيل 

    لذلك قم باستبدال العناصر  بالترتيب الصحيح الذي اعطيتك اياه
     
  7. إجابة Najah Alsaker سؤال في امتحان الحصول على الشهادة كانت الإجابة المقبولة   
    كما ذكر لك صديقنا ان هناك مشروع للتخرج ,  اي يطلب منك عمل مشروع ومن ثم ارساله للاكاديمية ليتم مراجعته وان كان هنالك اشياء غير كاملة او بحاجة لبعض الاضافات فأن الاكاديمية ستعاود التواصل بك مرة اخرى لاخبارك بالتعديلات الواجب عليك القيام بها او اماكن القصور الموجودة لديك والمطلوب منك مراجعتها وعند الانتهاء من كل شيء يتم مراجعة المشروع وان كان يستوفي الشروط يتم  تسليمك الشهادة 
    ولكن قبل الامتحان العملي هناك امتحان بسيط نظري مباشر يتم به مناقشة مدى فهمك للاساسيات وهو غير صعب اطلاقا ان كنت متمكن ولديك فهم كاف للدورة التي قمت بدراستها لذلك لا داع للقلق 
    و يمكنك الاطلاع على طريقة سير الامتحانات من هنا 
     https://support.academy.hsoub.com/exams
×
×
  • أضف...