hassenzouari98

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

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

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

  • Days Won

    2

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

22 Excellent

2 متابعين

آخر الزُوّار

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