لوحة المتصدرين

السلام عليكم , ينص التمرين على إنشاء دالة تزيل المطّة "-" من الجملة ثم تحول الحرف الأول من كل كلمة إلى حــرف كبيــر عدا الكلمة الأولى من الجملة قتبقى على حالها ,مثل“my-short-string” تترجم فتصبح بالشكل التالي “myShortString” . ولتكن الدالة camelize(str) ,بحيث str : let str = "today,-i'm-here-to-learn-java-script-with-the-hsoub-family"; تلميح :إستخدم split() لتقسيم النص الى عناصر مصفوفة و join() لإعادة تركيب سلسلة نصية . المصدر :javascript.info

a = [[1.2, '1.2', '4.2'], [55, '70', '0.03'], [14, '5', '0']] df = pd.DataFrame(a) كيف يمكن ان احول القيم ضمن الاعمدة بالشكل المناسب لها مثلا هنا اريد كل القيم ان تكون float

يمكن إضافة اساليب عمليات جديدة إلى الكائن Calculator ببساطة بواسطة الخاصية this.methods. وذلك لتتمكن من إضافة دوال جديدة للعمليات الأكثر الأكثر تعقيدًا. ويمكن كتابة الدالة Calculator على الشكل التالي: function Calculator() { // إضافة العمليات this.methods = { "-": (a, b) => a - b, "+": (a, b) => a + b }; this.calculate = function(str) { let split = str.split(' '), // تحديد الأعداد والنوع العملية a = +split[0], op = split[1], b = +split[2]; if (!this.methods[op] || isNaN(a) || isNaN(b)) { return NaN; } return this.methods[op](a, b); // إسترجاع العملية }; this.addMethod = function(name, func) { this.methods[name] = func; // إضافة العملية إلى الكائن معرفة بإسمها }; }

بداية , لا يمكنك تخزين أي ملفات بقاعدة البيانات Sql , عوضا عن ذلك يمكنك إستخدام الfile systems لتخزين الصورة أو الملف و تخزين باث الصورة أو الملف في قاعدة البيانات . يتم إستقبال الطلب من قبل اللارافل و معالجته على هذا النحو : <?php public function uploadImg(Request $request) { // التحقق إن كان الطلب يحمل ملف باسم image if($request->hasFile('image')) { // انشاء اسم بلاحقة للملف $name = time()."_".$request->file('image')->getClientOriginalName(); // تخزين الملف بالpublic path $request->file('image')->move(public_path('images'), $name); } // return response()->json([ asset("images/$name"), // باث الصورة 201, // كود الحالة 'message' => asset("images/$name") ? 'تم حفظ الصورة' : 'failed' ]); }

يمكنك ذلك عن طريق تقسيم النص إلى عناصر مصفوفة و من ثم عمل دور على كل عنصر من المصفوفة لتحويل الحرف الأول إلى capitialized . سيكون الكود مشابه لعمل التالي : let str = "today,-i'm-here-to-learn-java-script-with-the-hsoub-family"; function camelize(str) { var splitted = str.split('-'); var splitted_capitialzied = []; splitted.forEach(element => { var sub = element .charAt(0) .toUpperCase() + element.slice(1); splitted_capitialzied.push(sub); }); return splitted_capitialzied.join(""); } camelize(str);

const camelize = (str) => str.split('-').map((word, index) => { if(index !== 0) return word.charAt(0).toUpperCase() + word.slice(1) return word }).join('') شرح الدالة نقوم بإستخدام split لتحويل النص إلى مصفوفه بعد ذلك نقوم بعمل لوب على المصفوفة الناتجه وتحويل كل كلمة عدا الأولى إلى كلمة تبدأ بحرف كبير عدا الكلمة الأولى وذلك عن طريق إقتطاع الحرف الأول من الكلمه ومن ثم إعادة لصقه مع باقي الكلمه وأخيرا نقوم بإعادة المصفوفة إلى نص مرة أخرى باستخدام join يمكنك حل هذا التمرين بطرق عديده خذ الحل المرفق وحاول أن تبتكر حلا جديدا

import numpy as np import pandas as pd df = pd.DataFrame(np.random.rand(10, 5)) لدي الاطار التالي واضفت عليه df['mean'] = df.mean(1) كيف ممكن انقل العمود mean الى اول الاعمدة

أريد أن أقوم بتخزين صورة قادمة من تطبيق جوال ( فلاتر ) في قاعدة البيانات ( MySQL ) باستخدام Laravel يعني ال request يتم إرساله لل API

السلام عليكم , بالإستعانة بالدالة البانية نريد إنشاء آلة حاسبة تحتوي على عمليتي الجمع (+) و الطرح(-),إلا أنها قابلـة للتطوير وذالك بإضافة مختلف العمليات البسيطة مثل الظرب (*) و القسمة (/), الأس (**),يكون الإدخال بالشكل التالي "a + b" أي : المعامل الأول ثم فراغ واحد ثم العامل(+ او - ,*,**,/) ثم المعامل الثاني let calc = new Calculator; alert( calc.calculate("3 + 7") ); // 10 ولإضافة المزيد من اساليب العمليات الى الدالة : let powerCalc = new Calculator; powerCalc.addMethod("*", (a, b) => a * b); //اضافة اسلوب جديد powerCalc.addMethod("/", (a, b) => a / b); //اضافة اسلوب جديد powerCalc.addMethod("**", (a, b) => a ** b); //اضافة اسلوب جديد let result = powerCalc.calculate("2 ** 3"); alert( result ); // 8

إن كنت تعتمد على تخزين محلي فقط يمكنك تخزين الملفات إما في الـ public_path أو الـ storage_path . في الحالة الأولى ستكون جميع الملفات و الصور المخزنة ظاهرة للعامة و يمكن الوصول إليها ببساطة . تخزن الملفات في : public > your-folder و يكون التخزين على هذا النحو : <?php .. $request->file('image')->move(public_path('your-folder'), $name); في الحالة الثانية لن يمكن إستدعاء الصور و الملفات إلا عن طريق إنشاء رابط symlink و هاته الطريقة أكثر أمانا و حفظا للخصوصية في حالة ما كانت الملفات و الصور المخزنة حساسة أو خاصة . افتراضيا يتم تخزين هاته الصور و الملفات في : storage > app > public > your-folder و التخزين على هذا النحو : <?php .. $request->file('image')->move(storage_path('your-folder'), $name); علما أنه يمكنك إدارة و إنشاء ديسكات التخزين بملف config/filesystems.php : <?php ... 'disks' => [ ... 'storage-path' => [ 'driver' => 'local', 'root' => storage_path('app').'/uploads', ], 'public-path' => [ 'driver' => 'local', 'root' => public_path().'/uploads', 'url' => env('APP_URL').'/public_files', 'visibility' => 'public', ] ... ], ملاحظة : يمكنك إنشاء الsymlink عن طريق طباعة الأمر : php artisan storage:link

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

في دالة getMessages يتم إستدعاء الدالة appendMessage وهي المسئولة عن إضافة رسالة أخرى: function getMessages() { // قبل الحصول على رسائلك. shouldScroll = messages.scrollTop + messages.clientHeight === messages.scrollHeight; /* * احصل على رسائلك ، سنقوم بمحاكاتها من خلال إلحاق واحدة جديدة بشكل متزامن. */ // قم بحذف هذا السطر // appendMessage(); // بعد استلام رسائلك. if (!shouldScroll) { scrollToBottom(); } }

تقسيم السلسلة إلى مصفوفات جزئية بالاعتماد على split حيث نمرر لها محرف الفصل وهو '-' نقوم بالمرور على العناصر باستخدام map ونختبر الدليل إن كان 0 نعيد المصفوفة الجزئية الأولى (في حالتنا today) كما هي وإلا نعيد الحرف الأول كبير و باق المصفوفة بدءاً من المحرف الثاني (الدليل 1 ) نجمع المصفوفات المعدلة باستخدام join بوضع فراغ بينهم " ". let str = "today,-i'm-here-to-learn-java-script-with-the-hsoub-family"; str = str .split('-') .map((x, index) => { return index == 0 ? x : x[0].toUpperCase() + x.slice(1) }) .join(' '); console.log(str) الجواب: today, I'm Here To Learn Java Script With The Hsoub Family _______^___^____^__^_____^____^______^____^___^_____^_____

احبتي المبرمجين كتب الله لكم النجاح دائما . انا مبتدئ بلغة السي بلس بلس , وقد واجهت شيئا فيه نوع من الابهام وهو الاعلان بالكمة المفتاحية void رجاءا من لديه التجربة الكاملة في هذا الموضوع يجبنا بالامثلة مشكورا .

فقط واجهة مستخدم بن تؤثر على بيانات موقعك انقل جميع الملفات في خانة public_Html إذا كانت كله خاصه بموقعك لن يؤثر حجم الملفات على عملية النقل

هذا بسبب حجم الصور الضخم، يجب تصغير الصور وضغطها أيضًا من خلال ومواقع مثل tinypng.com يحدث هذا بسبب وجود / في بداية مسار الصورة في ملف style.css في السطر 61 يمكنك أن تضيف خاصية overflow: hidden لجسم الصفحة وبالتالي لن يظهر شريط التمرير الأفقي body { overflow-x: hidden; } يمكنك الإطلاع على المقاسات الرئيسية المستخدمه في أحد إطارات العمل مثل Bootstrap ، مع العلم أنك قد تواجهة مشكلة في حجم شاشة معين وحينها تقوم بإصلاح المشكلة من خلال Media Query مخصصة لهذا الحجم. يجب أن تقوم بإزالة تأثير الأصناف الخاصة بمكتبة Wow من خلال إضافة التأثيرات التالية: .header_info ul li a img:hover{ transform: scale(1.2); transition: all ease-in-out 0.3s; /* هذه التأثيرات هنا */ -webkit-animation-name: unset; animation-name: unset; } أو يمكنك أن تقوم بوضع أصناف WOW للعنصر الحاوي للصورة أستخدم موقع cdnjs للحصول على رابط CDN خاص بأي مكتبة معروفة، روابط CDN خاصة بمكتبة wow موجودة هنا يفضل إستخدام أحد إطارات العمل المعروفة مثل Bootstrap لأنها ستسهل عليك الكثير العمل لكن يجب أن تكون قد أتقنت إستخدام CSS و HTML جيدًا بدون إطارات عمل، بعد ذلك يمكنك البدء في تعلم أحد إطارات العمل.

لقد إطلعت على الملف المرفق وأرى أنك قمت بعمل رائع أحسنت 1- الموقع بطئ لأن حجم الصور كبيير جدا جدا ف تحتاج إلى عمل ضغط للصور وعمل resizing للصور بإستخدام ادوات مثل فوتوشوب يمكنك الإستعانة بهذا الموقع في عملية ضغط الصور. 2- بالنسبة للنقطة الخاصة ب الخلفية الخاصة بالهيدر فتحتاج إلى تعديل المسار في ملف css ليكون بهذا الشكل background-image: url('./img/header-img.png'); 3- بالنسبة للنقطة هذه ف تحتاج إلى تعديل ال responsive للصفحه لحل هذا الأمر 4- يمكنك إستخدام هذه المقاسات الشائعه Small (smaller than 640px) Medium (641px to 1007px) Large (1008px and larger) 5- بالنسبة لهذه النقطة قم بإضافة ال class على وسم "a" بدلا من الصورة 6- رابط ال cdn لمكتبة wow.js 7- للاجابة على النقطة الأخيره تختلف بإختلاف طبيعة المشروع حيث في أغلب الأحيان يساعدك استخدام مكتبة على أنجاز المشروع في وقت أقل ومساعدتك في إنجاز ال responsive في المشروع في وقت أقل ومجهود أقل

تأكد من تقليل حجم ملفات css, js و الصور أيضا أو تاكد من مسار الملفات انها صحيحة أو ايضا لا يوجد أخطاء في أكواد js. 2- يجب تغيير مسار الصورة header{ background-image: url(img/header-img.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom center; } لأنك تستخدم تأثيرات تخرج من يمين أو يسار الصفحة لذلك يظهر شريط التمرير ويختفي مجرد إكتمال البلوك كاملاً @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { ... } // Large devices (desktops, 992px and up) @media (min-width: 992px) { ... } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... } لا توجد تنسيقات لإزرار المتاجر. يمكنك استخدام <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous"></script> أو <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js" integrity="sha512-Rd5Gf5A6chsunOJte+gKWyECMqkG8MgBYD1u80LOOJBfl6ka9CtatRrD4P0P5Q5V/z/ecvOCSYC8tLoWNrCpPg==" crossorigin="anonymous"></script> أستخدم المكتبات أفضل لك و توفر عليك العناء والتعب.

يمكنك عمل ذلك عن طريق تمرير عدة نقاط وصول لملفات scss الخاصة بك عن طريق : module.exports = { entry: { 'about': ['./src/css/about.scss'], 'contact': ['./src/css/contact.scss'], 'index': ['./src/css/index.scss'] }, plugins: [ new MiniCssExtractPlugin( { filename: "./css/[name].css" } ), ] } الwebpack ستقوم بقراءة مفاتيح المدخلات و تقوم بإستبدالها بالوسم name داخل الfilename فتكون المخرجات على هذا النحو : dist css about.min.css contact.min.css index.min.css ثم بملفات الHTML يمكنك تضمين كل ملف css داخل dist/css حسب الحاجة أو حسب صفحة الHTML الحالية. ملاحظة : تأكد أن تقوم بتضمين الminifier على نحو صحيح : const MiniCssExtractPlugin = require('mini-css-extract-plugin'); و في حالة ظهور أي أخطاء على هاته الشاكلة : could not resolve module mini-css-extract-plugin تأكد أن تقوم بتثبيت الـ Plugin : npm install --save-dev mini-css-extract-plugin

ملفات ال sass التي نقوم بكتابتها في اي مشروع webpack أو غيره سواء كان ملف واحد أو أكثر سوف تترجم إلى css أي بمعنى أن ملفات ال sass لن يفهمها المتصفح وبالتالي لن نرفع هذه الملفات إلى الإستضافة وبالإضافة للتعليق السابق فإنه يمكنك تقسيم ملفات ال sass إلى مكونات صغيرة مثل صفحة لل header وصفحة لل navbar وأيضاً لكل صفحة html صفحة sass ويمكنك تقسيمها حسب ماتريد ولكن في الأخير سيكون ملف css واحد

مرحبا علي في الحقيقة الامر سهل جدا, بعد انشاء ملف scss نقوم بترجمته ونحدد له اسما باسم الصفحة التي تريدها,مثلا اسم الصفحة index.html فليكن الملف المخرج اسمه index.css, عندما يتم ترجمته واخراجه سوف يخرج على هيئة ملف css, ثم نقوم بتضمينه في ملف index.js, ويباك سوف تخرج ملفات css الموجودة في المجلد src الى ملف واحد في المجلد dist شكرا لك

يمكنك أن تستعمل JavaScript لتجعل الشريط ينزل إلى نهاية المحادثة، هنا مثال بسيط: كود HTML: <style> .container { position: relative; margin: auto; width: 400px; height: 400px; overflow-y: auto; } .m { background: #f3f3f3; padding: 10px; margin: 10px 0; } </style> <div class="container" id="container"> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> <div class="m">message</div> </div> الكود السابق سيعطي النتيجة التالية: ولتمرير شريط التمرير إلى الأسفل يجب أن نحصل على طول الصندوق من خلال الخاصية offsetHeight ونستخدمها كقيمة للخاصية scrollTop التي تقوم بتمرير شريط التمرير var myElement = document.getElementById('container'); // طول الصندوق = 400 بيكسل var height = myElement.offsetHeight myElement.scrollTop = height; وبهذا سيتم النزول إلى نهاية الصندوق بمجرد تحميل الصفحة.

يمكنك استخدام خاصية overflow-y:scroll; بحيث يكون الشريط الجانبي بداخل المحتوى, يمكنك استخدام الكود التالي <!DOCTYPE html> <html> <head> <style type="text/css"> .div_chat{ overflow-y:scroll; height:300px; border: 1px solid #ccc; } </style> </head> <body> <div class="div_chat"> محتوى المحادثة <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </div> <div> محتوى اخر </div> <div> محتوى اخر </div> </body> </html>