Mustafa Suleiman

إضافة صوت ترحيبي و Loader 

 لإضافة صوت الترحيب ، تستطيع استخدام عنصر HTML5 audio ، ويتم تشغيله باستخدام JavaScript.

أولاً ، قم بإنشاء عنصر audio في HTML الخاص بك باستخدام العلامة <audio> ، وحدد مصدر الصوت الخاص بك باستخدام العلامة <source> ، كما يلي:

<audio id="welcome-sound">
  <source src="path/to/sound/file.mp3" type="audio/mp3">
</audio>

بعد ذلك، عليك استخدام addEventListener لتعيين حدث load لتشغيل الصوت عندما تنتهي صفحة الويب من التحميل بدلاً من استخدام window.onload.

وسنعتمد على حدث DOMContentLoaded بدلاً من load لتحديد الحدث الذي يتم إطلاقه عندما يتم تحميل كل العناصر في الصفحة بشكل كامل بدلاً من انتظار الصفحة بالكامل (مثل الصور) للانتهاء من التحميل ، وهذا يجعل الصفحة تستجيب بشكل أسرع.

document.addEventListener("DOMContentLoaded", function(event) { 
  // تشغيل الصوت
  document.getElementById('welcome-sound').play();
});

إضافة loader إلى صفحتك 

سيتم الجمع ما بين استخدام العناصر المختلفة في CSS لإنشاء loader مخصص،  وتستطيع استخدام صور GIF المحملة مسبقًا ، مثل الصورة التي أرفقتها، أو يمكنك استخدام الرسومات SVG أو CSS لإنشاء loader.

بعد ذلك ، سنعتمد على JavaScript لإظهار وإخفاء loader بناءً على حالة تحميل الصفحة.

HTML

 <!-- loader -->
  <div class="loader">
    <img src="path/to/loader/image.gif">
  </div>

CSS

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

في الكود أعلاه ، يتم إنشاء loader باستخدام حدود CSS ودائرة مع مجموعة محددة من الألوان. يتم إنشاء الحركة باستخدام animation CSS ، والذي يسمح لل loader بالدوران بشكل لا نهائي.

Javascript

document.addEventListener("DOMContentLoaded", function(event) { 
  const loader = document.querySelector(".loader");
  loader.style.display = "none"; // إخفاء loader عند بدء تحميل الصفحة
  
  // تشغيل الصوت
  document.getElementById('welcome-sound').play();
  
  // إظهار loader بعد 3 ثوانٍ من بدء تحميل الصفحة
  setTimeout(function() {
    loader.style.display = "block";
  }, 3000);
  
  // إخفاء loader بعد 5 ثوانٍ من بدء تحميل الصفحة
  setTimeout(function() {
    loader.style.display = "none";
  }, 5000);
});

من خلال استهداف العنصر .loader باستخدام document.querySelector يتم إخفاؤه باستخدام style.display = "none".

ثم تشغيل الصوت بواسطة

document.getElementById('welcome-sound').play();.

بعد ذلك ، يتم استخدام setTimeout لإظهار loader بعد 3 ثوانٍ من بدء تحميل الصفحة ، وإخفائه بعد 5 ثواني.

 إضافة صوت عندما يقوم الزائر بإنشاء حساب جديد

عليك باستخدام العنصر audio في HTML لتشغيل الصوت ويمكنك تعيين مصدر الصوت في الـ JavaScript.

بالنسبة لإضافة اسم العميل المسجل إلى رسالة الصوت ، سنعتمد على قيمة العنصر input الخاص بالاسم لاسترداد الاسم الذي قام المستخدم بكتابته.

ثم يمكنك إضافة هذا الاسم إلى نص الرسالة الصوتية باستخدام concat في JavaScript.

HTML

<input type="text" id="name" placeholder="الاسم">
<button id="submit">إنشاء الحساب</button>
<audio id="welcome-sound">
  <source src="welcome.mp3" type="audio/mpeg">
</audio>

Javascript

document.getElementById("submit").addEventListener("click", function() {
  const name = document.getElementById("name").value;
  const welcomeMessage = "مرحباً " + name + "! تم إنشاء حسابك بنجاح";
  const audio = document.getElementById("welcome-sound");
  audio.src = "welcome.mp3"; // مصدر الصوت
  audio.play();
  setTimeout(function() {
    alert(welcomeMessage);
  }, 3000); // 3 ثوانٍ للتأكد من عرض الرسالة الصوتية بشكل كامل
});

الكود يستخدم addEventListener لاستماع حدث النقر على الزر "إنشاء الحساب".

ويتم استخدام قيمة العنصر input الخاص بالاسم لإعداد رسالة الترحيب بشكل ديناميكي. ثم يتم تشغيل الصوت وإضافة رسالة الترحيب إلى الـ alert التي تظهر بعد ثلاث ثوانٍ من تشغيل الصوت.

ويمكنك تغيير المدة المحددة في setTimeout وفقًا لاحتياجاتك.

يجب عليك الحرص عند استخدام برامج التسويق وارسال الرسائل الترويجية على تيليجرام، لأنه إذا قمت بإرسال العديد من الرسائل إلى مستخدمين لا يرغبون فيها، فقد يتم التبليغ عن حسابك ويتم حظره من قبل تيليجرام.

وبالنسبة للحلول الممكنة، يمكن تجربة الخيارات التالية:

• الحرص على عدم إرسال العديد من الرسائل المزعجة في فترة قصيرة، والتأكد من الحصول على موافقة المستخدمين قبل إرسال الرسائل.
• استخدام خدمات الرسائل الجماعية الرسمية على تيليجرام والتي توفرها شركة تيليجرام نفسها، مثل Telegram Advertising وTelegram Bot API، والتي تتيح لك إرسال الرسائل التسويقية بطريقة شرعية.

,حد الرسائل الأقصى لإرسال الرسائل من خلال Telegram Bot API هو 30 رسالة في الثانية، وهذا يعني أنه يمكنك إرسال حوالي 1,800 رسالة في الدقيقة باستخدام هذه الواجهة.

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

• وأيضًا عليك بتحسين جودة المحتوى الذي ترسله، وجعله مفيداً وجذاباً للمستخدمين، مما يقلل من احتمالية التبليغ عنها.

عند التبليغ عن رسائلك أنها Spam أو مزعجة سيتم حظر أو تقييد حسابك بعد عدد معين من التبليغات، حيث يتم فحص حسابك من قبل مشرفي تيليجرام.

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

وبالنسبة لحسابك الذي تم حظره، حاول التحدث وشرح مشكلتك من خلال الرابط التالي : 
https://telegram.me/spambot

لعرض القائمة الكاملة للأوامر التي تم إدخالها في التيرمنال، قم بإدخال الأمر التالي في النافذة الخاصة بالتيرمنال وستظهر لك جميع الأوامر التي قمت بإدخالها في السابق بالترتيب الزمني.

history 

أيضًا تستطيع استخدام الأمر التالي للبحث عن أوامر محددة بدلاً من عرض القائمة بأكملها.

history | grep 'الأمر المبحوث عنه'

مثلاً، للعثور على جميع الأوامر التي تحتوي على "git" في السجل السابق للأوامر، قم بإدخال الأمر 

history | grep 'git'

تستطيع الحصول على المجلد الخاص بمشروع Unity من خلال إطار العمل (Editor) في Unity، حيث يحتوي على جميع الملفات والمجلدات الخاصة بمشروعك.

وعليك بالنقر بزر الماوس الأيمن على ايقونة المشروع في لوحة المشاريع في Unity، ثم اختيار "Show in Explorer"، و سيتم فتح نافذة المستكشف وسترى المجلد الذي يحتوي على جميع ملفات المشروع.

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

رسالة الخطأ تعني عدم وجود ملف meta لبعض الملفات في مجلدات البرنامج، وبالتالي يتم تجاهل تلك الملفات من قبل البرنامج. لحل هذا الخطأ، عليك بالاتي :

1. افتح مجلد "Asset Packages" في مشروع Unity الخاص بك.
2. ابحث عن المجلد "com.unity.render-pipelines.universal" وافتحه.
3. ابحث عن المجلد "Editor" وافتحه.
4. ابحث عن المجلد "VFXGraph" وافتحه.
5. ابحث عن المجلد "Shaders" وافتحه.
6. ابحث عن الملفات المشار إليها في رسالة الخطأ ("PassForward2D.template" و "PassDepthOrMV.template").
7. انسخ الملفات المشار إليها إلى مجلد "Assets" في مشروع Unity الخاص بك.
8. قم بفتح Unity وانتظر حتى يتم إعادة بناء المشروع.
9. تأكد من أن الملفات المنسوخة موجودة الآن في مجلد "Assets" وأنها لا تزال موجودة في المجلدات الأصلية.
10. يجب أن يعمل البرنامج الآن دون أي مشاكل.

وإذا لم يتم حل المشكلة بهذه الطريقة، يمكنك محاولة إعادة تنزيل البكج الذي قمت بتثبيته في Unity وتثبيته مرة أخرى للتأكد من أن جميع الملفات المطلوبة موجودة. 

في البداية يجب عليك معرفة الخطوات اللازمة للإشتراك في عرض رمضان:

1- توجه إلى الرابط التالي : https://academy.hsoub.com/

وستجد عرض رمضان أمامك قم بالضغط عليه: 

2- بعد ذلك ستجد زر باسم اشترك الآن، اضغط عليه:

3- سيتم نقلك إلى القسم الخاص بإختيار الدورات وإتمام عملية الدفع، حيث أن وسيلة الدفع المتوفرة هي بطاقة الإئتمان فقط بالنسبة لعرض رمضان.

وأيضًا لا تتوفر أكواد خصم "لعرض رمضان"، فهو عرض بذاته.

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

وأرجو منك قراءة النقاش التالي:

في البداية يجب عليك فهم كيف يتم الربط بين ملفات HTML , CSS, JavaScript.

وهناك عدة طرق، ولكن الطريقة الأسهل هي بإضافة رابط ملفات CSS و JavaScript داخل ملف HTML.

وHTML هي لغة تصميم صفحات الويب ويمكن الربط بين ملفات HTML و CSS عن طريق استخدام عنصر الـlink.

ويتم وضع هذا العنصر في العنوان <head> من صفحة HTML، واستخدام الـlink للإشارة إلى ملف CSS الذي يحتوي على التعليمات البرمجية المتعلقة بتصميم الصفحة. 

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

مثال:

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

وكما ترى استخدمت العنصر <link> مع تحديد الخاصية rel="stylesheet" التي تشير إلى أن هذا العنصر يربط بين ملف HTML وملف CSS.

وتحديد الخاصية type="text/css" التي تشير إلى نوع الملف الذي يتم الربط به، وهو ملف CSS. وأخيراً تحديد مسار الملف الذي يتم الربط به بإستخدام الخاصية href="style.css".

وإذا كان الملف داخل مجلد آخر في مجلد المشروع، أي مثلاً داخل مجلد باسم mohamedفيجب كتابة المسار بشكل صحيح كالتالي:

<head>
  <link rel="stylesheet" type="text/css" href="mohamed/style.css">
</head>

أما بالنسبة للربط بين ملفات HTML و JavaScript فهو يتم عن طريق استخدام العنصر <script>.

فعند وضع الكود البرمجي للـ JavaScript داخل العنصر <script>، سيتم تنفيذ الكود عند تحميل الصفحة.

وذلك من خلال ربط ملف JavaScript الخارجي باستخدام الخاصية src، بتحديد مسار الملف الذي يتم الربط به.

مثال:

<head>
  <script src="كود.js"></script>
</head>

ولا تنسى كتابة اسم الملف والمسار الصحيح، فهنا قمنا بربط كود الجافاسكريبت بواسطة ملف باسم كود.js

أشهر محررات الأكواد على الهاتف

الجدير بالذكر أنه يمكنك استخدام VScode  الخاص بأجهزة الحاسوب من خلال المتصفح عن طريق الرابط التالي:

• https://vscode.dev

أما بخصوص التطبيقات فتستطيع الإعتماد على أحد التطبيقات التالية:

1- DroidEdit

محرر نصوص يحتوي على العديد من الميزات المفيدة مثل الإكمال التلقائي، والتميز اللوني، وإدارة الملفات، وتوفير مساحة التخزين السحابية.

2-Quoda

يوفر Quoda الكثير من الميزات المفيدة للمستخدمين، مثل تمييز الألوان وتحرير الشفرة المصدرية وحفظ المشروعات.

3- Acode

محرر نصوص يتميز بالسرعة والبساطة، ويدعم العديد من لغات البرمجة ويتميز بالأدوات المفيدة وسهولة الاستخدام.

4- Turbo Editor

محرر نصوص بسيط وسهل الاستخدام يتيح للمستخدمين الوصول إلى أدوات التحرير المهمة بسرعة، مثل البحث، والاستبدال، والتميز اللوني.

5- QuickEdit

محرر نصوص بسيط وسهل الاستخدام يتيح للمستخدمين الوصول إلى أدوات التحرير المهمة بسرعة، مثل البحث، والاستبدال، والتميز اللوني.

6- Code Peeker Pro

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

7- Codeanywhere

تطبيق متميز لتحرير الشفرة المصدرية ويتيح الوصول إلى الأدوات المتقدمة للتحرير، ويوفر للمستخدمين التخزين السحابي والوصول إلى ملفات الشفرة المصدرية في أي وقت ومن أي مكان.

بتاريخ 7 ساعة قال Abdraouf Laifa:

توصلت مع مركز المساعدة لكن لم يتم الرد

سيتم الرد عليك بلا شك عزيزي، أرجو منك الإنتظار قليلاً ولا تقلق أبدًا بخصوص ذلك، وبعد 24 ساعة إذا لم يتم الرد، قم بالتواصل مرة أخرى.

أرجو منك طرح السؤال أسفل فيديو الدورة الخاص به لنتمكن من مساعدتك، وطرح الأسئلة العامة الغير خاصة بالدورات هنا في قسم أسئلة البرمجة.

وأيضًا توضيح ما الذي تتوقعه من الكود بالضبط.

وعلى أي حال، إليك شرح الكود الخاص بك:

وهو عبارة عن برنامج بسيط يتم استخدامه لإيجاد مجموع أرقام معينة وإضافة كل مجموع إلى قائمة جديدة.

1. يتم تعريف قائمة من الأرقام بمسمى "numbers" وتحتوي على الأرقام [2, 5, 3, 1, 4].
2. تعريف قائمة فارغة جديدة بمسمى "empty".
3. تعريف متغير بمسمى "result" بقيمة صفر، وسيتم استخدامه لحساب مجموع الأرقام.
4. استخدام حلقة تكرار "for" لتمرير عبر كل عنصر في قائمة الأرقام.
5. في كل مرة تتم فيها مرور حلقة التكرار عبر عنصر من الأرقام، يتم إضافة القيمة الحالية إلى المتغير "result".
6. بعد ذلك، يتم إضافة المجموع الحالي (أي "result") إلى قائمة "empty".
7. في النهاية، يتم طباعة مجموع الأرقام النهائي الذي تم حسابه وتخزينه في المتغير "result"، والذي هو 15 في هذه الحالة.

بالتالي، يتم إنشاء قائمة جديدة باستخدام "empty" تحتوي على مجموع الأرقام المتراكم، حيث ستكون القائمة تحتوي على القيم [2, 7, 10, 11, 15].

من الأفضل تخزين البيانات في صورة Lowercase من البداية في قاعدة البيانات.، ثم البحث عنها لحل لتلك المشكلة، أي سنبحث عن البيانات بعد أن قمنا بتخزينها في صورة حروف صغيرة:

String nameCountryLower = NameContry.toLowerCase();

FirebaseFirestore.instance
  .collection('my_collection')
  .where('Country', isEqualTo: nameCountryLower)
  .get()
  .then((querySnapshot) {
    // يمكنك استخدام querySnapshot.docs للوصول إلى النتائج
    // ...
  });

أو استخدام أدوات أخرى للبحث في قاعدة البيانات وقد تم ذكرها في الرابط التالي:

https://firebase.google.com/docs/firestore/solutions/search

وهناك حل آخر:

من خلال تحويل الاستعلام البحثي إلى مجموعة من القيم المتغيرة (variations) والتي يتم البحث عنها جميعها في الحقل الذي يراد البحث عنه.

مثا: إذا كان البحث هو "oman" ، فسيتم تحويله إلى مجموعة ["oman"، "OMAN"، "Oman"] والتي تشمل جميع الحالات الممكنة لهذا الاستعلام بغض النظر عن حجم الأحرف.

ثم يتم إجراء استعلام "in" حيث يتم البحث عن جميع هذه القيم المتغيرة في الحقل الذي يراد البحث عنه. يدعم استعلام "in" ما يصل إلى 10 مساواة (==) بين القيم مع عامل التشغيل "OR" اللوجيكي. وبهذا يمكن الاحتفاظ بحقل واحد فقط "name" والبحث فيه باستخدام التغييرات المحتملة عليه.

List<String> variations = ["oman", "OMAN", "Oman"]; // TODO: write a function that converts the query string into this kind of Array
QuerySnapshot search = await FirebaseFirestore.instance.collection("users").where("name", whereIn: variations).get();

وهنا يتم استخدام متغير القائمة (List) بدلاً من مصفوفة (Array) وكذلك الاستعلام البحثي whereIn بدلاً من "in"، وبعد ذلك يتم استخدام الدالة get() للحصول على نتائج الاستعلام.

استخدم الدالة with في الاستعلام لجلب جميع الأحداث مع علاقتها بالكليات، ثم استخدام حلقة foreach للحصول على اسم الكلية لكل حدث.

مثال:

$events = Event::with('FaNa')->get();

foreach ($events as $event) {
    $facultyName = $event->FaNa->Faculty_Name;
    // القيام بالعمليات المطلوبة باستخدام اسم الكلية
}

ستحصل على مصفوفة $events تحتوي على جميع الأحداث وعلاقتها بالكليات، وستتمكن من الوصول إلى اسم الكلية لكل حدث باستخدام $event->FaNa->Faculty_Name.

مرحبًا @Abdraouf Laifa

أرجو منك مراجعة النقاش التالي وقد تم الإجابة على سؤالك به وحل المشكلة.

حاول استخدام حلقة foreach() للتكرار على جميع العناصر في مصفوفة الكليات (faculties) وإنشاء قائمة منسدلة (dropdown list) تحتوي على جميع الكليات المتاحة.

و استخدام هذه القائمة المنسدلة للسماح للمستخدمين بتحديد الكلية التي يرغبون في إضافة البيانات الخاصة بهم.

اليك كود يعرض قائمة المنسدلة لجميع الكليات:

{!! Form::open(['route' => 'route_name', 'method' => 'post']) !!}

{!! Form::label('Faculty', 'Select a Faculty') !!}

{!! Form::select('Faculty_ID', $faculties->pluck('Faculty_Name', 'Faculty_ID')) !!}

{!! Form::submit('Submit') !!}

{!! Form::close() !!}

 يتم فتح نموذج HTML باستخدام {!! Form::open() !!} وتحديد عنوان URL الذي يرسل إليه النموذج باستخدام مفتاح الخاصية 'route'، أيضًا تحديد طريقة الإرسال باستخدام مفتاح الخاصية 'method'.

بعد ذلك، إنشاء تسمية لعنصر الاختيار المنسدل باستخدام {!! Form::label() !!}.

ثم، إنشاء عنصر الاختيار المنسدل باستخدام {!! Form::select() !!}، حيث يتم تمرير قيمة 'Faculty_ID' كاسم لعنصر الاختيار المنسدل ومصفوفة الكليات ($faculties) كقيمة للخيارات المتاحة في عنصر الاختيار المنسدل.

واستخدام دالة pluck() لاستخراج اسم الكلية كنص من مصفوفة الكليات، وكذلك استخراج قيمة Faculty_ID كقيمة للخيارات في عنصر الاختيار المنسدل.

أخيرًا، إنشاء زر Submit باستخدام {!! Form::submit() !!}، وإغلاق النموذج باستخدام {!! Form::close() !!}.

تستطيع استخدام الدالة foreach() لتكرار على جميع العناصر الموجودة في مصفوفة Array أو في قائمة Collection في Laravel.

و دالة foreach() متاحة في لغة البرمجة PHP التي يعتمد عليها Laravel.

مثال:

$array = array('item1', 'item2', 'item3');
foreach ($array as $item) {
    echo $item;
}

وبالإمكان استخدام الدالة foreach() لاسترجاع جميع العناصر في قائمة Collection في Laravel كما يلي:

$collection = collect(['item1', 'item2', 'item3']);
foreach ($collection as $item) {
    echo $item;
}

وبذلك تستطيع التكرار على جميع العناصر في مصفوفة Array أو في قائمة Collection في Laravel والقيام بالعمليات التي تريدها على كل عنصر.

ربما قام شخص ما بمحاولة تسجيل الدخول عدة مرات، ولذلك تم إغلاق حسابك لحمايته.

والحل الذي أمامك الآن هو تسجيل الدخول من أحد الأجهزة التي تم التعرف عليها مسبقًأ قبل غلق الحساب، سواء هاتفك أو حاسوبك.

وإذا استمرت المشكلة، سيتعين عليك إثبات ملكيتك للحساب، وتسطيع ذلك من الضغط على الرابط التالي: 
https://facebook.com/login/identify
ثم قم بالبحث عن حسابك بواسطة الإيميل أو رقم الهاتف. وأيضًا يجب أن يكون جهاز تم تسجيل الدخول منه من قبل، ثم اتبع خطوات إعادة تعيين كلمة السر الخاصة بحسابك.

وإذا استمرت المشكلة ولم تتمكن من إعادة تعيين كلمة السر، قم بإرسال طلب مراجعة لحسابك عبر الرابط التالي: 

https://web.facebook.com/help/contact/260749603972907

أيضًأ تستطيع استعادة حساب Facebook الخاص بك باستخدام حساب صديق أو عائلة:

1. قم بالدخول إلى حساب Facebook لصديق أو عضو عائلتك عن طريق استخدام حاسوب.
2. ابحث عن حساب Facebook الخاص بك الذي تريد استعادته.
3. انقر فوق زر "المزيد" تحت الصورة الغلاف.
4. حدد "البحث عن الدعم أو الإبلاغ عن الحساب".
5. حدد "شيء آخر" ثم انقر على "التالي".
6. انقر على "استعادة هذا الحساب" واتبع الخطوات الإضافية التي ستظهر على الشاشة لإثبات هويتك وإثبات أنك صاحب الحساب.

إضافة إلى ما ذكره محمد، يمكن أن تكون الأرقام Double Precision أكثر دقة من الأرقام ذات الدقة المفردة، لأنها تستخدم 64 بتًا لتمثيل الرقم بدلاً من 32 بتًا.

وهذا يعني أن الأرقام Double Precision يمكن أن تمثل قيم أكبر وأصغر من الأرقام ذات الدقة المفردة، وتسمح بإجراء العمليات الحسابية الأكثر دقة.

وفيما يتعلق بأنواع الأرقام في JavaScript، فإن اللغة توفر ثلاثة أنواع أساسية للأرقام: الأعداد الصحيحة (integers) والأعداد العشرية (floating-point numbers) و NaN (Not a Number).

ويتم تمثيل الأعداد العشرية في JavaScript باستخدام Double Precision، حيث يتم تخزينها باستخدام 64 بتًا، كما يمكن استخدام الأعداد العشرية في JavaScript لتمثيل الأعداد الصحيحة بسبب نطاقها الأكبر.

أما بالنسبة لـ Syntactic Sugar في JavaScript، فهناك العديد من الأمثلة على ذلك، مثل استخدام "arrow functions" بدلاً من الدوال العادية و "template literals" بدلاً من السلاسل النصية المعتادة.

هناك العديد من أمثلة Syntactic Sugar في JavaScript، وهنا مثال بسيط:

بدلاً من استخدام الدالة العادية:

function add(x, y) {
  return x + y;
}

يمكن استخدام الـ arrow function:

const add = (x, y) => x + y;

وبهذا يتم تبسيط كتابة الدالة وجعلها أكثر وضوحًا وسهولة للفهم.

بالنسبة لخلط جميع الأعمدة دفعًة واحدة:

انقر بزر الماوس الأيمن على رأس الجدول (الصندوق الأعلى الأيسر) لتحديد جميع الأعمدة، كما في الصورة التالية:

2- قم بإختيار Sort أو ترتيب

3- بعد ذلك إختر ترتيب مخصص Custom sort

4- الآن ستظهر لك نافذة اضغط على options واختر  sort left to right أو ترتيب من اليسار إلى اليمين، ثم إضغط Ok.

5- قم بإختيار الترتيب على حسب ما تريده، مثلاً إختر الترتيب بالصف الأول sort by ويمكنك تعديل باقي الخيارات بما يتناسب مع ما تريده.

6- انقر فوق "موافق" لتأكيد الخلط.

الوظائف الخاصة بمكتبة React تتطلب خبرة سنة أو إلى سنتين على الأقل، وذلك بسبب أن استخدام React ليس سهل وتحتاج إلى خبرة فعلاً ووقت لتتمكن من تنفيذ مشروع بمفردك، أي عليك ببناء 3 مشاريع بواسطة React على الأقل.

ولكن إذا أردت التوظيف باستخدام React عليك بتعلم إما node.js أو PHP وأنا أنصحك بتعلم PHP في البداية، حيث أنها ستفتح أمامك المجال لتعلم إطار لارافيل وأيضًا وورد بريس، وكلاهما مطلوبان بشدة في سوق العمل.

وحاليًا يتم استخدام Next.js بشكل كبير، ولا غنى عنها لمطور React ويتم طلبها بكثرة في الوظائف.

أما Vue.js فاستخدامها أسهل، وستجد وظائف بالنسبة لمستوى Junior، وأيضًا ستحتاج إلى تعلم Nuxt.

ونفس الأمر بالنسبة لإطار Angualr وهو ليس سهل لكن بسبب كونه إطار عمل وليس مكتبة ، فستجد أنك تتبع خطوات وقواعد وأدوات محددة، مما يسهل عليك الأمر كمبتدأ ويقلل من الأخطاء، وستجد وظائف تقبل مستوى Junior.

ولكن نصيحتي إليك هي برؤية ما هو المطلوب في سوق العمل لديك والتوجه إلى تعلم تلك المهارات، فهل المطلوب هو Angular قمت بتعلم الإطار، هل المطلوب Vue.js مع PHP ولارافيل عليك بتعلم ذلك.

هل المطلوب Angular و .net إذًا عليك بتعلم ذلك.

وعليك بتحديد ما الذي تريده، هل تريد العمل على مواقع العمل الحر العربية، إذًا عليك بتعلم PHP ولارافيل وورد بريس، أما مواقع العمل الحر الأجنبية يمكنك العمل فيها بأي لغة أو مكتبة أو إطار شهير، حيث ستجد فرص بلا شك.

أما السوق المحلي لديك في بلدك، فعليك باستكشاف ماهي المهارات المطلوبة من خلال مواقع مثل LinkedIn وغيرها حسب ما يتم استخدامه في بلدك، وقم بفلترة الوظائف بمستوى Junior أو Entry Level.

وعليك بمعرفة أن فترة الحصول على وظيفة قد تتراوح ما بين 3 أشهر إلى 6 أشهر بعد الإنتهاء من المسار البرمجي الذي قررت تعلمه، ولا تصاب بالإحباط عزيزي جراء ذلك.

ودعني أخبرك شيئًا يجهله الكثير، وهو أن فترة التدريب والتعلم ليست فترة خبرة، بل الخبرة تأتي بعد تلك الفترة من خلال التطبيق وبناء المشاريع، أي أن ليس لديك خبرة 6 أشهر (فترة التعلم ) بل ما يأتي بعد ذلك هي الخبرة.

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

بعد ذلك، تستطيع تعلم ما تشاء، لكن هناك أولويات عليك بتحديدها.

حاول استخدام الدالة toLowerCase() لتحويل قيمة NameContry إلى حروف صغيرة، ثم استخدام هذه القيمة في استعلام Firestore.

مثال:

.where('Country', isEqualTo: NameContry.toLowerCase())

بهذا الشكل، سيتم تحويل قيمة NameContry إلى حروف صغيرة ومقارنتها مع قيمة الحقل "Country" في Firestore، بحيث لن يتم الاهتمام بحالة الأحرف.

وبذلك تستطيع البحث عن السجلات التي تحتوي على الدولة بغض النظر عن حالة الأحرف الموجودة في NameContry.

العفو أخي عبده، لكن أرجو منك وضع الكود بشكل نصي من خلال علامة <> عند إضافة السؤال لأتمكن من مساعدتك، وإخباري ما المشكلة التي تواجهك بالضبط وماذا تتوقع من الكود.

تستطيع استخدام خاصية "fill" في النموذج Laravel، حيث يمكن تحديد الحقول التي يجب تعديلها وترك الحقول الأخرى بدون تعديل.

مثلاً، إذا كان لديك نموذج يحتوي على حقول "title" و "description" و "image" ، وتحتاج إلى تعديل "title" و "description" فقط دون تغيير الصورة، يمكنك القيام بذلك كما يلي:

public function update(Request $request, $id)
{
    $post = Post::findOrFail($id);
    $post->fill($request->only('title', 'description'));
    $post->save();

    return redirect()->back();
}

تم استخدام الدالة "fill" لتحديد الحقول "title" و "description" فقط وترك حقل الصورة دون تغيير، واستخدام الدالة "only" لتحديد الحقول المطلوبة فقط للتحديث.

وبذلك سيتم الاحتفاظ بالصورة القديمة في الحقل "image" دون الحاجة إلى إعادة تحميلها.

توفر مكتبة Laravel Spatie  وظيفة لتحويل السلسلة النصية إلى مصفوفة:

use Spatie\Translatable\HasTranslations;

class YourModel extends Model
{
    use HasTranslations;

    public $translatable = ['value'];

    public function getValueAttribute($value)
    {
        $translatedValue = $this->getTranslations('value');
        $numericValue = $this->id;

        return [
            'value' => $translatedValue,
            'numeric_value' => $numericValue,
        ];
    }
}

من خلال إضافة خاصية "translatable" إلى النموذج لتحديد الحقل المترجم، ثم استخدام الدالة "getTranslations" لاستخراج القيمة المترجمة للحقل، يتم إضافة القيمة العددية للحقل كقيمة رقمية. يمكنك الآن استخدام خاصية "value" و "numeric_value" لعرض القيم المترجمة والقيم الرقمية على التوالي.

بتاريخ الآن قال Waleed Alomar:

صديقي هل يمكننا انشاء مثل هذا الموقع باستخدام بايثون

وما هي المكتبات التي نحتاجها

بالرغم من أن React وEmotion وNext.js وStoryblok تعتبر تقنيات وأدوات تطوير وإدارة المواقع الشائعة والمفضلة لإنشاء مثل تلك المواقع، إلا أن استخدام بايثون أيضًا ممكن بالطبع.

وستحتاج استخدام إطار عمل Django، الذي يتميز بكونه سهل الاستخدام وقوي وشامل لإنشاء تطبيقات الويب.

وبعد تثبيت Django، تستطيع استخدام المكتبات الإضافية لإنشاء ميزات مثل معالجة الدفعات (Stripe) وإدارة العلاقات مع العملاء (Salesforce و HubSpot) وتضمين معلومات سياحية (TripAdvisor API و Amadeus و Sabre و Travelport).

بالإضافة إلى ذلك، بالإمكان استخدام مكتبات Python الأخرى لإنشاء ميزات مثل معالجة الصور وإدارة البريد الإلكتروني والبحث عن المواقع السياحية.

السوق حاليًا متشبع بمطوري الـ Front-End وبعد 5 سنوات لا أحد يجزم أن الطلب سيقل، لكن المهام التي سيمكن لشخص الواحد يستخدم الذكاء الاصطناعي القيام بها ستزيد بالتأكيد مما يعني أن الطلب سيقل، بسبب قدرة شخص واحد على القيام بمهام شخصين مثلاً.

وذلك قياسًا على التطور الذي يشهده الذكاء الاصطناعي حاليًا، فالأمر طبيعي جدًا، إذا نظرت للماضي تنبأت بالمستقبل أو دعنا نقول استعديت له،  وقد ذكرت لك من قبل أن مجال الـ Front-End هو الأكتر تأثيرًا بسبب حجم التطور والأدوات التي تحاول إنشاء الواجهة بأقل وقت ومجهود وكود يذكر.

ومع الوقت سنصل لتلك المرحلة بلا شك، لكن فترة 5 سنوات لا أحد يعلم ما سيحدث خلالها، وما يمكنك فعله هو أن تصبح مبرمج بحق، أي تعلم الأساسيات جيدًا وتعمق في مجالك ولا تتعلم قشور البرمجة فيتم استبدالك.

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

وحاليًا أنصحك بتعلم جافاسكريبت، وليس بايثون، ودائمًا ما أنصح الجميع في البداية بتعلم HTML, CSS, JS بسبب سهولتهم وبسبب أنك ستحتاجهم في أغلب المجالات وأيضًا بتعلمهم تفتح عينيك على عالم البرمجة بشكل واسع. 

وأنصحك بقراءة النقاشات التالية:

إذا قمت بإختيار الدورتين أثناء الإشتراك كما في الصورة التالية وقمت بالدفع.

وتوجهت إلى الدورات الخاصة بك، وستجد شرح كامل عن كيفية الوصول لدوراتك في الشرح التالي: 

• كيف أصل للدورات التي اشتركت بها

وفي حال لم تجد الدورة الثانية، فأرجو منك التحدث إلى مركز المساعدة الخاص بأكاديمية حسوب وسيتم إضافة الدورة لك، ولا تقلق.