hassen zouari

hassen zouari

  • مستقل
  • برمجة، تطوير المواقع والتطبيقات
  • تونس

نبذة عني

"بصراحة افضل مستقل تعاملت معه وانصح الكل باختياره فقد قام بعمل كل شي طلبته منه على اكمل وجه رغم ان طلباتي كثيرة واكثر شي عجبني في التعامل معه سرعة الرد رغم اختلاف التوقيت بين بلدي وبلده" - باختصار هذا ماستحصل عليه :)
10 مشاريع منفذة بمعدل اكمال 100% وبتقييم تقريبا 5/5 - أكبر دليل على الجودة

مبرمج و مصمم مواقع حر (Full stack web developer ) خبرة :

5 سنوات تصميم HTML/HTML5/CSS3/JAVASCRIPT
4 سنوات برمجة PHP/SQL/PDO/MYSQL
3 سنوات عمل على اشهر واكثر السكريبتات استعمالا WORDPESS/OPENCART
3 سنوات خبرة في استعمال اطر عمل مختلفة JQUERY/BOOTSTRAP/SYMFONY

وقمت بفضل الله وكرمه بتصميم وبرمجة وتطوير العديد من المواقع الإلكترونية بلغات مختلفة عربية منها وأجنبية وللعديد من الشركات في مختلف البلدان, باحترافية كبيرة وجودة عالية.

كما نركز دائما على الجودة في التصميم والإحترافية في العمل لإرضاء العميل.

التقييمات

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

آراء العملاء

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

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

أريد سلايدر لعرض صورة واحدة مع أزرار تنقل؟

يمكنك صنع سلايدر  مثل هذا السلايدر الموجود في الصورة ، والذي يعرض صورة واحدة فقط وبها فقرة وأزرار تنقل عمودية بالاعتماد على html و bootstrap و jquery وذلك لتسهيل الامر والسرعة في انجازها حيث سيكون الكود كما هو التالي : هذه هي صفحة html التي ستحتوي على الصور والنصوص والازرار ...  <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery &amp; Bootstrap Carousel Demo</title> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"> <img src="http://lorempixel.com/1200/400/sports" style="width:100%" alt="First slide"> <div class="container"> <div class="carousel-caption"> <div> <div class="likes"> <div>5k</div> <span class="glyphicon glyphicon-heart"></span> </div> <div class="comments"> <div>5k</div> <span class="glyphicon glyphicon-comment"></span> </div> </div> <p>Aenean a rutrum nulla. Vestibulum a arcu at nisi tristique pretium.</p> <!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>--> </div> </div> </div> <div class="item"> <img src="http://lorempixel.com/1200/400/people" style="width:100%" data-src="" alt="Second slide"> <div class="container"> <div class="carousel-caption"> <div> <div class="likes"> <div>5k</div> <span class="glyphicon glyphicon-heart"></span> </div> <div class="comments"> <div>5k</div> <span class="glyphicon glyphicon-comment"></span> </div> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae egestas purus. </p> <!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>--> </div> </div> </div> <div class="item"> <img src="http://lorempixel.com/1200/400/abstract" style="width:100%" data-src="" alt="Third slide"> <div class="container"> <div class="carousel-caption"> <div> <div class="likes"> <div>5k</div> <span class="glyphicon glyphicon-heart"></span> </div> <div class="comments"> <div>5k</div> <span class="glyphicon glyphicon-comment"></span> </div> </div> <p>Donec sit amet mi imperdiet mauris viverra accumsan ut at libero.</p> <!--<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>--> </div> </div> </div> </div> <div class="carousel-control-group"> <a class="carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-up"></span></a> <a class="marg-nt carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-down"></span></a> </div> </div> </body> </html> وهذه صفحة الcss التي ستحتوي على الستايل اي كيفية تنسيق الصفحة ..  #jquery-script-menu { position: fixed; height: 90px; width: 100%; top: 0; left: 0; border-top: 5px solid #316594; background: #fff; -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); z-index: 999999; padding: 10px 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .jquery-script-center { width: 960px; margin: 0 auto; } .jquery-script-center ul { width: 212px; float:left; line-height:45px; margin:0; padding:0; list-style:none; } .jquery-script-center a { text-decoration:none; } .jquery-script-ads { width: 728px; height:90px; float:right; } .jquery-script-clear { clear:both; height:0; } .carousel-control { color: #607D8B; height: 25px; width: 25px; background-color: #fff; } .carousel-control:hover { color: #607D8B; } .carousel-control-group { position: absolute; top: 40%; left: 5%; transform: translate(-50%, -50%); } .marg-nt { margin-top: 40px; } .likes , .comments { display:inline-block; font-size:20px; } .likes { padding-right:10px; } يجدر الذكر بانه يمكنك استخدام هذا الكود في انظمة المحتوى كما هو الحال بالنسبة للبرمجة الخاصة ...  ملاجظة اخيرة : لاتنسى القيام باستدعاء المكتابات المستعملة في هذا الكود عند القيام بدمجه بالكود الخاص بك .. وهذه صورة تبين الحالة التي سيكون عليها السلايدر بعد الانتهاء من تركيبه https://i.suar.me/81X2

هل للـ back-end developer فرصة للعمل على upwork؟

لكل المجالات فرصة عمل  في مواقع العمل الحر سواء ان كنت back-end developer  او front-end developer او حتى  full-stack المهم ان تكون محترف في مجالك وكل ماسيختلف هو تغيير نسبة العثور على عمل فكلما زادت المجالات التي تدقنها كلما زادت فرصة عثورك وتحصلك على عمل وكما قلت لك سابقا المهم ان تكون محترف في مجالك لذلك انصحك بالتعمق في مجالك back-end  اكثر الى ان تصل الى مرحلة الاتقان ومن ثم تنتقل الى front-end وتتعلمها ... أخي أنصحك بالعمل على منصة  مستقل بدلا من الموقع المذكور اعلاه وذلك نظرا لقلة المنافسة وتوفر العديد من المشاريع الخاصة بالback-end developer  فضلا عن ان الموقع باللغة العربية وهو ماسيسهل عليك العمل والتواصل مع صاحب المشروع ...

كيف أخفي الصورة الأولى فقط في المواضيع بشكل تلقائي على منصة بلوجر ؟

لاخفاء الصورة الاولى في المواضيع بشكل تلقائي على منصة بلوجر من المستحسن اتباع الخطوات التالية :  1. في البداية قم بالذهاب الى قسم Template وقم بالضغط على Edit Html  2. من ثم قم بالضغط على ctrl+f وقم بالبحث عن الكود التالي  ]]></b:skin>  3. من ثم قم باضافة الكود التالي بعد الكود المذكر سابقا <b:if cond='data:blog.pageType != &quot;index&quot;'> <style> .hideimage{ display: none; } </style> </b:if> 4. الان عندما تقوم باضافة الصورة وتريد اخفائها فقط قم بتحرير الpost على شكل HTML وقم باضافة الattribute التالي في كود الصورة <div class="hideimage"><img border="0" height="320" src="image.png" width="320" /></div> فقط وهكذا ستتمكن من اخفاء اول صورة في المواضيع ... صحيح ان هذه الطريقة جيدة ولكن يوجد طريقة أفضل وذلك عن طريق استخدام nesting في css بالاضافة الى استخدام nth-child(1) ولكن هذه تختلف حسب div الid لذلك اذا اردت قم بمدي برابط المدونة وسارسل لك الكود

ما الفرق بين كل من Android Studio و  Eclipse؟

يوجد فقط بعض الاختلافات البسيطة فيما بينهم ولكنهم عموما متشابهين ويقدمان نفس الوظيفة تقريبا وكمثال بسيط لهذه الاختلافات في Eclipse تتم برمجة تطبيقات الاندرويد عبر java بينما في  Android Studio تتم البرمجة عن طريق لغة خاصة بالandroid ولكنها شبيها جدا بJava ... مايميز Android Studio هيا انها موثوقة ومقدمة من جوجل لاداء غرض معين وهو برمجة تطبيقات الاندرويد لكن مايعيبها انها ثقيلة جدا وتحتاج لحاسوب بامكانيات عالية لكي تشتغل بشكل جيد ... عموما  أنصحك باستخدام Eclipse في حالة كان جهازك ضعيف مقارنة بمتطلبات تشغيل Android Studio ولكن في حالة كان جهازك يستوفي كل متطلبات التشغيل الخاصة بAndroid Studio فأنصحك باستعماله.  متطلبات تشغيل Android Studio

ما هي أفضل محررات الويب لأجهزة الماك؟

أفضل محرر وايب بالنسبة لأجهزة الماك يختلف حسب احتياجاتك ولكني أنصحك (عن تجربة) باستخدام NetBeans IDE فحقيقة هذا المحرر يحتوي عل جميع المميزات فبالاضافة الى دعمه الهائل الى html5 و css3 و js و php5 فهو يوفر لك العديد من الاضافات التي ستساعدك في العمل بالاضافة الى عديد المميزات المدمجة مثل التحكم عبر git وتوفير طرق سهلة لاستخدام sass او less بالاضافة الى امكانية اضافة الاطارات مثل bootstrap و jquery (التي يدعمها بشكل كبير أيضا) واستدعائها بطريقة سهلة عند اطلاق اي عمل ...وحجمه يعتبر ضئيل نسبيا لما يقدمه من مميزات فهو لايتجاوز حتى 110mb  وكملاحظة أخيرة انصحك بالابتعاد  عن Dreamweaver ... استعمل bloc note ولاتستعمل Dreamweaver تحميل NetBeans IDE

أعاني من التشتت أثناء دراسة وتعلم مجالات المعلوماتية؟

أخي المشكل لا يكمن في عدد الساعات التي تقضيها أمام الحاسوب بل في ما تستغل ذلك العدد من الساعات وأنصحك أخي بتقليل هذه المدة لكي لا تتجاوز الساعتين يوميا (كحد أقصى). وباقي الوقت استغله في أمور أهم فالحياة ليست كلها مجرد حاسوب واتصال وإنترنت. 1. في البداية قم باختيار المجال الذي تريد اتباعه (في حالتي انا مثلا اخترت برمجة الويب) وركز على هذا المجال فقط يعني لا تتعلم اكثر من لغة برمجة في نفس الوقت بل حتى لا تتابع اكثر من كورس واحد في نفس الوقت فمازال يوجد متسع كبير من الوقت  ... ومن ثم أبحث عن هذه اللغة وأبدأ بدراستها اما بالعربية او الانجليزية (أفضلها لك نظرا لكثرة المحتوى الانجليزي) اما اذا كنت ستعتمد على العربية فأنصحك بان تكون أكاديمية حسوب مصدرك الاول 2. بالنسبة لي هذه تجربتي في تعلم اللغة الانجليزية : في البداية كنت اتعلم في المدرسة (المعهد ... ) ومن ثم أصبحت ابحث على الانترنات بنفسي وفي كل مرة يتطور فهمي للغة وبالطبع في حال لم اعرف كلمة أبحث عنها في جوجل وهكذا ستزيد خبرتك في كل مرة 3. بعض النصائح 'البرمجة والحواسيب ليست كل شئ في حياتك' ، 'مازال امامك الكثير من الوقت' ، 'ركز على مجال واحد لاغير وتخصص أكثر في المجال الذي تختاره لتكون محترفا فيه' إضافات أنصحك باستخدامها : web timer تحدد لك المدة التي قضيتها على الانترنات وفيما قضيتهاTake a Break إضافة تنبهك لاخذ راحة في كل مدة زمنية معينة لكي تحمي جسدك  Grammarly اضافة ستساعدك كثيرا في الكتابة بالانجليزية

ما هي أبسط طريقة لجعل قالب بلوجر يدعم ثنائية اللغة؟

الرجاء التوضيح هل انك تريد ان يكون نفس الblog ثنائي اللغة او ان يكون القالب بنسختين rtl و ltr ؟

كيف يتم برمجة لوحة التحكم بلغة بايثون؟

يتم برمجة لوحة التحكم بلغة بايثون مثلما يتم برمجة الصفحات العادية كل ما عليك فقط هو تحديد صلاحيات الوصول الى صفحات الأدمن وتقوم بذلك عن طريق إرفاق الصلاحيات في جدول الأعضاء لتكون مثلا المستخدم العادي (0) المدير (1) و المراقب (2) ومن ثم عند تسجيل الدخول تقوم بإرفاق رقم الصلاحية إلى session  ومن ثم تتحقّق من الصلاحية المرفقة في session في الصفحات المخصصة للادمين (او المراقب). أنصحك كذلك باستخدام إطار مثل Django او Flask وذلك لمزيد من الحماية والسرعة في تنفيذ العمل لذلك أنصحك بمعاينة مقالات الأكاديمية المتعلقة ببايثون والتي تحتوي على شروحات جيدة لإطار Flask.

هل أبدأ باستخدام Monodevelop أم Visual studio؟

بما أنك تريد تعلم برمجة تطبيقات الهواتف الذكية عامة واندرويد خاصة فأنصحك بالاعتماد على Xamarin حيث أنه بمجرد كتابتك لتطبيق على Xamarin فإنه سيعمل على ios و android و حتى الهواتف التي تعمل بنظام ويندوز. بالإضافة إلى هذا فإن ل Xamarin دعم ضخم جدا والعديد من الشروحات (خاصة بالانجليزية) بالإضافة إلى كثرة طلب البرمجة عن طريق Xamarin  في الآونة الأخيرة وبأسعار مرتفعة. ما يجعلك تختار Xamarin أيضا هو أنه مجاني وليس مثلما كان بالسابق مدفوع ... هذا لا يعني أن Visual studio غير جيد ولكن الأخير موجه لبرمجة تطبيقات سطح المكتب أكثر منه توجها لبرمجة تطبيقات الهواتف.

هل من الجيد وضع أكثر من meta tag content في صفحة؟

نعم لا مشكلة أخي ، ولكن يجب تحديد وظيفة كل meta tag وذلك باستعمال name داخل وسم meta وذلك لتحديد دور الوسم إما أنه سيعرف بالصفحة أو انه سيحتوي اسم الكاتب أو أنه سيحتوي على كلمات مفتاحية،  ويكون كود ال meta كالتالي مثلا: <meta name="keywords" content="HTML,CSS,XML,JavaScript"> بالإضافة إلى هذا فإن لهذه الوسوم (meta tag) دورا هام في تقوية نسبة ال seo في موقعك و ستسهل كذلك الأمر على محركات البحث في أرشفة الموقع وبالتالي تصدره نتائج البحث في المستقبل. ملاحظة : مكان الوسوم غير صحيح في الكود المرفق ، فهذه الوسوم يجب أن تكون بين وسم head كالآتي مثلا: <!DOCTYPE html> <html> <head> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Hege Refsnes"> </head> <body> <!-- Something Here --> </body> </html> المزيد حول وسم meta  

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

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

إحصائيات

التقييمات  4.9
معدل اكمال المشاريع 100.00%
متوسط سرعة الرد 14 ساعة و 18 دقيقة
المشاريع المكتملة 12
تاريخ التسجيل
آخر تواجد منذ

أوسمة

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