محمد أيت لعرايك

يحتوي Ant Media Server على حزم SDK محمولة أصلية (IOS و Android) لـ WebRTC. يمكنك استخدام مرافق WebRTC في نظام Android الأساسي بمساعدة Ant Media Server's Native Android WebRTC SDK. يمكن تنزيل WebRTC لنظامي التشغيل iOS و Android SDK مجانًا. يمكنك الوصول إليهم من خلال هذا الرابط. بعد تنزيل SDK ، يمكنك فقط فك ضغط الملف. يمكنك أيضًا الحصول على نسخة تجريبية من Ant Media Server Enterprise Edition من هنا عند الإنتهاء من التطبيق يمكنك رفعه على متجر google play أو متجر appstore التطبيق لا يتم رفعه في إستضافة المواقع . أما بخصوص إدارة الإتصالات فإن Ant Media Server يتكلف بذلك من خلال sdk مجاني أو مدفوع حسب الحاجة.

لغة javascript تفرق بين الكتابة بالحروف الصغيرة والكبيرة فمثلا pic.addEventListner('click',changeCounter); // و pic.addEventListner('click',changecounter); كل مستمع يقوم بالنداء على دالة مختلفة عند النقر على الصورة الدالة changeCounter ليست هي الدالة changecounter يجب عليك دائما النتباه للكيفية كتابة الدوال و المتغيرات في javascript

لإعداد نطاق مخصص في laravel ، تحتاج إلى تهيئة مضيف apache . ولكي تقوم بذلك فأنت تحتاج إلى تحرير ملف “httpd-vhosts.conf” الموجود بالمسار C:\wamp\bin\apache\apache2.4.23\conf\extra\httpd-vhosts.conf إدا كنت تستخدم wamp أو C:\xampp\apache\conf\extra\httpd-vhosts.conf إدا كنت تستخدم xamp . إفتح الملف وضع الشيفرة التالية: <VirtualHost *:80> DocumentRoot “C:/xampp/htdocs/project-name/public” ServerName blog.test </VirtualHost> أيضًا ، نحتاج إلى تعديل ملف "hosts". الخاص بنظام التشغل , إفتح الملف C:\Windows\System32\drivers\etc\hosts ثم ضع هذا السطر في نهايته ثم إحفظه 127.0.0.1 blog.test الآن ، افتح WAMP (XAMPP) وأعد تشغيل خادم Apache. في متصفحك ، انتقل إلى blog.test هذه هي الطريقة التي يمكنك بها إعداد مضيف افتراضي في خادم xampp أو wamp لـ laravel.

في حالة تريدين عمل LiveReload للسكريت الخاص بك دون إعادة تحديث المتصفح أنصحك بإستخدام هذه الإضافة فهذه الإضافة تمكنك من : - تحميل صفحات الويب عند إنشاء أي ملف أو إزالته أو تعديله. - تطبيق التغييرات بدون إعادة التحميل عند تغيير أي CSS أو صورة. - تعمل مع امتداد LiveReload.

لإستخدام Zoom API. أولاً ، عليك إنشاء تطبيق في Zoom marketplace. اذهب إلى هذا الرابط إذا لم يكن لديك أي حساب في zoom، فيجب عليك إنشاء حساب في zoom. من هنا بعد ذلك أنشئ تطبيق OAuth يجب الحصول على id العميل و كلمة السر لتطبيقك. و تعيين النطاقات للتطبيق. ما النطاقات التي يجب عليك تحديدها لتطبيقك. النطاقات تعني نوع بيانات المستخدمة التي يمكنها الوصول إلى تطبيقك. كلما قام مستخدم بتسجيل الدخول في تطبيقك ، يمكنه رؤية هذه النطاقات أو الوصول إلى بيانات هذا التطبيق. بعد ذلك يمكنك إستخدام مكتبة guzzlehttp/guzzle في حالة تستخدم لغة php composer require guzzlehttp/guzzle سنقوم بتخزين رمز الوصول في قاعدة البيانات لاستخدامه لاحقًا. رمز الوصول صالح لفترة قصيرة من الزمن. في الكود الخاص بنا ، سنقوم بإعادة إنشاء رمز الوصول في الخلفية بحيث لا يحتاج المستخدم إلى إجراء عملية التفويض مرة أخرى. قم بتشغيل استعلام SQL أدناه لإنشاء جدول قاعدة بيانات يحتوي على رمز الوصول. CREATE TABLE `token` ( `id` int(11) NOT NULL AUTO_INCREMENT, `access_token` text NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; كما قلت سابقًا في Zoom APIs ، هناك الكثير من الخيارات التي يمكنك دمجها في تطبيقك. يمكنك التحقق من توثيق Zoom APIs هنا

الدالة هي كتلة من التعليمات البرمجية مصممة لأداء وظيفة معينة و نستعملها عندما نقوم بالنداء عليها بإسمها مثال : function getSum(number1, number2) { // number2 و number1 تقوم بأخد رقمين getSum إسم الدالة return number1 + number1; // بعد ذلك تقوم بجمع العديدن وإسترجاع القيمة } // النداء على الدالة getSum(1,3) // النتيجة > 4

ببساطة يمكنك عرض جميع المكتبات بإستخدام npm ls في المكون الخاص بك أكتب مايلي. const dependancies = []; require('child_process').exec('npm ls --json', function(err, stdout, stderr) { if (err) return cb(err) dependancies.push(JSON.parse(stdout)) }); عرض المصفوفة dependencies console.log(dependencies); // النتيجة /* [ { name: 'aws-amplify', version: '^5.10.2' }, { name: 'classnames', version: '^2.2.6' }, { name: 'lodash', version: '^4.17.15' } ] */

يمكن إستعمال عدت طرق للعمل delete في بيانات الخادم , وينصح بإستخدام الطريقة الأخيرة فهي أكثر إحترافية و أمان deleteRequest: function (id, index) { axios.post('/admin/posts/' + id, { _method: 'DELETE' }) .then((response) => { }).catch((error) => { }); // يعادل deleteRequest: function (id, index) { axios.delete('/admin/posts/' + id) .then((response) => { }).catch((error) => { }); // ويمكن كتابة الكود السابق على الشكل التالي // لإرسال البيانات للطلب body التي نستعمل PUT و POST عكس data في الكائن parameter مع إرسال const res = await axios.delete('/admin/posts',{ data: { id: 42 } }); res.status; // 200 في post و put نرسل البيانات عبر body وفي delete نرسلها عبر data

يمكن إنشاء دالتين, واحدة تقوم بالتحقق من النصوص , وواحدة تتحقق من الصور دالة التحقق من النصوص: function validation_input($data) { // للنص و العنوان validation لعمل $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); if(!empty($data){ // هنا يمكن عمل تحقق من عدد الحروف إن أردت ذلك return true; } } دالة التحقق من الصور: function validation_image($image) { $errors= array(); $file_name = $image['name']; $file_size = $image['size']; $file_tmp = $image['tmp_name']; $file_type = $image['type']; $file_ext=strtolower(end(explode('.',$image['name']))); $expensions= array("jpeg","jpg","png"); // نتحقق من الصيغ المسموح بها if(in_array($file_ext,$expensions)=== false){ $errors[]="extension not allowed, please choose a JPEG or PNG file."; } if($file_size > 2097152) { // نتحقق من حجم الصورة $errors[]='File size must be excately 2 MB'; } if(empty($errors)==true) { return true; } }

يمكن أيضا عمل custom validation rule إذا كانت checkbox تحتاج إلى تحقق متطور. قم بإنشاء قاعدة مخصصة داخل app / Providers / AppServiceProvider.php في الدالة boot أضف مايلي : use Illuminate\Support\Facades\Validator; ... public function boot() { Validator::extend('validate_checkboxes', function ($attribute, $values, $parameters, $validator) { foreach( $values as $value ) { if (!in_array($value, [0, 1])) { return false; } return true; } }); } في المتحكم الخاص بك أكتب مايلي: $this->validate($request, [ 'record_checkbox' => 'validate_checkboxes', ]);

وللإضافة ينصح دائما بإستخدام الإتصال عن طريق PDO استخدام PDO أسهل من mysqli. PDO يستخدم طرقًا أقل لتنفيذ استعلام مقارنةً بـ mysqli. بالإضافة إلى ذلك ، أثناء الاستعلامات المعدة ، فإنه يعطي إمكانية تسمية المعلمات وهو أمر عملي لسهولة القراءة ولتجنب أخطاء تحديد موضع المعلمات. parametres ويكون الإتصال عن طريق PDO كالتالي: <?php $dbh = new PDO('mysql:host=localhost;dbname=test', $user, $pass); ?> بعد ذلك يمكنك إنشاء الإستعلام على النحو التالي: <?php try { $dbh = new PDO('mysql:host=localhost;dbname=test', $user, $pass); foreach($dbh->query('SELECT * from FOO') as $row) { print_r($row); } $dbh = null; } catch (PDOException $e) { print "Erreur !: " . $e->getMessage() . "<br/>"; die(); } ?> إذا لم يلتقط التطبيق الخاص بك الاستثناءات التي تم إلقاؤها من مُنشئ PDO ، فإن الإجراء الافتراضي لمحرك zend هو إنهاء البرنامج النصي وعرض التتبع. يجب أن يكشف هذا التتبع عن التفاصيل الكاملة لاتصال قاعدة البيانات ، بما في ذلك اسم المستخدم وكلمة المرور. لذلك ، تقع على عاتقك مسؤولية التقاط هذا الاستثناء عبر تعليمة catch try

في حالة العناوين الديناميكية (h1 ، h2 ...) ، يمكن للمكون إرجاع React.createElement على هذا النحو. const Heading = ({level, children, ...props}) => { return React.createElement(`h${level}`, props , children) } ويمكن تمرير كل من الدعائم والأطفال. <div> <Heading level={1}>Heading 1</Heading> <Heading level={2}>Heading 2</Heading> <Heading level={3}>Heading 3</Heading> </div> النتيجة Heading 1 <!-- بخط كبير --> Heading 2 <!-- بخط متوسط--> Heading 3 <!-- بخط صغر -->

لكي تنتقل من مرحلة نقل الكود الى انشاء الكود من الصفر في تصميم واجهات المستخدم ينصح بالتعلم المستمر وهذا ماذكرته في جوابي .

يتم حل تمثيل العلاقات في قواعد البيانات غير العلائقية أو noSQL ، بشكل عام ، إما من خلال تضمين المستندات (صيغة noSQL للصفوف) أو من خلال مراجع المستندات (document references) يحتوي موقع MongoDB على بعض المقالات اللائقة التي تنطبق في الغالب على جميع قواعد البيانات غير العلائقية بما في ذلك نموذج العلاقات الفردية مع مراجع المستندات ، والتي أعتقد أنها الأكثر صلة بمشكلتك فيما يتعلق بالمفتاح المرجعي ، من الأفضل عادةً استخدام المعرفات التي تم إنشاؤها حيث يمكنك التأكد من أنها فريدة.

تتيح لك سمات الألوان تعديل الألوان في واجهة مستخدم Visual Studio Code لتناسب تفضيلاتك وبيئة العمل. لإختيار theme إتبع الخطوات التالية: 1- في VS Code ، افتح Color Theme Picker باستخدام ملف> تفضيلات> سمة اللون. 2- يمكنك أيضًا استخدام اختصار لوحة المفاتيح Ctrl + K Ctrl + T لعرض themes. 3- استخدم مفاتيح المؤشرات لمعاينة الأوان و theme اللذي تريده. 4- عندما تستقر على الtheme الذي تريده اضغط على Enter. بعد ذلك يمكنك العمل ب theme الجديد.

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

سيكون عليك إنشاء مفتاح للتوقيع على apk. استخدمي الأمر أدناه لإنشاء مفتاحك: keytool -genkey -v -keystore my-app-key.keystore -alias my-app-alias -keyalg RSA -keysize 2048 -validity 10000 بمجرد إنشاء المفتاح ، استخدميه لإنشاء البنية القابلة للتثبيت: react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ إنشاء البناء باستخدام Gradle cd android && ./gradlew assembleRelease بعد ذلك قومي بتحميل APK على هاتفك. ستحل العلامة -r محل التطبيق الحالي (إن وجد) adb install -r ./app/build/outputs/apk/app-release-unsigned.apk وستجدين أيضا ملف APK الخاص بالتطبيق في مجلد /android/app/build/outputs/apk/release يمكنك بعد ذلك إرساله إلى إلى شخصٍ ما ليتمكن من اختباره،

إذا كانت هذه أسئلة إمتحان أو تمارين فحاولي أن تبدلي جهد للإجابة عنها بعد ذلك إن واجهتك أي مشكلة او خطأ برمجي إطرحي السؤال هنا, وليس أن تبحثي عن الأجوبة مباشرة, هكذا لن تستفيدي شيءا

الكود المبين أعلاه سوف يعطيك النتيجة التالية ["a", "b", "c"] و هكذا قد أزلنا العناصر المكررة من List

يمكن عمل ذلك بهذه الطريقة: mylist = ["a", "b", "a", "c", "c","b","b"] # بهذه الطريقة list إنشاء mylist = list(dict.fromkeys(mylist)) # أخرى بعناصر غير مكررة list بهذه الدالة نقوم بإنشاء print(mylist) # list بعد ذلك نطبع تجدين المزيد من التفاصيل حول الموضوع في هذا الرابط

و للإضافة فالدالة Auth() لا تعمل إلا إذا كانت داخل middleware web يعني في ملف routes الخاصة بك يكفي إضافة الكود التالي: Route::group(['middleware' => 'web'], function () { // routes هنا تكتب جميع // ستقوم بإرجاع المستخدم اللذي سجل دخوله Auth::user() أي متحكم يكتب هنا الدالة });

قومي بتعيين تركيز emailInput الثاني ، عند تشغيل passwordInput السابق للدالةـ onSubmitEditing أولا قومي بإضافة Ref للحقل الثاني <TextInput ref={(input) => { this.passwordInput = input; }} style = {styles.passwordInput} maxLength = {10} placeholder = "كلمة المرور" /> بعد ذلك إستخدمي الدالة onSubmitEditing للتنصت على حدث الضغط على next في الحقل الأول: <TextInput placeholder = "البريد الالكتروني" returnKeyType="next" onSubmitEditing={() => { this.passwordInput.focus(); }} blurOnSubmit={false} style = {styles.emailInput} autoFocus = {true} />

لنفترض أن لديك متغير var$ تم إرساله من طرف controller إلى view و تريد إظهار في الصفحة الخاصة بك $var = "<h1> أكادمية حسوب </h1>" ; إذا تمت كتابة {{ var$ }} في ال view فسوف تكون النتيجة على الشكل التالي: <h1> أكادمية حسوب </h1> <!-- ستظر النتيجة كماهي دون إي تغيير --> أما إذا تمت كتابة {!!var$ !!} في ال view فسوف تكون النتيجة : أكادمية حسوب <!-- h1 ستظهر النتيحة كعنوان كبير وسيقرأ المتصفح عنصر ---> دائما ينصح بإستعمال {{ }} هذه الطرقة لإظهار المتغيرات لتجنب إختراقات XSS, ولمزيد من التفاصيل حول الموضوع يمكنك زيارة الموقع الرسمي ل Laravel من هنا

لديك عنصرين أساسيين في القالب template الخاص بك. <template> <div class="form-group"> <label for="avatar" class="control-label">Avatar</label> <input type="file" v-on:change="fileChange" id="avatar"> <div class="help-block"> Help block here updated 4 🍸 ... </div> </div> <div class="col-md-6"> <input type="hidden" name="avatar_id"> <img class="avatar" title="Current avatar"> </div> </template> و هدا خطا القالب template يجب أن يكون عنصر واحد, ولحل هذه المشكلة يكفي وضع <div> يحتوي جميع العناصر , على الشكل التالي: <template> <div> <!--إضافة عنصر جديد هنا --> <div class="form-group"> <label for="avatar" class="control-label">Avatar</label> <input type="file" v-on:change="fileChange" id="avatar"> <div class="help-block"> Help block here updated 4 🍸 ... </div> </div> <div class="col-md-6"> <input type="hidden" name="avatar_id"> <img class="avatar" title="Current avatar"> </div> </div> </template>

بإمكانك إنشاء تابع جديد في النموذج User بهذا الشكل: public function commentsSorted() { return $this->hasMany('Comment')->orderBy('post_id'); } و عند عرض التعليقات تقوم بالتالي: foreach($post->user->ommentsSorted as $comment) { echo "<li>" . $comment->title . " (" . $comment->post->id . ")</li>"; } أو تعرض المعلومات بالطريقة التالية: @foreach($comments as $comment) <li>{{ $comment->title }} ({{ $comment->post_id }})</li> @endforeach