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

hassenzouari98

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

  • المساهمات

    71

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

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

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

    2

آخر يوم ربح فيه hassenzouari98 هو يوليو 12 2016

hassenzouari98 حاصل على أكثر محتوى إعجابًا!

2 متابعين

آخر الزوار

2032 زيارة للملف الشخصي

إنجازات hassenzouari98

عضو نشيط

عضو نشيط (3/3)

27

السمعة بالموقع

7

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

  1. ياسمين سامح احمد ابراهيم بدأ بمتابعة hassenzouari98
  2. hassenzouari98
    نعم يمكنك استخدام background-size cover التي ظهرت مع الاصدار 3 من css وهي طريقة رائعة جدا ويتم استخدامها بكثرة في الحالات الشبيهة بحالتك
  3. hassenzouari98
    لكل المجالات فرصة عمل في مواقع العمل الحر سواء ان كنت back-end developer او front-end developer او حتى full-stack المهم ان تكون محترف في مجالك وكل ماسيختلف هو تغيير نسبة العثور على عمل فكلما زادت المجالات التي تدقنها كلما زادت فرصة عثورك وتحصلك على عمل وكما قلت لك سابقا المهم ان تكون محترف في مجالك لذلك انصحك بالتعمق في مجالك back-end اكثر الى ان تصل الى مرحلة الاتقان ومن ثم تنتقل الى front-end وتتعلمها ... أخي أنصحك بالعمل على منصة مستقل بدلا من الموقع المذكور اعلاه وذلك نظرا لقلة المنافسة وتوفر العديد من المشاريع الخاصة بالback-end developer فضلا عن ان الموقع باللغة العربية وهو ماسيسهل عليك العمل والتواصل مع صاحب المشروع ...
  4. hassenzouari98
    أخي الرجاء التوضيح ماذا تقصد بتشوه الصورة ؟
  5. hassenzouari98
    لجعل اتجاه الحركة عمودي كل ماعليك فعله اخي هو استعمال بعض خصائص الcss3 التي تنظم الحركة لذلك انصحك باضافة هذا الكود الى ملف الcss السابق لتكون عملية التحرك كما ترغب فيها انت اي عمودية .carousel-inner .active { top: 0; } .carousel-inner .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .carousel-inner .next { top: 500px; } .carousel-inner .prev { top: -500px; } اما بالنسبة لطريقة اضافة الصورة فيمكنك اضافتها بكل بساطة في div ولكن فقط يجب ان لاتنسى ان تقوم بتعديل بعض الخصائص لتظهر الصورة بشكل جميل مثل no-repeat ... ولكني لاأنصحك باستخدام هذه الطريقة حيث ستحتاج ام لاستعمال css preprocessor لتنظيم روابط لصور او لاعطاء class لكل div ستضيف فيه صورة وبالتالي ستتعقد الامور أكثر لذلك انصحك بابقائها كما هيا الان (اي عن طريق وسم img) وهذا أفضل حل ... المزيد حول css transitions
  6. hassenzouari98
    يمكنك صنع سلايدر مثل هذا السلايدر الموجود في الصورة ، والذي يعرض صورة واحدة فقط وبها فقرة وأزرار تنقل عمودية بالاعتماد على 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
  7. hassenzouari98
    صحيح اخي لذلك طلبت منك رابط المدونة .. اذن الان كل ماعليك هو اضافة الكود التالي وستعمل بطريقة تلقائية <style> article .post-body img:nth-child(1) { display: none; } </style>
  8. عمر ون بدأ بمتابعة hassenzouari98
  9. hassenzouari98
    لاخفاء الصورة الاولى في المواضيع بشكل تلقائي على منصة بلوجر من المستحسن اتباع الخطوات التالية : 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 لذلك اذا اردت قم بمدي برابط المدونة وسارسل لك الكود
  10. hassenzouari98
    يوجد فقط بعض الاختلافات البسيطة فيما بينهم ولكنهم عموما متشابهين ويقدمان نفس الوظيفة تقريبا وكمثال بسيط لهذه الاختلافات في Eclipse تتم برمجة تطبيقات الاندرويد عبر java بينما في Android Studio تتم البرمجة عن طريق لغة خاصة بالandroid ولكنها شبيها جدا بJava ... مايميز Android Studio هيا انها موثوقة ومقدمة من جوجل لاداء غرض معين وهو برمجة تطبيقات الاندرويد لكن مايعيبها انها ثقيلة جدا وتحتاج لحاسوب بامكانيات عالية لكي تشتغل بشكل جيد ... عموما أنصحك باستخدام Eclipse في حالة كان جهازك ضعيف مقارنة بمتطلبات تشغيل Android Studio ولكن في حالة كان جهازك يستوفي كل متطلبات التشغيل الخاصة بAndroid Studio فأنصحك باستعماله. متطلبات تشغيل Android Studio
  11. hassenzouari98
    أفضل محرر وايب بالنسبة لأجهزة الماك يختلف حسب احتياجاتك ولكني أنصحك (عن تجربة) باستخدام NetBeans IDE فحقيقة هذا المحرر يحتوي عل جميع المميزات فبالاضافة الى دعمه الهائل الى html5 و css3 و js و php5 فهو يوفر لك العديد من الاضافات التي ستساعدك في العمل بالاضافة الى عديد المميزات المدمجة مثل التحكم عبر git وتوفير طرق سهلة لاستخدام sass او less بالاضافة الى امكانية اضافة الاطارات مثل bootstrap و jquery (التي يدعمها بشكل كبير أيضا) واستدعائها بطريقة سهلة عند اطلاق اي عمل ...وحجمه يعتبر ضئيل نسبيا لما يقدمه من مميزات فهو لايتجاوز حتى 110mb وكملاحظة أخيرة انصحك بالابتعاد عن Dreamweaver ... استعمل bloc note ولاتستعمل Dreamweaver تحميل NetBeans IDE
  12. hassenzouari98
    أخي المشكل لا يكمن في عدد الساعات التي تقضيها أمام الحاسوب بل في ما تستغل ذلك العدد من الساعات وأنصحك أخي بتقليل هذه المدة لكي لا تتجاوز الساعتين يوميا (كحد أقصى). وباقي الوقت استغله في أمور أهم فالحياة ليست كلها مجرد حاسوب واتصال وإنترنت. 1. في البداية قم باختيار المجال الذي تريد اتباعه (في حالتي انا مثلا اخترت برمجة الويب) وركز على هذا المجال فقط يعني لا تتعلم اكثر من لغة برمجة في نفس الوقت بل حتى لا تتابع اكثر من كورس واحد في نفس الوقت فمازال يوجد متسع كبير من الوقت ... ومن ثم أبحث عن هذه اللغة وأبدأ بدراستها اما بالعربية او الانجليزية (أفضلها لك نظرا لكثرة المحتوى الانجليزي) اما اذا كنت ستعتمد على العربية فأنصحك بان تكون أكاديمية حسوب مصدرك الاول 2. بالنسبة لي هذه تجربتي في تعلم اللغة الانجليزية : في البداية كنت اتعلم في المدرسة (المعهد ... ) ومن ثم أصبحت ابحث على الانترنات بنفسي وفي كل مرة يتطور فهمي للغة وبالطبع في حال لم اعرف كلمة أبحث عنها في جوجل وهكذا ستزيد خبرتك في كل مرة 3. بعض النصائح 'البرمجة والحواسيب ليست كل شئ في حياتك' ، 'مازال امامك الكثير من الوقت' ، 'ركز على مجال واحد لاغير وتخصص أكثر في المجال الذي تختاره لتكون محترفا فيه' إضافات أنصحك باستخدامها : web timer تحدد لك المدة التي قضيتها على الانترنات وفيما قضيتها Take a Break إضافة تنبهك لاخذ راحة في كل مدة زمنية معينة لكي تحمي جسدك Grammarly اضافة ستساعدك كثيرا في الكتابة بالانجليزية
  13. hassenzouari98
    الرجاء التوضيح هل انك تريد ان يكون نفس الblog ثنائي اللغة او ان يكون القالب بنسختين rtl و ltr ؟
  14. hassenzouari98
    يتم برمجة لوحة التحكم بلغة بايثون مثلما يتم برمجة الصفحات العادية كل ما عليك فقط هو تحديد صلاحيات الوصول الى صفحات الأدمن وتقوم بذلك عن طريق إرفاق الصلاحيات في جدول الأعضاء لتكون مثلا المستخدم العادي (0) المدير (1) و المراقب (2) ومن ثم عند تسجيل الدخول تقوم بإرفاق رقم الصلاحية إلى session ومن ثم تتحقّق من الصلاحية المرفقة في session في الصفحات المخصصة للادمين (او المراقب). أنصحك كذلك باستخدام إطار مثل Django او Flask وذلك لمزيد من الحماية والسرعة في تنفيذ العمل لذلك أنصحك بمعاينة مقالات الأكاديمية المتعلقة ببايثون والتي تحتوي على شروحات جيدة لإطار Flask.
  15. hassenzouari98
    بما أنك تريد تعلم برمجة تطبيقات الهواتف الذكية عامة واندرويد خاصة فأنصحك بالاعتماد على Xamarin حيث أنه بمجرد كتابتك لتطبيق على Xamarin فإنه سيعمل على ios و android و حتى الهواتف التي تعمل بنظام ويندوز. بالإضافة إلى هذا فإن ل Xamarin دعم ضخم جدا والعديد من الشروحات (خاصة بالانجليزية) بالإضافة إلى كثرة طلب البرمجة عن طريق Xamarin في الآونة الأخيرة وبأسعار مرتفعة. ما يجعلك تختار Xamarin أيضا هو أنه مجاني وليس مثلما كان بالسابق مدفوع ... هذا لا يعني أن Visual studio غير جيد ولكن الأخير موجه لبرمجة تطبيقات سطح المكتب أكثر منه توجها لبرمجة تطبيقات الهواتف.
  16. hassenzouari98
    أخي الmeta tags المكان الوحيد الخاص بها هو الhead ويمنع وضعها في أي مكان اخر وذلك حسب w3c
  17. hassenzouari98
    في الجافا EJB هو اختصار لـ Enterprise JavaBeans و هو هيكل لإنشاء مكونات البرنامج المكتوب بلغة الجافا والتي تتعامل مع السرفير التابع لشبكة الكمبيوتر كاملة (أي ليس لحاسوب واحد بل لشبكة حواسيب مرتبطة ببعض في شركة مثلا). وهي تقدم للمؤسسات ميزة كونها قادرة على السيطرة على التغييرات التي تحصل في السرفير من اي جهاز موصول بالشبكة (أو من جهاز واحد تحدده أنت مسبقًا) ... وكمثال عملي لما ذكرته لك سابقا فإن هذه التقنية تُستعمل غالبًا في المغازات الكبرى Supermarkets فبدلا من أن يتم ضبط المداخيل المحسوبة في كل حاسوب على حدى فانه يتم تجميع كل المداخيل المحسوبة في سيرفر مشترك بين كل هذه الحواسيب.
×
×
  • أضف...