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

عصام يخلف

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

  • المساهمات

    44

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

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

 نوع المحتوى 

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

البرمجة

التصميم

DevOps

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

العمل الحر

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

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

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو عصام يخلف

  1. عصام يخلف
    نعم هذا كل ما في الأمر بالتأكيد : بالنسبة للشرح هو بسيط لكنه يحتاج بعض الممارسة للفهم الجيد في المثال الذي أدرجته في الأعلى يأخذ الوسم الخاصية على حساب الأشكال إما إسم الوسم أو الكلاس أو الأيدي إذا لم يكن هناك أي تعريف يكون الستايل التلقائي أما إذا كانت معرفة فهي تكون حسب الأولوية body مثلا يكون هو الأول حيث تأخذ تعريفاته بشكل تلقائي لأنه الأب . أما div فهو أكثر إختصاص من الأول فما يكون داخل div يتبع تعريف السيلكتور , وهكذا تكون class أكثر اختصاص فما يكون معرف ب اسم الكلاس يكون له الأفضلية قبل div و body أما الايدي ID فله أولوي قبل الكل . ببساطة يمكننا إجراء حساب خفيف لمعرفة الأولوية من خلال الإطلاع على هذا الرابط فيه شرح مبسط ومفهوم .
  2. عصام يخلف
    نعم فهمت قصدك أنت تتكلم عن الأولية التي يقوم على أساسها إعطاء الelement الخاصية المناسبة وهي تسمة ب CSS Precedence Rules أي قواعد الأولوية وهي ترتب كالتالي : إضافة important! بعد خاصية سي اس اس <style> div { font-family: Arial; font-size: 16px !important; } .specialText { font-size: 18px; } </style> <div class="specialText"> This is special text. </div> في هذا المثال الخاصية font-size للdiv قسمتها 16px إلا أن تعريفها في الكلاص ب 18px فالأولوية هنا للكلاص إلا أن إضافة important! يبقي الأولوية للعنصر المضاف إليه Specificity of CSS Rule Selectors وهذه تعني الإعتماد على نوع السيلكتور في تحديد الخاصية كما في المثال التالي: <body> <style> body { font-size: 10px; } div { font-size: 11px; } [myattr] { font-size: 12px; } .aText { font-size: 13px; } #myId { font-size: 14px; } </style> <div > Text 1 </div> <!-- div يأخذ خاصية السيلكتور --> <div myattr > Text 2 </div> <!-- myattr attribute يأخذ خاصية ال --> <div myattr class="aText" > Text 3 </div> <!-- aText Class يأخذ خاصية ال --> <div myattr class="aText" id="myId" > Text 4 </div> <!-- myId ID يأخذ خاصية ال --> </body> هذه بالنسبة لأنواع الأولويات أما بالنسبة لمصدر التعريفات فهي ثلاثة أنواع كالأتي : المصدر التي يحتوي على تعريفات ال CSS وهي حسب الأولوية التالية : inline css وهو الذي داخل السطر <!DOCTYPE html> <html> <body> <h1 style="color:blue;text-align:center;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> </body> </html> Internal CSS المصدر الداخلي <!DOCTYPE html> <html> <head> <style> body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> External CSS المصدر الخارجي <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
  3. عصام يخلف
    أهلا أخي كريم المعذرة لم أفهم ماذا تقصد بخصوصية ال css أرجو توضيح أدق لسؤالك .
  4. عصام يخلف
    أهلا أخي منصور لايمكنك التطلع وقراءة بيانات كود في الباك أند لأنه مخصص أن كون في السيرفر فقط ويتم إرسال البيانات إلى الكلاينت عن طريق أشكال أخرى غير اللغة php أما السبب فهو أمني لأنه بذلك يستطيع الهاكر قراءة الكود البرمجي و معرفة الثغرات الموجودة فيه وذلك يسهل عمليةالإختراق. بالنسبة لرغبة في قراءة كود php والتعلم منه هذه قائمة من المشاريع المفتوحة المصدر والقابلة للتحميل يمكنك إستعمالها والتعلم من خلال تجربتها من هذا الرابط.
  5. عصام يخلف
    فكرة مشروع التوصيل السريع فكرة جيدة جدا . وخاصة في الأونة الأخيرة حيث أصبح استخدام الأنترنت في الشراء أمر متكرر وشائع أما عن كيفية فهناك عدة حلول من بينها : أن تكون وسيط بين شركة للبيع والتوصيل و الشاري حيث يشتري من متجرك الإلكتروني وبعدها ترسل له البضاعة عن طريق شركة الشحن . أو أن تكون أنت صاحب الشركة الخاصة بالشحن والتوصيل و هذا يتطلب رأس مال كبير من وسائل النقل . هذا المقال سيساعدك في تحسين الفكرة من هذا الرابط
  6. عصام يخلف
    في الغالب هناك خدمات تقوم بإنشاء أسماء شركات وأسماء نطاقات غير محجوزة حسب الطلب ولكن هذه الخدمات لا تكون مجانية في الغالب من أبرز الخدمات هي مواقع العمل الحر ستجد محترفين في إيجاد إسم مميز و خاص يمكنك إنشار عرض في موقع خمسات للخدمات المصغرة أو تصفح الخدمات الموجودة من هذا الرابط أو في موقع مستقل بانشاء مشروع فيه من هذا الرابط
  7. عصام يخلف
    من وجهة نظري أن يتم تقييم المكان وقيمته السوقية (الكراء) و يقارن بقيمة رأس مال الشريك الثاني ثم يتم الحكم إذا كانت الأفضلبة لصاحب المال كانت النسبة الأكبر له أما لإذا كانت الأفضلية لصاحب المكان فتكون له , أو يكون 50% 50% إذا كانت القيمة متقاربة.
  8. عصام يخلف
    كلا المجالين يشتركان في تقديم خدمات رقمية إلا أنك في حالة التسويق تكون تمضي وقتك وجهدك من أجل التسويق لمنتج لست أنت صاحبه مقارنة بما سيعود بالفائدة على صاحب المنتج. فمن الأحسن الدمج بينهما أي أن يكون لك منتج رقمي كموقع أو تطبيق وتقوم بالتسويق له ففي هذه الحالة تكون قد استفدت من خدمة التسويق لصالحك في منتجاتك التي برمجتها. أي رغم جودة المنتج الرقمي الذي قمت ببرمجته لا يمكن الإستغناء عن التسويق , لأنه الوسيلة الفعالة لكسب المال من خلال توسيع الشريحة المستهدفة من العملاء الذين يمكن أن يستفيدو من خدماتك البرمجية.
  9. عصام يخلف
    المعذرة , أرجو التوضيح أكثر لمشكلتك.
  10. عصام يخلف
    ما ستتعلمه في هذه الدورة هو الأساسيات من كل تكنولوجيا تحتاجها لبناء تطبيق متكامل باستخدام مكتبات الجافاسكريبت. نعم ستكون قادر على عمل تطبيق كامل من جهة الفرونت أند و الباك أند حيث أن الدورة عملية وتعلمك بشكل تطبيقي حيث أنه عند إنهائك لهذه الدورة ستكون قد بنيت عدة تطبيقات.
  11. عصام يخلف
    أهلا بك حاتم , إذا صادفتك أي مشكلة يمكنك مراسلة فريق الدعم الفني من هذا الرابط https://help.hsoub.com/ . وسيتم إعلامك بما يجب عليك فعله والتفاصيل التي تحتاجها.
  12. عصام يخلف
    في أغلب الأحيان كلما زادت سهولة الإستخدام للصفحة أو التطبيق زاد حجم الكود وذلك لدراسة مدى زيادة إحتمالية التغيير , فمثلا في الهاتف تجد له كود مخصص لا يعمل هو نفسه في التابلات والحاسوب والعكس صحيح. إذا ليس حل أخر لاستخدام ال media query. سؤال : إذا ما الحل هنا ؟ الجواب : الحل هو إستخدام مكتبات معرفة و مفتوحة المصدر لاستخدامها مباشر دون إعادة نعريفها من جديد : و سنأخذ مكتبة البوتستراب Bootstrap كمثال : // Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { ... } // Small devices (landscape phones, less than 768px) @media (max-width: 767.98px) { ... } // Medium devices (tablets, less than 992px) @media (max-width: 991.98px) { ... } // Large devices (desktops, less than 1200px) @media (max-width: 1199.98px) { ... } // Extra large devices (large desktops) // No media query since the extra-large breakpoint has no upper bound on its width فمثلا في هذا الكود توجد عدة تعريفات لل media ومعرفة داخل كل واحدة كلاسات classes مخصصة لهذه الأحجام أي أنها معرفة وبدقة وما عليك إلا أن تقوم باستدعاء اسم الكلاس class name في الحقل المخصص لها : @media (max-width: 575.98px) { .container{ width: 100%; } } // Small devices (landscape phones, less than 768px) @media (max-width: 767.98px) { .container{ width: 90%; } } // Medium devices (tablets, less than 992px) @media (max-width: 991.98px) { .container{ width: 80%; } } // Large devices (desktops, less than 1200px) @media (max-width: 1199.98px) { .container{ width: 70%; } } في هذا المثال ماعليك إلا أن تقوم باستدعاء اسم الكلاس class name ثم تقوم البوتستراب بالباقي وهو إدراج الكود اللائق وذلك حسب نوع وعرض الشاشة كالأتي : <div class="container"> <!-- Content here --> </div> إذا فاستخدام ال query media لابد منه للأسباب التي ذكرناها . واستخدام احدى المكتبات هو أحسن وسيلة للعمل بسهولة وسلاسة لكنك ستحتاج في بادئ الأمر أن تتعلم هذه المكتبات وسأقوم بادراج أشهرها في هذه السلسلة : من بين المكتبات الخاصة ب css التي ستساعدك على تحسين وتطوير الواجهة وتسهيلها : Bootstrap Materialize Foundation Semantic UI بعد تعلم احدى هذه المكتبات وأنصحك بالبدأ بالبوتستراب لسهولتها واعتمادها في أغلب الشركات كمكتبة لل css و JavaScript ستكون قادر على بناء صفحات متجاوبة مع جميع الأحجام و بكود سهل . بالتوفيق
  13. عصام يخلف
    وعليكم السلام الأخ وليد بالنسبة لسؤالك سنقوم بالإجابة على حساب الحالات التالية : نظرا لسهولة تعلم البايثون مقارنة بالجافاسكريبت يمكنك أن تبدأ بالباثون وخاصة أنه مرتبط في الغالب بالHTML في جهة الفرونت أند. بما أن HTML و CSS فروونت أند أي واجهة أمامية و بالذهاب للباكأند تكون قد شتت نفسك بلغة تحتاج إلى إتقان بعض التكنولوجيات إضافة إلى البايثون ك Flask ,HTTP,JWT ... ملاحظة : بما أنك تريد أن تكون مطور ويب full stack فلابد من إتقان الجافا سكريبت قد تجد صعوبة في بداية الأمر لكنك ستعتاد على الأمر و لا يشترط أن تتقن كل ما في الجافا سكريبت لتبدأ في البايثون فقط الأساسيات هي ما ستحتاجها. ثم يمكنك البداية في تعلم الأساسيات البايثون ومن ثم الإنتقال إلي Flask أو Django حسب إخيارك ويفضل Flask للمبتدئين لسهولته وسلاسته. نصيحة: أما كنصيحة فمن الأحسن التركيز على جهة واحدة الفرونت أند مثلا في البداية تكون قد تمكنت من أساسيات HTML ,CSS , JS Bootstrap و تطوير مشاريع قائمة فقط على جانب الClient و بعدها يمكنك البدأ في الباكأن و دراسة متطلباته من تكنولوجيات و أساسيات . بالتوفيق .
  14. عصام يخلف
    بالنسبة للبايثون كلغة برمجة سهل للتعلم ولكنه صعب للإحتراف , أي أنه من الصعب إيجاد عمل عن طريق البايثون فقط, لأنه في الأغلب يكون متداخل مع تكنولوجيات أخرى , ولا يكون منفرد بذاته. لا يشترط أن تكون للبرمجة تعلق بمجالك الأكاديمي و لكن يشترط أن تكون أنت متعلق بالبرمجة لتتمكن من برمجة ما تكون متخصص أو مهتم به. يمكن العمل بالبايثون ولكن بدعمه من خلال الإختصاص في مجال من المجالات التي تهتم بها و يدعمها البايثون و التي أهمها : تطوير خلفية المواقع الإلكترونية Backend : باستخدام Flask أو Django. لكنك ستحتاج قبل ذالك إلى تعلم على الأقل HTML و CSS ثم الجافاسكريبت و البوتستراب ... تطوير الألعاب Game Development: باستخدام المكتبات التالية Tkinter, Pygame and PyOpenGl. GUI Development : ب wxPython, Tkinter, PyQt or PyGtk Artificial Intelligence : المكتبات المستخدمة TensorFlow, Torch, Keras, Theano, Caffe Accor.Net, SparkMLlib تعلم الألة Maching Learning . Data Science. بالإضافة إلى مجالات أخرى ك البيج داتا و تطوير تطبيقات الموبايل إلخ. يمكنك أن تشاهد طلبات العمل باستخدام البايثون من هذا الرابط : indeed python jobs يمكن أيضا تقديم دروس عبر الأنترنت عند إتقن أحد المجالات سالفة الذكر, أخذا بعين الإعتبار مدى رغبة الناس والتوجة للتعليم عبر الأنترنت لما فيه من إحترافية و إتقان. بما أن البايثون له مجالات كبيرة و متعددة , يجب عليك إختيار المسار الذي يناسبك ثم البحث عن المكتبات التي تساعدك في تطوير اختصاصك مع لغة البايثون . بالتوفيق.
  15. عصام يخلف
    وعليكم السلام الأخ أسلم. بالنسبة لتوفير دخل عن طريق البرمجة هو من أشهر المهن عبر الأنترنت التي انتشرت بسرعة رهيبة في السنوات الأخيرة و خاصة مجال برمجة و تطوير مواقع الويب web devlopment هي Freelancing أي العمل الحر سأطرح لك بعض التفاصيل للعمل عليها و النجاح بإذن الله. مواقع العمل الحر Freelancing : تعتبر اللغات التي ذكرتها من أهم اللغات في تصميم المواقع إذ تعتبر لا غنى عنها مهما كان نوع اللغات ووأطر العمل في الخلفية أي ال backend . سؤال: هل يمكن تحقيق دخل من خلالهما وكيف ذالك ؟ الجواب:نعم, من بين الأمثلة التي يمكن العمل عليها هي تحويل تصميم فوتوشوب psd إلى صفحة بواسطة Html و css. أيضا يمكنك إنشاء معرض أعمال (Portfolio) الخاص بك حيث تضع فيه أعمالك من بين مواقع العمل الحر عبر الأنترنت في الوطن العربي موقع خمسات و موقع مستقل يمكنك ربط معرض أعمالك فيهما والبدأ في التقدم لعروض العمل على المشاريع المتعلقة بمهاراتك . أيضا هناك مواقع للعمل الحر من بينها وأشهرها موقع فايفر Fiverr و موقع فريلانسر freelancer ,أبوورك UpWork ولكن من بين المشاكل التي ستواجهك في هذه المواقع هي : شدة المنافسة وقلة الأسعار لأن أغلب من يبدأ تعلم البرمجة تجده يتقن هذه المهارت و لذالك يجب عليك التركير أكثر على المكتبات و أطر العمل الخاصة بالجافا سكريبت. من بين المكتبات الخاصة ب css التي ستساعدك على تحسين وتطوير الواجهة وتسهيلها Bootstrap Materialize Foundation Semantic UI 2. من بين أطر العمل(Frameworks) الخاصة ب JavaScript : jQuery RactJS VeuJS AngularJS بعد تعلمك لهذه المهارات أو بعضها ستكون قادر على المنافسة في سوق العمل و بالإضافة إلى معرض الأعمال الذي يعتبر هو الوجه الدال علي مدى مهاراتك , حيث هو قبلة الباحثين عن مستقلين مثوقين وقادرين على تلبية شروط صاحب المشروع.
  16. عصام يخلف
    إذا كان المطلوب هو كتابة الدالة function فهي كالأتي : أولا وكبداية أي كود php نبدأ ب <?php //the code here ?> نقم باستقبال قيمة textarea بواسطة GET: <?php $textarea_value = $_GET['textarea'] ; ?> ثم نقوم بانشاء الدالة function بالسطر التالي: <?php $textarea_value = $_GET['textarea'] ; function textarea_to_array($textarea){ //function body } ?> السطر التالي يقوم بتحويل String إلى Array : <?php $textarea_value = $_GET['textarea'] ; function textarea_to_array($textarea){ $array = str_word_count($textarea,1); } ?> إضافة الشرط لتأكيد عدد الكلمات أكبر من 10 : <?php $textarea_value = $_GET['textarea'] ; function textarea_to_array($textarea){ $array = str_word_count($textarea,1); if (count($array) > 10 ) { return $array; } } ?> يمكنك تجربة الكود من هنا: رابط الكود لل HTML رابط الكود لل PHP
  17. عصام يخلف
    هل تقصد أنك تريد الإجابة فقط على السؤال H ؟ أي كتابة الدالة المطلوبة function فقط . أرجو التوضيح للعمل على تقديم إجابة صحيحة لسؤالك .
  18. عصام يخلف
    السلام و عليكم, باللنسبة لتعلم البرمجة شيء لابد منه في عصر الرقمنة والمعلومات وبالتالي ولأهمية هذا المجال يوجد العديد من المصادر التي لاحصر لها منها ما هو مجاني ومنها ماهو مدفوع. و أن المجاني لايقل قيمة عن المدفوع وخاصة في المراحل الأولى لتعلم البرمجة. أما عن المصادر فهناك العديد منها العربية ومنها الأجنبية. 1-بالنسبة لمجال تطوير المواقع الإلكترونية Web Developement : في هذه القائمة ستتمكن من تعلم البرمجة للمواقع و بأسلوب بسيط ومفهوم وشامل لكل المراحل الازمة لتطوير المواقع في كل من الواجهة الأمامية Frontend و الخلفية Backend HTML, CSS JavaScript , PHP, SQL,Python ,ReactJS, NodeJS, Java,.. 2- بالنسبة لمجال تطوير تطبيقات الموبايل و سطح المكتب : ستتعلم كيفية تصميم وبرمجة تصبيقات الهاتف للأندرويد Android و أي أو أ iOS وكذالك Hybird باستخدام Flutter , React Native بالإضافة إلى تطبيقات سطح المكتب. أبرز المواقع الأجنبية: W3Schools codecademy codewars freeِCodeCamp Coursera edX Udemy قناة يوتيوب CodersGuide قناة يوتيوب Traversy Media ترافيرسي ميديا أبرز المواقع العربية: موقع برمج شبكة عبد الله عيد التعليمية أكاديمية حسوب منصة رواق موقع كورسات المعهد العربي لتعلّم لغات البرمجة وهذه قنوات يوتيوب بالعربية : قناة يوتيوب محمد عيسى Mohammed Essa قناة يوتيوب قناة الزيرو قناة يوتيوب بغداد الجديدة TheNewBaghdad قناة يوتيوب عبدلله عيد (عبدلله المحمدي)
×
×
  • أضف...