نبذة عني

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

المهارات :

HTML5 , CSS3 , JavaScript , Jquey , VueJs , NodeJs , WebPack , Sass , Less , Bootstrap

PHP , MySQL , MongoDB , MariaDb , Laravel , CodeIgniter , Java , Android Development

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

التقييمات

الاحترافية بالتعامل
 5.0
التواصل والمتابعة
 4.8
جودة العمل المسلّم
 5.0
الخبرة بمجال المشروع
 5.0
التسليم فى الموعد
 4.8
التعامل معه مرّة أخرى
 4.9

آراء العملاء

لا توجد أي أعمال

آخر الأسئلة التي أجاب عليها

الإستفسار عن تصميم موقع المحيط

مرحبا محمود.. بالإمكان برمجة و تصميم موقع بنفس المواصفات بتقنيات مختلفة على سبيل المثال موقع المحيط بالإمكان عمل مثله بإستخدام الووردبريس أو الجوملا أو بعدة منصات إدارة محتوى مختلفة كما بالإمكان تصميمه بإستخدام بيور php أو لارافيل أو بلغة البايثون بإستخدام إطار العمل django أو flask أو بإستخدام asp.net أو ruby القائمة تطول. السؤال الأكثر دقة هو..ما أفضل طريقة لتصميم موقع مشابه؟ هنا ستكون إجابتي ووردبريس و السبب أن الموقع عباره عن مقالات تحت تصنيفات مختلفة و هذا لب ما تم تطوير نظام ووردبريس لأجله و السبب الأكثر أهمية هو أن واجهة ووردبريس لإدارة المحتوى من الصعب بناء مثلها من الصفر بإستخدام تقنيات أخرى سيستغرق وقتا طويلا فلا داعي لإعادة إختراع العجلة و إنفاق المال و الجهد على شئ موجود و أثبت فعاليته و جدارته , ما يلزمك هو البحث عن مطور مواقع وورد بريس لتصميم قالب يعطي طابع خاص بموقعك و حاول تجنب إستعمال القوالب المجانية. لو أعتمدت إستخدام ووربريس التكلفة تختلف بناء على عدة عوامل : 1 - هل ستستخدم قالب جاهز أم ستقوم بصناعة قالب من الصفر. 2 - الميزات المطلوبة في الموقع. 3 - جودة العمل.

هل لدي خطا في هدا الموقع.

مرحبا.. يبدو أنك نسيت إغلاق الوسم <p> : <body> <h1> text of lion </h1> <!-- و لم تقم بإغلاقه p قمت بفتح الوسم --> <p> text of lion <img src="tÊlÊchargement.jpg" width="180" height="180"> </body> و أيضا لديك خطأ فادح كتابة العنصر body داخل العنصر head : <!-- خطأ --> <!DOCTYPE html> <html> <head> <title> animal lion</title> <body> <h1> text of lion </h1> <p> text of lion <img src="tÊlÊchargement.jpg" width="180" height="180"> </body> </head> </html> <!-- صح --> <!DOCTYPE html> <html> <head> <title> animal lion</title> </head> <body> <h1> text of lion </h1> <p> text of lion </p> <img src="tÊlÊchargement.jpg" width="180" height="180"> </body> </html> إذهب إلى مجلد الصورة و قم بالضغط عليها بإستخدام الزر الأيمن للفأرة إختر properties أو خصائص من القائمة , ستفتح لك نافذة في خانة location قم بعمل نسخ للرابط و و لصقه في خاصية src الخاصة بوسم img.

كيف أضع نافذة منبثقة Popup في الرئيسية؟

مرحبا عبدالله.. بإستخدام نفس المكتبة التي قمت بذكرها بإمكانك عمل التالي : <html> <head> <!-- jQuery ملف مكتبة :) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> </head> <body> <!-- المحتوى الذي سيظهر في الناقذة المنبثقة --> <div id="ex1" class="modal"> <!-- الصورة --> <img alt="Dawn light" src="https://drscdn.500px.org/photo/1016156589/q%3D80_m%3D1500_k%3D1/v2?sig=5ed6ecfcd66064063921f0c5af64e7872c44e14e5ee3d8e3c4640bd70c786119" style="width: 100%; height: auto;"> </div> <!-- الرابط الذي سيتسبب في فتح النافذة مخفي --> <a style="display:none;" id="modal_trigger" href="#ex1" rel="modal:open"></a> <!-- jQuery Modal --> <!-- ملفات المكتبة --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" /> <!-- هذا السكربت سيقوم بفتح نافذة منبثقة بشكل تلقائي بعد 3 ثواني --> $(document).ready(function(){ setTimeout(function(){ $('#modal_trigger').click(); }, 3000); }); </body> للعلم بالإمكان عملها بأكثر من طريقة و لكن هذه أول طريقة خطرت في بالي بإستخدام المكتبة المرفقة , بالإمكان تعديل الوقت الزمني لفتح الشاشة المنبثقة بتغيير القيمة 3000 في السكربت علما بأن 1000 يساوي ثانية واحدة  في حالة تريدها أن تفتح مباشرة قم بتحديد الوقت 0. هذا رابط لمشاهدة نسخة لايف. النتيجة النهائية بعد 3 ثواني من فتحك للصفحة :

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

و عليكم السلام.. أولا عند تعلمك البرمجة بإمكانك بناء منصات شبيهة بووردبريس لتسمح لمن لا يمتلك المعرفة و الخبرة في مجال البرمجة على بناء موقع إلكتروني بسهولة. تانيا : منصات صناعة المواقع الشبيهة بوورد بريس هي منصات إدارة محتوى و ليست صناعة مواقع فموقع وورد بريس يحتاج إلى قالب و هذا القالب يقوم بتصميمه مبرمج من ثم يستخدمه أحد مستخدمي الووردبريس في موقعه و كذلك تحتاج إلى إضافات plugins و هذه أيضا يقوم المبرمجين بتطويرها حتى يتسنى لمن لا يملك المعرفة و القدرة على تطويرها من الصفر من إستخدمها في موقعه. ثالثا : الحرية.. ماذا لو ترغب في إضافة plugin غير موجودة ستحتاج إلى توظيف مبرمج لصناعتها لك , ماذا لو ترغب في عمل تعديلات على إضافة ما أو على القالب الخاص بك ستحتاج إلى مبرمج , و هنالك العديد من الأمور التقنية الأخرى التي تحتاج إلى شخص على دراية بلغات البرمجة. عمل المبرمجين طيلة السنوات السابقة على تسهيل إستخدام الحاسوب و تقنياته للعامة و نجحو في ذلك و تدريجيا يتحول عمل مطوري المواقع من تصميم و تطوير المواقع إلى تصميم و تطوير أدوات تسهل للعامة تطوير موقع خاص بهم مثل wix.com

الفرق الجوهري بين لغات التصميم

مرحبا محمود.. بالنسبة لمجال تطوير تطبيقات الويب ينقسم إلى جزئين جزء متعلق بالواجهة Front-end و جزء متعلق بالخلفية ال Back-end و لكل جزء يتم إستخدام لغات معينة اللغات التي قمت بذكرها (HTML , CSS, JavaScript) تستخدم في تطوير واجهة المستخدم الخاصة بتطبيق الويب بينما كل من الPHP و Ruby يستخدمان في تطوير الجزء المتعلق بالخلفية. جزء الواجهة يشتغل على جهاز المستخدم سوى كان حاسوب أو هاتف ذكي أو جهاز لوحي أما الجزء المتعلق بالخلفية يشتغل على السيرفرات الخاصة بالموقع. علما بأن في السنوات الأخيرة أصبح بالإمكان برمجة و تطوير تطبيق ويب متكامل بإستخدام لغة الجافاسكربت , أصحبت قادرة على العمل على الجزئين جزء الواجهة و الخلفية. يتم تعريف لغة الHTML كالتالي في موسوعة حسوب باللغة العربية : اقتباس لغة HTML هي لغة توصيفية لإنشاء صفحات الويب وتطبيقات الويب، وترمز إلى Hypertext Markup Language (أي لغة النص الفائق). تُستخدَم مع لغة CSS و JavaScript لإنشاء صفحات ويب تفاعلية. تستقبل متصفحات الويب مستندات HTML من خادم الويب أو من نظام الملفات وتعرضها، ووظيفة لغة HTML هي وصف بنية صفحات الويب هيكليًا. و هذا تعريف الموسوعة للغة الCSS : اقتباس لغة CSS هي لغة تنسيقية تُستخدَم لوصف التمثيل البصري لمستند مكتوب بلغة هيكلية، وهي ترمز إلى Cascading Style Sheets (أي صفحات الأنماط الانسيابية)، ويمكن استخدامها مع HTML وأي مستند XML بما في ذلك ملفات SVG. تُستخدَم CSS من أغلبية مواقع الويب لإنشاء صفحات ويب جذابة وواجهات سهلة الاستخدام لتطبيقات الويب، وتُستعمَل عادةً مع لغتَي HTML و JavaScript. تعريف موسوعة حسوب للغة الJavaScript : اقتباس JavaScript (يُشار إليها عادةً بالاختصار JS) هي لغة برمجة مُفسَّرة (interpreted، وليست مبنية compiled) وديناميكية وعالية المستوى؛ تُشكِّل أحد الأُسس التي ترتكز عليها صفحات الويب (إضافةً إلى HTML و CSS). تُستخدَم لغة JavaScript لإنشاء صفحات ويب تفاعلية، ولتوفير تطبيقات ويب بما في ذلك الألعاب؛ وهي مُستعمَلة من أغلبية المواقع، وتدعمها جميع المتصفحات تقريبًا دن الحاجة إلى إضافات خارجية. تعريف موسوعة حسوب للغة الPHP : اقتباس لغة PHP (والتي هي اختصارٌ تعاودي للعبارة PHP: Hypertext Preprocessor) هي لغةٌ مفتوحة المصدر شائعة الاستخدام لها مجال استخدامٍ عامٍ لكنها تناسب تطوير الويب ودمج لغة HTML معها. الذي يُميّز PHP عن الشيفرات التي تعمل في جهة العميل مثل JavaScript هو أنَّ شيفرات PHP ستُنفَّذ على الخادم، مما يولِّد شيفرة HTML التي ستُرسَل بعد ذلك إلى العميل. أي أنَّ العميل سيستلم ناتج تنفيذ شيفرة PHP ولن يعلم ما هي الشيفرة الأصلية التي ولَّدتها. تعريف موسوعة حسوب للغة Ruby : اقتباس لغة روبي هي لغة برمجية ديناميكية وانعكاسية (reflective) وكائنية التوجه وعامية الغرض (general-purpose). أضف إلى ذلك أنَّها لغة عالية المستوى ومفتوحة المصدر. تركز روبي على البساطة والإنتاجية، إذ تملك بنيةً أنيقةً سهلة القراءة والكتابة بطريقة أقرب إلى الحياة الطبيعية البشرية. اكتسبت روبي شهرتها من جمالية بنيتها، وقوتها. فيمكنك عند الاطلاع على أي تعبير برمجي في روبي أخذ فكرة أولية عن الوظيفة التي يفعلها دون أن يكون لك خلفية مسبقة عن البرمجة! و هذا رابط الموسوعة بإمكانك الإطلاع عليه للتعمق في الموضوع أكثر و الإستفادة من المحتوى العربي الشامل.

Java script -Signup form

هنا قمنا بإضافة مستمع لحدث keyup و blur و focus لأي عنصر input أو عنصر textarea ينحدر في شجرة الHTML من أي عنصر يمتلك كلاس CSS بإسم form $('.form').find('input, textarea').on('keyup blur focus', function (e) { هنا قمنا بتعريف متغيرين , المتغير الأول إسمه this$ و أعطيناه قيمة, هذه القيمة هي العنصر الخام الذي تسبب في إطلاق الحدث (input أو textarea) , أما المتغير التاني فهو label و أعطيناه قيمة هي العنصر label الذي يسبق العنصر الذي تسبب في إطلاق الحدث (input أو textarea) في شجرة الhtml الخاصة بالصفحة. var $this = $(this), label = $this.prev('label'); هنا لدينا إختبار شرطي if , في حالة كان الحدث الذي تم إطلاقه هو keyup سيواجهنا إختبار شرطي if أخر هذا الإختبار ينص على أنه في حال ما إذا كان عنصر الinput أو textarea فارغا سنقوم بإزالة كلاس CSS المسمى active و كذلك الكلاس highlight من عنصر label الذي يسبق عنصر الinput أو textarea الذي تسبب في الحدث , أما إذ لم يكن العنصر input أو textarea فارغا نقوم بإضافة كل من كلاس السي إس إس active و highlight للعنصر label. if (e.type === 'keyup') { if ($this.val() === '') { label.removeClass('active highlight'); } else { label.addClass('active highlight'); } } أما في حالة لم يكن الحدث الذي تم إطلاقه هو keyup بل كان blur  سيواجهنا إختبار شرطي if أخر هذا الإختبار ينص على أنه في حال ما إذا كان عنصر الinput أو textarea فارغا سنقوم بإزالة كلاسCSS المسمى active و كذلك الكلاس highlight من عنصر label الذي يسبق عنصر الinput أو textarea الذي تسبب في الحدث , أما إذ لم يكن العنصر input أو textarea فارغا نقوم بإضافة كلاس CSS المسمى highlight للعنصر label. else if (e.type === 'blur') { if( $this.val() === '' ) { label.removeClass('active highlight'); } else { label.removeClass('highlight'); } } أما في حالة لم يكن الحدث الذي تم إطلاقه هو keyup ولا blur أيضا بل كان focus  سيواجهنا إختبار شرطي if أخر هذا الإختبار ينص على أنه في حال ما إذا كان عنصر الinput أو textarea فارغا سنقوم بإزالة كلاس السي إس إس المسمى highlight من عنصر label الذي يسبق عنصر الinput أو textarea الذي تسبب في الحدث , أما إذ لم يكن العنصر input أو textarea فارغا نقوم بإضافة كلاس CSS المسمى highlight للعنصر label. else if (e.type === 'focus') { if( $this.val() === '' ) { label.removeClass('highlight'); } else if( $this.val() !== '' ) { label.addClass('highlight'); } } هنا قمنا بإضافة مستمع لحدث click لأي عنصر a ينحدر من أي عنصر يمتلك كلاس CSS بإسم tab $('.tab a').on('click', function (e) { تم تفعيل الدالة preventDefault لكائن الحدث وظيفتها أن تمنع الحدث المبدئي لعنصر a e.preventDefault(); هنا قمنا بإزالة كلاس active عن جميع أشقاء العنصر الأب للعنصر a الذي تم نقره. $(this).parent().siblings().removeClass('active'); هنا قمنا بإضافة كلاس السي إس إس active للعنصر الأب لعنصر a الذي تم نقره $(this).parent().addClass('active'); هنا قمنا بتعريف متغير إسمه target و أعطيناه قيمة و هي قيمة الخاصية href الخاصة بالعنصر a الذي تم نقره target = $(this).attr('href'); هنا قمنا بإخفاء أي عنصر div ينحدر مباشرة من أي عنصر يمتلك كلاس سي إس إس بإسم tab-content و في نفس الوقت لا تكون قيمة خاصية الid تساوي القيمة المخزنة في المتغير target $('.tab-content > div').not(target).hide(); و أخيرا نقوم بإخفاء العنصر الذي يمتلك خاصية id بنفس القيمة المخزنة في المتغير target تدريجيا في مدة زمنية 600 جزء من الثانية. $(target).fadeIn(600);  

ماذا يمكن ان تفعل لغة جافاسكريبت

بتاريخ 1 ساعة قال abdulrahman_1151: السؤال الاخر : هل يمكن ان اقوم بتطوير التطبيقات وربطها في الويب يعني ما اقصده مثلا الواتس اب هو تطيبق على الاجهزة الذكية وايضا يمكن استعمالها في المتصفح مثل "واتس اب ويب" نعم بإمكانك تطوير تطبيق خاص بالهواتف الذكية من ثم جعله يشتغل أيضا على الويب, البيانات التي تقوم تطبيقات الهواتف الذكية بعرضها لمستخدميها عادة ما تكون مخزنة في سيرفرات و ليست في هاتف المستخدم و لإسترجاع هذه البيانات من السيرفرات حتى يقوم التطبيق بعرضها للمستخدم  تعتمد التطبيقات على "جسر" لجلب البيانات , فعندما تقرر مستقبلا جعل تطبيقك يشتغل أيضا على الويب كل ما عليك فعله هو عمل واجهة مستخدم بإستخدام الHTML و CSS و JavaScript و سحب نفس البيانات الذي يقوم تطبيقك بسحبها و عرضها لمستخدمي الهاتف الجوال عن طريق إستخدام "جسر" هذا الجسر في لغات البرمجة يسمى بالAPI

كيف اعمل استضافه على www.namecheap.com

مرحبا... هذه الأسباب الرئيسية في عدم ظهور موقعك على محرك بحث قوقل : 1 -  الموقع الخاص بك لا يزال جديدا لم يقم محرك بحث قوقل بأرشفة موقعك بعد. 2 - الموقع الخاص بك لم يتم ضبطه و إعداده جيدا للزواحف (Web Crawlers) الخاصة بمحرك البحث. 3 - الكلمات المفتاحية لموقعك مستهدفة بشكل كبير من عدة شركات/مواقع هذا ما يجعل المنافسة شرسة بين المواقع للظهور في نتائج محرك البحث عند إدخال تلك الكلمات. 4 - صفحات الHTML الخاصة بموقعك تحتوي على وسم "no index" ما يمنع زواحف محرك بحث قوقل من أرشفتها. 5 - موقعك تمت معاقبته و إقصاءه من قبل شركة قول لأسباب معلومة.

إنشاء موقع بلغة بايثون

مرحبا عبدالله.. إن تعلم لغة برمجية جديدة ليس بالأمر الصعب و لكن أن تصبح محترفا في هذه اللغة و قادر على بناء مشاريع كبيرة و معقدة و أمنة لمتستخدميها فإن هذا يتطلب خبرة قد يستغرق إكتسابها عدة سنوات , لهذا يتجه الكثيرون إلي إستخدام أطر العمل و كما قام أخي محمد بالتوضيح في تعليقه فإن لغة بايثون تمتلك عدة أطر عمل تسهل عملية بناء المواقع الإلكترونية و تختصر عليك الوقت الكثير كما أن هذه الأطر تهتم كثيرا بجانب الحماية في الشيفرات التي تم بناءها بها و من أشهر أطر العمل الخاصة بلغة بايثون Django فإذا كنت مصمم على بناء موقعك بإستخدام لغة بايثون أنصحك فور تعلمها و التمكن منها الإنتقال مباشرة إلى تعلم إطار العمل بايثون و إستخدامه , أما إذ لا يهمك اللغة و إطار العمل المستخدم في بناء الموقع و ما يهمك النتيجة النهائية إستمر في القراءة. أقترح عليك تعلم لغة الPHP حيث أن تعلمها سيكون أسهل و في وقت أقصر من لغة بايثون و السبب التاني و الرئيسي لهذا الإختيار هو المنصات الشهيرة المتعددة المتخصصة في مجال بناء مواقع التسوق الإلكتروني أغلبها تم تطويرها بإستخدام لغة الPHP و هنا سأقوم بذكر بعض منها و أشهرها : 1 - Woo Commerce المنصة الأكثر شهرة في مجال بناء مواقع التسوق الإلكتروني قرابة ربع مواقع التسوق الإلكتروني على شبكة الإنترنت تم بناءها بإستخدام هذه المنصة. 2 - WP eCommerce. 3 - OpenCart 4 - Drupal 5 - Magento كل هذه المنصات تحتوي على كافة المميزات التي تتواجد في أي موقع تسوق إلكتروني يخطر على بالك كما أن بالإمكان جعلها تدعم كافة وسائل الدفع الإلكترونية بالإضافة إلى أن مستوى حماية موقعك و أمن بيانات مستخدميك ستكون عالية و يرجع ذلك كون أن هذه المنصات تم إستخدامها في مئات الألاف و ملايين المشاريع و مواقع التسوق و على مر السنين تم تغطية كافة الجوانب المتعلقة بالحماية و الأمن , و أحد أكثر الأسباب أهمية التي تدفع العديد إلى إستخدامها كون أن تطوير موقع تسوق إلكتروني بإستخدمها لن يستغرق منك أسبوع واحد.

ما هو framework

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

آخر المقالات التي كتبها

لا توجد نتائج.

إحصائيات

التقييمات  4.9
معدل اكمال المشاريع
متوسط سرعة الرد 5 ساعات و 13 دقيقة
المشاريع المكتملة 8
مشاريع يعمل عليها 1
تاريخ التسجيل
آخر تواجد منذ

أوسمة

  • معدل إكمال مشاريع رائع
  • مستقل ملتزم
  • مستخدم منذ سنتين