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

أسامة زيادة

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

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

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

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

    6

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

  1. يبدو أن كل ملف يوجد في مجلد مختلف ، الواضح ان ملف index.html يوجد في مجلد solly ، وملف informations.html يوجد في ملف me ، هل يمكنك تجربة المسار التالي <a href="./me/me/informations.html"></a>
  2. هل يمكنك إرفاق الشيفرة البرمجية ؟
  3. يمكنك استخدام الوسم a لربط بين صفحات html ، في هذه الطريقة <a href="مسار الصفحة">HTML PAGE</a> في حال كانت الصفحة التي تريد ربطها في الصفحة الأصلية في نفس المسار <a href="page.html">HTML PAGE</a> في حال الملف الأصل داخل ملف توضع النقطة للخروج من الملف والذهاب لصفحة page <a href="../page.html">HTML PAGE</a> في حال كان الملف داخل مجلد pages <a href="pages/page.html">HTML PAGE</a>
  4. كما تعلم لغات البرمجة كثيرة ومتنوعة وهناك ما هو يحفظ وما هو يفهم خلال مرحلة التعلم ، لكن وبشكل عام البرمجة تفهم فهم والأمور التي تحفظ قليلة ، وتثبت المعلومات بالممارسة للذي تعلمته. ومن أجل فهمها بشكل صحيح خلال مرحلة التعلم لا تستعجل وأنك تريد أن تتقن اللغة في يوم واحد ، بل عليك التمهل وفهم أساسيات اللغة شيئاً فشيئاً والاطلاع على كل جديد فيها ، أيضاً النظر على التجارب السابقة للمبرمجين والتعلم منهم ومن تجاربهم .
  5. أما بخصوص مهارات البحث والتفكير المنطقي . يمكننا وضح أو اقتراح مشكلة ما ، وبعد تحديد المشكلة يمكنك وضح الحلول الممكنة ولكن يجب أن تنتبه هنا أن ليس بالضرورة أن يكون الحل المناسب هو وجهة نظرك التي تراها انت بل يجب الخوض في التفكير ورؤية الأشياء بعدّة منظورات ، وبعدها يمكنك اختيار الحل المناسب والبدء في التنفيذ الحل .
  6. تهانيا لك لإنهاء دورة تطوير واجهات المستخدم ومع مزيد من التفوق ، لزيادة مهارات وصقلها يجب أن تستمر في ممارسة ما تعلمته خلال الدورة في ابتكار تصميم من خيالك أو تقليد تصاميم مع إضافة لمسة خاصة بك حتى لا تنسى المهارات التي تعلمتها ، يمكنك من تطوير نفسك من خلال تعلم مهارات في Front End غير موجودة مثل إطارات عمل أخرى ـ أو البدء في تطوير نفسك في مجال Back End حتى تصبح مبرمج كامل تستطيع برمجة مواقع تفاعلية مع المستخدم .
  7. في حال كان لديك في الشاشات الكبيرة ثلاث عناصر ولها التنسيقات المناسبة ومعروضة بشكل مناسب على الصفحة ، وفي عرض الشاشات الصغيرة تريد إخفاء العنصر الثالث يمكنك إعطائه خاصية لإخفائه في الشاشات الصغيرة وترتيب التنسيقات للعنصرين الأول والثاني . هنا مثال لتوضيح الطريقة لديك . في حال كان لديك أربع عناصر وأردت إخفاء عنصر ما في الشاشات الصغيرة يمكنك إعطائه الخاصية display: none; أو visibility: hidden; بهذا الشكل . <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>aa</title> <style type="text/css"> .box-1{width: 50px; height: 50px; background-color: red;} .box-2{width: 50px; height: 50px; background-color: green; } .box-3{width: 50px; height: 50px; background-color: gray;} .box-4{width: 50px; height: 50px; background-color: yellow;} @media (max-width: 600px) { .box-4{width: 50px; height: 50px; background-color: yellow; visibility: hidden; } .box-3{width: 50px; height: 50px; background-color: gray; display: none;} } </style> </head> <body> <section> <div class="box-1"></div> <div class="box-2"></div> <div class="box-3"></div> <div class="box-4"></div> </section> </body> </html>
  8. تعتبر خوارزمية k-mane خوارزمية تنصيف (cluster analysis) خلال عملية التنقيب في البيانات (Data Mining) والهدف من هذه الخوارزمية تقسيم عدد من العناصر (بيانات n) إلى عدد k من الأقسام والتي فيها يجتمع كل عنصر إلى القسم ذي النقطة المركزية الأقرب (المتوسط)، حيث تمثل النقطة المركزية الأساس الذي يتم عليه تقسيم البيانات وتصنيفها ولهذا أتت التسمية k-means clustering. نتيجة التصنيف هي القسمة إلى مناطق فورونية. بمعنى أخر تجميع عناصر البيانات في مجموعات متعددة بناء ً على التشابه بين هذه العناصر . لها مميزات وعيوب ومن مميزاتها سهلة الفهم لها القدرة على قابلية التوسع والكفاءة العالية عند معالجة البيانات الكبيرة ومن السلبيات غير مناسبة لإيجاد مجموعات ذات اختلاف كبير في الحجم حساسة لنقطة مركز العنقود الأولية يتم إعطاء قيمة K من قبل المستخدم قبل معالجة البيانات . وتكون القيمة غير معروفة وتقدير القيمة من فراغ قد يؤدي إلى نتائج سلبية.
  9. وعليكم السلام بخصوص المعلومات التي تريدها فيجب عليك المعرفة جيداً أهداف المنصة التي يريد إنشائها وبالتأكيد هو سوف يقوم بتزويدك بالتفاصيل التي يريدها من إنشاء المنصة . بالطبع إذا كان الموقع على الإنترنت وتفاعلي مع المستخدم ، في هذه الحالة سوف نستخدم اللغات الخاصة في Back End مثل PHP وغيرها من أجل كتابة خوارزمية تساعد في رفع الفيديو وحفظه في قاعدة البيانات وعرضه على الموقع من خلال وسم <video> ، بحيث استخدام لغات Back End في الأمور التي يجب أن يتم استخدام قاعدة البيانات فيها تعتبر أكثر أمناً ضد محاولات الاختراق وغيرها .
  10. في حال أنك أتممت المسار الأول أساسيات تطوير الويب ، فيمكنك الانتقال إلى المستوى الثاني بناء واجهة مستخدم تشبه موقع YouTube ، في كل مسار سوف تزيد خبرة ومعرفة في لغات البرمجة الخاصة بتطوير الواجهات ليس فقط عليك الاعتماد على المسار الأول الذي يتضمن الأساسيات ، إن كنت قد عرفت وسوم HTML و تنسيقات CSS ,و أساسيات الجافا سكربت ، أيضاً بما أنك قمت بإتمام مشاريع لتطوير نفسك فبتأكيد أصبحت لديك خبرة واسعة الأن ،لذلك لا مشكلة لديك يمكنك البدء في المسار الثاني والبدء فيه وفي حال واجهت أي مشاكل المدربون سوف يساعدوك على حلها ، أما بخصوص إطار العمل يعتبر Jquery هو الأشهر في تطوير واجهات المستخدم ، وبالفعل هناك مشاريع مازالت تستخدم Jquery وفي بعض الأحيان ربما يطلب العميل أن يستخدم في موقعه إطار عمل Jquery .
  11. وعليكم السلام ، بعد الاطلاع على الأكواد بالفعل أنت قمت بعمل ممتاز طريقة كتابتك للأكواد صحيحة ومرتبة ومفهومة للقراءة ، ولا يوجد لديك مشاكل والنتيجة على المتصفح تدل على ذلك فكل العناصر منسقة بالشكل الصحيح ولا يوجد بها مشاكل لقد قمت بكتابة الوسوم بالطريقة الصحيحة وقمت تسمية الكلاسات باسم مفهوم ويعبر عن العنصر الخاص به ، بخصوص الشعور الذي تشعر به بأن لديك مشكلة في كتابة الأكواد فتعتبر مشكلة طبيعية ومع الاستمرار في تطوير نفسك سوف تذهب هذه المشكلة ولن تشعر بها ، كملاحظة لك في حال كان الموقع لديك باللغة العربية اجعل اسم الموقع عربي أيضاً .
  12. لا يوجد مدة معينة لإنهاء المشاريع بل تعتمد على سرعتك في إنجاز المهمات المطلوبة في المشروع ، يمكنك تقدير المدة من خلال حساب المدة المعينة لإنهاء وإنجاز المهام ، وهنا يمكنك تقدير هل تحتاج إلى ثلاث أشهر أو اكثر أو ربما في وقت أقل . أما عن هل وظيف المبرمجين تقتصر على إنشاء المواقع ، حسب كل مبرمج واللغات البرمجية التي يتعلمها ، كما تعلم أن لغات البرمجة كثيرة ومختلفة ، في حين أن كان المبرمج متعلم اللغات البرمجية الخاصة في تصميم وتطوير المواقع ، فيمكنك العمل في إنشاء المواقع و تعديلها أو مثلاً مثل المشاريع التي تحتاج على تعريب القوالب وغيرها ، ولو كان المبرمج متعلم اللغات الخاصة في تصميم وتطوير تطبيقات الهاتف ، هنا سوف يعمل في مجال تطوير التطبيقات . فعمل المبرمجين مختلف حسب اللغات البرمجية التي يتعلموها .
  13. في حال كنت متعلم HTML و CSS فقط فأنت بالفعل مصمم مواقع ويب ولكن إن كنت تريد أن تنشئ مواقع كاملة بحيث تكون تفاعلية مع المستخدم فعليك تعلم لغات Back End مثل PHP أو ASP.NET وغيرهم ، وبالنسبة إلى الأهمية الإثنين مهمين جداً ويعتمدان على بعضها خلال عملية تطوير المواقع ، وأما Java script: هي لغة برمجة تستخدم أكثر في العناصر التفاعلية في الصفحة كالقوائم المنسدلة وحركات الجمالية في الموقع وغيرها . يمكنك الاطلاع على المقال التالي لمعرفة الفرق بين مصمم الويب ومطور الويب وما يميز كل منهما.
  14. تهانينا لك من الانتهاء من الدورة وإلى مزيد من التقدم إن شاء الله ، طبعاً في البداية بالتأكيد سوف تواجه مثل هذه الأمور لكن مع الممارسة بالتأكيد سوف تتغلب عليها وسوف تسطيع ابتكار عدة أفكار لتصميمها وجعل منها موقع ، ماذا يمكنك أن تفعل حتى تتغلب على هذا الشعور ، يمكنك أن تختار موقع او تصميم وتحاول فعل مثله مع قليل من الاختلافات التي تضيفها عليه حسب رائيك وذوقك الخاص ، أو يمكنك الدخول على المواقع المشهور مثل بيهانس وغيره في التصميم وأخذ تغذية بصرية عن التصميم ومحاولة التفكير بتصميم من ابتكارك . يمكنك الاستفادة من هذه المقالات حول تصاميم المواقع :-
  15. لديك عدة أخطاء كتابة الوسوم ، فهي متداخلة في بعضها و أيضاً عدم كتابة وسم الإغلاق لعدّة وسوم ، لذلك حاولت على ترتيبه بشكل أفضل <body> <h1>subscription</h1> <form> <table> <tr> <td> <label for="username">user name:</label> </td> <td> <input type="text" id="username" name="username"><br> </td> <td> <label for="pwd">password:</label> </td> <td> <input type="password" id="pwd" name="pwd"><br> </td> <td> <input type="submit" vlue="log in"> </td> </tr> </table> </form> <table> <tr> <td> <label for="username">user name:</label> </td> <td> <input type="text" id="username" name="username"><br> </td> <td> <label for="pwd">password:</label> </td> <td> <input type="password" id="pwd" name="pwd"><br> </td> <td> <input type="submit" vlue="log in"> </td> </tr> </table> <div> <label for="businees"> businees</label> <input type="radio" id="businees" name="plan" vlaue="businees"> <label for="starter">starter</label> <input type="radio" id="starter" name="plan" vlaue="starter"> <label for="premium">premium</label> <input type="radio" id="premium" name="plan" vlue="premium"> </div> <table> <tr> <td> <label for="agree">password</lable> </td> <td> <label for="agree">i agree to the terms and conditions</lable> <input type="checkbox" id="igree" name="agree"> </td> <td> <input type="submit" value="register"> </td> <td> <input type="reset" value="clear"> </td> </tr> </table> </body> أرجو منك الانتباه جيداً خلال كتابة الوسوم ومعرفة بداية ونهاية الوسم حتى لالا تداخل الوسوم في بعضها وتظهر لديك الأخطاء
  16. لقد تتبعت أكواد جميعها ، ولقد لاحظت أنك لم تقم بإنشاء media query ؟ أرجو منك البدء في كتابة التعديلات الخاصة في media query وفي حال واجهات مشاكل بالتأكيد سوف نساعدك لحلها . لقد أرفقت لك الأحجام المناسبة لعمل media query حتى يتجاوب الموقع مع جميع الشاشات // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { ... } // Large devices (desktops, 992px and up) @media (min-width: 992px) { ... } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... }
  17. يبدو أن لديك خطأ في ملف webpack.config.js حيث أن webpack لم يتعرف على الخاصية writeToDisk ، هل يمكنك التأكد من تثبيت حزمة webpack-dev-server من خلال الأمر التالي :- npm install webpack-dev-server --save-dev في حال لم يتم حل المشكلة ، ربما يكون لديك مشكلة في إصدارات الحزم التي تستعمله، يمكنك معرفة إصدار كل حزمة من خلال ملف package.json .
  18. هل يمكنك إرفاق الشيفرة البرمجية في ملف webpack.config.js .
  19. هل يمكنك إرفاق الشيفرة البرمجية التي تتوقع ينتج الخطأ منها ، وأي إصدار من webpack تستخدم ؟
  20. مرحباً محمد أرجو منك إرفاق السؤال أسفل الدرس الذي تواجه به المشكلة .
  21. القاعدة ‎@keyframes في CSS تتحكم بالخطوات البينية (intermediate steps) ضمن سلسلة حركات CSS عبر تعريف أنماط للإطارات المفتاحية (keyframes)، مما يعطي تحكمًا كبيرًا في أنماط العنصر في الخطوات البينية بالمقارنة مع الانتقالات transition. @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } يجب أن يكون لكل قاعدة ‎@keyframes سلسلة من مُحدِّدات الإطارات (keyframe selectors)، التي تُحدِّد النسبة المئوية التي سيقع عندها الإطار المفتاحي. لاحظ أنَّ بالإمكان ذكر النسب المئوية بأي ترتيب نشاء، وستُستخدَم حسب ترتيب وقوعها (وليس تعريفها). أيضاً يمكنك الإطلاع على المزيد من هنا على موسوعة حسوب
  22. حسب الشيفرة البرمجية في الصورة ، الخاصية title فارغة ويخبرك الخطأ بأنه لا يجب أن تكون فارغة لذلك عليك وضع نص في الخاصية لمعالجة المشكلة ، قم بالتجربة وأخبرني بالنتيجة.
  23. كما تعلم أن النبذة التعريفية هي التي تعطي العميل فكرة مبدئية عنك وعن مهاراتك في العمل وإنجازاتك لذلك يجب عليك اتباع هذه الممارسات الجيدة لكتابة النبذة التعريفية :- أن تكون النبذة مختصرة : لأن العملاء يحتاجون للوصول إلى المعلومات في أسرع وقت ممكن ودون عناء لذلك حاول أن تكون مركزاً في كتابة النبذة في أهم المهارات لديك . البدء بالأهم : يجب أن تكون الفقرة الأولى هي الأهم ، ابدا بأبرز نقاط قوتك في مجال التخصص ووضحها جيداً بسطر أو سطرين . استخدم الدلائل والأرقام : مثل وجود عدد سنوات الخبرة أو أسماء الشركات أو الأعمال التي قمت بها ذلك سيعزز النبذة التعريفية لديك ويفضل كتابتها على فقرات . أن تكون شاملة : يجب عليك أن تظهر مجال تخصصك وخبراتك السابقة والمهارات التقنية التي تمتلكها وأهم إنجازاتك في مجالك . أيضا يمكنك من هنا أن تطلع على هذا المقال . وأيضاً من هنا في مدونة مستقل يوجد مقال لكتابة النبذة التعريفية يمكنك الإطلاع عليه من هنا و من هنا . أيضاً لكتابة نبذة احترافية يمكنك الاطلاع على المستقلين أصحاب الأعمال ذات تقيم عالي وترى كيفية كتابتهم لنبذة التعريفية الخاصة بهم .
  24. كما أخبرتك أنت هنا سوف تبدا البرمجة من الصفر ، يفضل أن تبدا الميزانية مثل التي يوضعها أصحاب العمل على مستقل من 250 إلى 500 دولار .
  25. تعمد حساب تكلفة إنشاء موقع ويب على نوع موقع الويب الذي تريد إنشاءه ، وحسب الميزانية المتاحة الذي وضعها العميل وفي كثير من الأحيان تبدا من 500 دولار ، هذا إن كان التصميم سوف يكون من الصفر بحيث تبدا تصميم الموقع ومن ثم الانتقال للبرمجة التفاعلية ، وربما تكون التكلفة أقل عندما يكون هناك استخدام إطار عمل مثل وردبريس فالتكلفة ربما تكون أقل لو كان جاهز وغيرها من المواقع التي توفر قوالب جاهزة وفقط عليك وضعها دون البرمجة اليدوية. لكن تصميم قالب ورد بريس تختلف التكلفة . في بعض الأحيان تختلف التكلفة من مبرمج لأخر ، بحيث تكون السرعة والجودة هي المقياس إن كان سوف ينجز الموقع بوقت قصير وجودة عالية تكون التكلفة أعلى ومع حساب الأدوات المستخدمة خلال إنجاز العمل . أيضاً لو نظرت على موقع مستقل ترى أعمال إنشاء المواقع تبدا من 500 دولار وما فوق ، يمكنك أن تبحث عن أعمال مشابهة ورؤية الأسعار وتحديد سعرك المناسب لك الذي يرضيك كمبرمج ويرضي العميل .
×
×
  • أضف...