ملخص سريع لـHigher Order Functions بـJavaScript 🙂‍↔️

1. Callbacks:
ببساطة نستخدم Function كَـ Parameter لـFunction أُخرى

function sayHi(callback) {
  callback("Ali");
}

sayHi(function(name) {
  console.log("Hi " + name);
});

🥰
2. Map Method
ببساطة نستخدمها على Array وننطيها Function يعدّل على الـArray الأول، وبالنتيجة يسويلنا Array جديد 🫠

3. Filter Method
يشبه Map Method، نستخدمها على Array وننطيها Function معينة تسوي فلتر للـArray الأول وينطينا Array جديد 😎

4. Sort Method
نستخدمها على Array كذلك، تستخدم UTF-16 حتى تسوي Sort Alphabetically لArray
هنا ملاحظة صغيرة، لمن الArray يكون متكون من أرقام من نستخدمله Sort Method راح تتحول أرقامه للـCovalent Strings وتترتب
لذلك بالترتيب راح يعتبر الـ200 قبل الـ3 (على سبيل المثال) ☺️

5. Every Method
نخليها على Array وننطيها Function عن طريقه راح يشوف إذا كل عناصر الـArray تطبّق الشرط أو لا
وإذا كل العناصر (كللل العناصررر) تطبّق الشرط الناتج حيكون True، غيرها الناتج Flase 🙂‍↕️

6. Some Method
نفس الـEvery بالضبط، الفرق أنو إذا عنصر واحد عالأقل يطبّق الشرط الناتج حيكون True 🙃

7. Method Chaining
تگدر تستخدم أكثر من Method وتخليها على نفس الـArray 😇

مرحبا شباب،
عطلتي تقريبا راح تخلص بعد شهر وأُصاب بلعنة السادس علمي.🥲
فقررت اسوي مشروع خفيف لطيف وياكم فاذا عندكم فكرة معينة شاركوها.❤️‍🔥

@I1_Muslim

مكتبة "Aceternity UI"

حقا كانت صدمة من عرفتها.
اول شيء مميز بيها مبنية على Shadcn/ui!
اما الامر الثاني المميز ما تحتوي فقط على Components بل حتى Sections وايضا Templates!!
الشغل مع هاي المكتبة راح يكون اسرع بإضعاف هذا غير ان التصاميم الموجودة حديثة جدا وتمثل التوجه الجديد للتصميم. فحقا من المؤسف ما عرفتها من زمان.

باتت التكنولوجيا والأجهزة الذكية منتشرة بأغلب المناطق، ومع أن لهذا نقاطاً إيجابية إلا أنه لا يخلو من السلبيات.

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

خلل تنظيم الدوبامين:

كما ذكرنا أعلاه، تعرضنا المستمر واستعمالنا للأجهزة الذكية يؤثر سلباً علينا، وهذه بعض نتائجه المضرة: اضطرابات المزاج. الإدمان. التوتر والأرق.

أضراره على النوم:

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

لذلك من أكثر الحلول المقترحة هي "صيام الدوبامين":

يتضمن صيام الدوبامين قطع السبل التي تؤدي إلى إفرازه بشكل غير منطقي كالألعاب ومشاهدة الفيديوهات القصيرة أو استعمال تطبيقات التواصل الاجتماعي ككل.

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

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

اخيكم مُسـلِم.

المصدر.

رسميًا Osmo Pocket 4 نزلت 🎉

أبرز الميزات الجديدة:
◼️ تدعم التصوير 4K - 240 FPS
◼️ التتبع (Active Tracking) صار أذكى
◼️ إصدار جديد من حساس 1-inch، وتصوير أفضل بمراحل بالإضاءة المنخفضة
◼️ أزرار إضافية
◼️ تخزين داخلي 107GB (ما تحتاج MicroSD)
◼️ محتوى جديد بالـCreators Combo من ضمنه Mini-flash

🙂‍↔️🙂‍↔️

بناء على طلب احد الاخوة فسويت هذا المشروع:

الفكرة بسيطة:

بدل البحث في مصادر متعددة، يمكن للمستخدم رؤية معلومات منظمة لكل نموذج ذكاء اصطناعي.

وتشمل:

اسم المودل مع اسم الشركة التابع الها
تكلفة الإدخال والإخراج
سعة السياق

هذا بقسم اما القسم الآخر تشوف من خلاله اكثر النماذج ذكاء.

التقنيات المستخدمة:

Next.js
TypeScritp
Tailwind CSS
shadcn/ui
Aceternity UI

تم الاعتماد على API خارجي لجلب البيانات وترتيبها بشكل جميل وجذاب.

بعض المشاكل التي واجهتني:
واجهتني مشاكل بالانميشن واضطريت احذف جزء منها علمود احافظ على جودة الاداء.

فضلا استعنت ببعض نماذج الذكاء الإصطناعي وحاولت ان يكون استعمالي الها ذكي اكثر من كونه نسخ ولصق علمود استغل قوته.

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

مع هذا المشروع يعتبر حاليا نسخة MVP وإن شاء الله اسعى لتطويره مستقبلا.

رابط الموقع للتجربة:
https://aura-gilt-one.vercel.app/

رابط المشروع على Github:
https://github.com/muslimIrm/aura

نتعلم اساسيات....

#problem_solving
اهم ما يميز المبرمج عن غيره من الناس هو قدرته العالية على حل المشاكل. 😎
فبالتالي المبرمج يسعى -المفترض- لتطوير هاي المهارة، واني صراحة مرت فترة وما حال أي مشكلة فقررت اشوفلي مشكلة واحلها، فدخلت لموقع (codewars.com) وشفتلي مشكلة وجربت احلها.

📝 المطلوب مني:

If we list all the natural numbers below 10 that are multiples of 3 or 5, we get 3, 5, 6 and 9. The sum of these multiples is 23.

Finish the solution so that it returns the sum of all the multiples of 3 or 5 below the number passed in.

Additionally, if the number is negative, return 0.

Note: If a number is a multiple of both 3 and 5, only count it once.

وهذا جان حلي:

function solution(number){
  const n = number;
  if(n < 0){
    return 0
  }
  let multiplesOfThree = [3]
  let multiplesOfFive = [5]
  for(let i = 0; i < n; i++ ){
    let newNumberOfTree = multiplesOfThree.at(-1) + 3;
    if(newNumberOfTree < n){
      multiplesOfThree.push(newNumberOfTree)
    }
    
    let newNumberOFFive = multiplesOfFive.at(-1) + 5;
    if(newNumberOFFive < n){
      multiplesOfFive.push(newNumberOFFive)
    }
  }
  let resultOfMultpilesOfThree = 0
  for(let k=0; k < multiplesOfThree.length; k++){
    resultOfMultpilesOfThree = resultOfMultpilesOfThree + multiplesOfThree[k]
  }
  let resultOfMultpilesOfFive = 0
  for(let j=0; j < multiplesOfFive.length; j++){
    resultOfMultpilesOfFive = resultOfMultpilesOfFive + multiplesOfFive[j]
  }
  return resultOfMultpilesOfThree + resultOfMultpilesOfFive
}

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

✅ الحل الأفضل (Best Practice):
مع هذا بحثت عن الحل الافضل لهاي المشكلة وكان:

function solution(number){
  if(number < 0) return 0
  let sum = 0
  
  for(let i= 1; i < number; i++){
    if(i % 3 === 0 || i % 5 === 0){
      sum = sum + i;
    };
  };
  
  return sum
}

وبس شكرا. ❤️‍🔥

حماس البدايات

بعد انقطاعي عن كتابة المقالات فترة طويلة رجعت الها بقوة لدرجة كل يوم اكتب.
لكن بعد فترة وبعد ما صار لازم وواجب عليّ ان اكتب كل يوم خميس مقال صار الوضع مختلف.
لدرجة اليوم ب 2 الظهر اني داخل توني للمصدر واقرا بيه واني عندي اسبوع كامل قبله فارغ.....
المهم مقال اليوم راح يكون مميز لان بيه معلومات خنفشارية.❤️‍🔥

Mythos Preview

هل سيغير شكل الأمن في الأيام المقبلة؟

اعلنت شركة(Anthropic) عن إطلاق نموذج (Mythos Preview) لكن تحت عنوان "Project Glasswing" والذي يمكن الشركات(شركات محددة) من الإستعانة بالنموذج لتفادي الاخطار المحتملة على أنظمتها.

ومن اهم ما استطاع (Mythos Preview) القيام به:
1. قادر على إكتشاف ثغرات فنية خطيرة تعرف بـ zero day بناء على طلب المستخدم. إذ استطاع إيجاد ثغرات في جميع انظمة التشغيل الرئيسية وكافة متصفحات الويب المشهورة وكانت قديمة ولم تُكتشف واقدمها ثغرة تعود ل 27 سنة في نظام OpenBSD والذي يعتبر من أكثر الأنظمة امانا.
2. لا يمثل تهديده فقط على الثغرات الاعتيادية بل قدرة فريدة على إيجاد ثغرات خطيرة وفي احد المرات قام بدمج اربع ثغرات مع بعض في أحد المتصفات حيث قام بكتابة تقنية معقدة لرش كومة الذاكرة (JIT heap spray) تمكنت من اختراق قيود العزل (Sandbox) لكل من محرك الرندرة ونظام التشغيل.
3. لم يستطع (Opus 4.6) إستغلال ثغرة في متصفح FireFox 147 الا مرتين من اصل مئات المحاولات، بينما استطاع (Mythos Preview) كتابة إستغلالات فعالة 181مرة!
4. . تم تحديد الآف الثغرات ذات خطورة عالية في مشاريع مفتوحة المصدر ولم يتم الكشف سوى عن 1% منها.
5. وصل النموذج الى حد "الإشباع" (Saturation) من ناحية البيانات التي تدرب عليها مما جعل الشركة تضطر الى اختباره على العالم الحقيقي لتأكد من انه يفكر ويجد حلولا بعيدا عن الاعتماد على الذاكرة.

هل تعتقد ان كل هذا هو "بروباغندا" تهدف لعمل ضجة قبل نزول النموذج بشكل رسمي للجميع كما اعتقد البعض؟

المصدر.

Week 0 of CS50x Done. ✅

انتظرنيييييي

غالبا راح انتظرك. لان ان شاء الله راح يصير شيء يأخرني.😁❤️

#problem_solving

المشكلة جدا بسيطة:
اذا عندك نص مثل "abcd" المطلوب تحوله الى مصفوفة بهذا الشكل:
["ab", "cd"]
بينما اذا كان مفرد فلازم تعوض النقص بـ"_":
["ab", "c_"]

فبعد طول تفكير ومحاولات فاشلة وصلت لهذا الحل:

function solution(str){
  const strArray = str.split("")
  const newArray = []
  strArray.map((l, i)=>{
      if(i % 2 !== 0 && i != 0) return ""
      if(strArray[i+1]){
        
        const item = strArray[i] + strArray[i+1]
        newArray.push(item)
      
      }else{
        
        const item = strArray[i] + "_"
        newArray.push(item)
      }
    
  })
  return newArray
  
}

ما يحتاج اشرح كودي لأنه مو جيد. 😁
وكالعادة بعدها شفت حلول الاخرين:ِ

function solution(s){
   return (s+"_").match(/.{2}/g)||[]
}

الشرح:
كشيء مبدأي يتم اضافة "_" الى نهاية النص الاصلي لضمان في حالة كان النص مفرد يتحول زوجي واذا كان زوجي راح يتم تجاهلها:
. : تمثل أي حرف (حرف، رقم، مسافة).
{2}: تخبر الكود "خذ كل عنصرين معاً".
g: تجعل البحث يستمر لنهاية النص ولا يتوقف عند أول زوج.
وفي حالة كان الادخال فارغ يتم ارجاع مصفوفة فارغة.

وبس شكرا للقراءة. ❤️‍🔥

حلول اخرى:

function solution(str){
  arr = [];
  for(var i = 0; i < str.length; i += 2){
    second = str[i+1] || '_';
    arr.push(str[i] + second);
  }
  return arr;
}

function solution(str){
  var i = 0;
  var result = new Array();
  if (str.length % 2 !== 0) {
    str = str + '_';
  }
  while (i < str.length) {
      result.push(str[i] + str[i+1]);
      i += 2;
    }
  return result;
}

رسميًااااا وبعد خمس اشهر من الدراسة المكثفة
كملت FreeCodeCamp Javascript Course
كملت الـCertification projects الخمسة
وامتحنت الإختبار النهائي
ونتائج الإختبار تطلع بعد أقل من أسبوع ومن تطلع النتائج يسلموني الشهادة :)

فوائد الذكاء الاصطناعي في مجال الطب

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

ومن اهم الفوائد التي انعكست على مجال الطب هي:

1.تشخيص الامراض:
من الامور المتعبة والشاقة والتي اذا لم يركز فيها الطبيب قد تؤدي الى الوفاة بعض الاحيان فعندما دخل الذكاء الاصطناعي صار تشخيص الامراض اكثر سهولة عن قبل ومن طرق التشخيص التي طورها الذكاء الاصطناعي: التصوير المقطعي المحوسب، والتصوير بالرنين المغناطيسي، والتصوير بالأشعة السينية، والجينوميات والبروتيوميات (Genomics and Proteomics).


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

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

3.الخطة العلاجية:
وجود خطة علاجية مناسبة للمريض يساعد على تحسنه بشكل اسرع فكان للذكاء الاصطناعي دورا في تحديد الخصائص المهمة التي تجعل المريض اكثر استجابة للعلاج بالتالي يستطيع الاطباء وضع الخطة العلاجية المناسبة.

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

شاركنا رأيك.

- مُسلِم. ✒