"rocket.new"

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

حل سهل لأن احنا بزمن الذكاء الاصطناعي فبكل بساطة:
1. بحثت عن موقع يبني website بالفكرة الي اريدها.
2. خليت Chat gpt يكتبلي prompt للفكرة مالتي.
3. ارسلتها للذكاء الاصطناعي.
4. حصلت موقع.

وبس الآن عندي موقع متتبع عادات بالطريقة اللي اريدها. 🤩

بس شنو الموقع الي استعملته؟

استعملت rocket وصراحة اول مرة اجربه وكان جيد ولا سيما ينطيك "1M Tokens" ومشروع نفس اللي سويته استهلك تقريبا "335K Tokens".
وايضا تقدر تربطه مع Figma اذا عندك تصميم جاهز.🔥

هل ينفع لبناء مواقع كبيرة؟

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

وبس خلصنا، تقدر تجرب الموقع الي سويته Click Here. 🥰

-مُسلِـم. ✒️

مساء الخير,

آخر مشروع كان الي هو "صحة" عبارة عن عيادة اكتروني تحجز بيها موعد مسبق مع الطبيب اللي تختاره وهو مشروع full stack مكتمل من ناحية ال back end و front end لكن يحتاج تعديلات ولا سيما من ناحية الأداء، والداش بورد بعدني ما مسويها، مع هذا تقدر تجربه وتنطيني رأيك:
https://clinc-landing.vercel.app/

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

ماذا تعرف عن الـ "Vibe Coding"؟

قدّم عالم الحاسوب أندريه كارباثي، احد مؤسسي شركة "Open Ai" والمدير السابق لشركة "Tesla" هذا المصطلح في فبراير 2025.
يشير هذا المصطلح الى إستعمال النماذج اللغوية الكبيرة "LLM"في كتابة الشيفر البرمجية "Code" بدلا عن الكتابة اليدوية للشيفرة.
بمعنى أن لغة البرمجة اصبحت هي اللغة الانجليزية، ويُقصد بهذا أن التعامل مع الحاسوب والتحكم به أصبح بلغة بشرية.
الجزء الرئيسي من تعريف "Vibe Coding" هو عدم فهم الشيفرة البرمجية المولدة حيث يقول الباحث في مجال الذكاء الاصطناعي سيمون ويلسون : "إذا كتب نموذج لغوي كبير كل سطر من النص البرمجي الخاص بك، ولكنك راجعته واختبرته وفهمته بالكامل، فهذا ليس "Vibe Coding" في نظري - بل هو استخدام نموذج لغوي كبير مساعدًا في الكتابة."

الأثر الإيجابي لـ Vibe Coding:

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

بعض التحديات التي يواجهها:

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

بعض تاثيراته على المستقبل:

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

أخيرًا ما رأيك بـ Vibe Coding وتأثيره على المستقبل وهل لديك تجربة سابقة معه؟

-مُسلِـم.

-المصادر-:
1. wikipedia.
2. IBM.
3. Scott H. Young.

تم البدأ بكورس جديد. 🔥

طبعًا صارلي كم يوم اشاهده ووصلت لـفيديو 11 من اصل 92. 🙂

اني اعرف Next js 13 فبتالي كانت اهدافي من هذا الكورس:
1. معرفة التقنيات والمميزات الجديدة في Next js 15 وبعدها انتقل لـ Next js 16.
2. اطور نفسي بـ TypeScript.
3. اطور لغتي الإنجليزية.

بعد الإنتهاء من الكورس راح تكون هناك مفاجأة الكم. شنو تتوقعون راح تكون؟ 🧑‍💻

يوم شگاگي.😎

هل فعلاً يمكن تعلّم النحو بدون تعقيد؟ 🤔

أفكر أبني موقع يُعلّم "النحو العربي" بطريقة تفاعلية (مو حفظ قواعد فقط)،
بل تجربة بيها أسئلة، تحديات، وتدرّج بالمستويات. 👀

لكن قبل ما ابدي…

شنو أكثر شيء كان يزعجك في تعلم النحو؟
واذا اكو موقع مثالي… شلون ممكن تتخيله؟

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

@I1_Muslim.

أعلنت وكالة ناسا اليوم عن إطلاق مركبة Orion التي تحمل أربعة رواد فضاء يخططون لهبوطهم على سطح القمر 🚀🌕.
لم يشهد سطح القمر حضورًا بشريًا لأكثر من خمسين عامًا. تقوم ناسا بإرسال هؤلاء الرواد الأربعة إلى القمر لأغراض دراسية وتجريبية 📚🔬.
تستغرق الرحلة عشرة أيام وتنتهي في 11/4، ومن المرجح تنفيذ رحلة ثانية خلال هذه السنة 🗓.

ووواليوم نزل تحديث جديد قوي جدًا للتلگرام بميزات خيالية 🔥

🟥 أخيرًا الـAI صار موجود بالتلگرام 😍
تگدر تعدل على الرسائل (أكثر من 3 أسطر) بالـAI، ممكن تخليه يعدلها لغويًا، يغير أسلوبها، يضيف Emojis، يترجم...

🟦 ميزات جديدة للتصويتات (الاستفتاءات) - Polls
◼️ تگدر تضيف ملف أو موقع داخل الخيار
◼️ تشوف منو صوت بجانب كل خيار
◼️ تگدر تمنع إعادة التصويت (disable revoting)
◼️ تگدر تسوي suffle للخيارات (ترتيب الخيارات يطلع مختلف عند كل مستخدم)
◼️ تگدر تخلي التصويت يطفى أوتوماتيكيًا بعد فترة محددة
◼️ تگدر تخفي النتائج لحد انتهاء التصويت
◼️ يگدر مُنشئ التصويت يشوف منو المصوتين بدون ما يصوت
+ أكو تصويت بالتعليقات راح أجرب بيه الميزات الجديدة 🙃

🟨 تگدر ترسل الصور الحيّة Live Images

🟧 ميزات جديدة على البوتات تگدر من خلالها تنشئ بوتات بدون كود بشكل رسمي

🟪 مستخدمي التلگرام الي يستخدمون التلگرام من خلال برامج غير رسمية (Vidogram, Telegraph...) راح يصير Warning على حسابهم (They Use Unofficial Telegram client - chatting with them is less secure)

التلگرام بكل تحديث نشوف تطورات جديدة وميزات جديدة وقريبًا إن شاء الله يتفوق على جميع برامج المراسلة
وبس.. شكرًا ^_-

شتقولون نحاول نسوي landing page خلال يوم واحد؟

وتخيلوا يكون تحدي بيني وبين علي سعد ونشوف النتيجة؟

أكو خبر منتشر هالفترة أنو تطبيق Messanger راح ينغلق بعد فترة قصيرة

طبعًا السالفة وما فيها شركة Meta قررت تحويل تطبيق Messanger من تطبيق مستقل إلى جزء من الفيسبوك
يعني راح يصير حاله حال Instagram Messages، وراح تصير الطريقة الوحيدة للوصول اله هي من خلال الـfacebook وما تگدر تستخدمه بشكل مباشر

وراح ينحذف الموقع Messanger.com ويصير Facebook.com/messanger

وبس هيچ 😇

وخلصناااااا اخيرا.❤️😁

جوجل تغير الموازين مع خوارزمية TurboQuant.. وداعاً لمشكلة الرامات!

تعد الحاجة الهائلة لذاكرة الوصول العشوائي (RAM) وقوة كروت الشاشة من أبرز التحديات التي واجهت الذكاء الاصطناعي، مما تسبب في تضاعف أسعار الأجهزة وتكاليف اشتراكات الخدمة. لكن جوجل لم تقف مكتوفة الأيدي، بل سعت لإيجاد حل جذري كان عنوانه: "خوارزمية TurboQuant".

كيف تعمل TurboQuant؟

تعتمد هذه التقنية الثورية على مرحلتين متكاملتين:

1. مرحلة PolarQuant: في هذه المرحلة، يتم إجراء "تدوير عشوائي" للمتجهات (Vectors) لتحويلها من نظام الإحداثيات الديكارتي التقليدي ($x, y, z$) إلى قيم قطبية (تعتمد على الطول والزاوية). نتج عن هذه العملية ضغط هائل للبيانات يقدر بـ 6 أضعاف! وبما أن البيانات أصبحت موزعة بشكل دائري منتظم، أمكن إجراء عملية Quantization (كوانتايزيشن) لها على شبكة دائرية ثابتة، مما ألغى الحاجة لوصف حدود البيانات عند إضافة مدخلات جديدة، لأن الحدود أصبحت ثابتة هندسياً (من 0 إلى 360 درجة).

2. مرحلة QJL: من المعروف تقنياً أن أي عملية Quantization (تحويل الأرقام من دقة عالية إلى منخفضة) ينتج عنها خطأ بسيط، وتراكم هذه الأخطاء يؤدي عادةً لنتائج مشوهة. هنا يأتي دور خوارزمية QJL لمعالجة هذا الخطأ باستخدام 1-bit فقط (إشارة موجب أو سالب). يعمل هذا البت الواحد كـ "مصحح إحصائي" أثناء حساب درجات الانتباه (Attention Scores)، مما يضمن رياضياً أن ناتج "الضرب النقطي" (Dot Product) للمتجهات المضغوطة يطابق الدقة الأصلية تقريباً.

لماذا نعتبرها "مغيرة لقواعد اللعبة"؟

- بدون إعادة تدريب: المثير للدهشة أن عمليات الضغط التقليدية تحتاج غالباً لإعادة تدريب النموذج، لكن مع هذه التقنية لا داعي لذلك أبداً!

- كفاءة فائقة: أثبتت التجارب دقة مثالية وسرعة استجابة مذهلة.


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

-صديقكم مُسـلٍم. ❤️‍🔥

المصدر

بعد تعب طويل، خلصت ال hero section.

طبعًا كورس جافاسكربت مالتي (FreeCodeCamp JavaScript Course) كله عبارة عن:
محاضرات نصية (حچي بالانگليزي تقراه وتفتهم)
مختبرات (ينطيك شرح للكود وتكتبه)
اختبارات (MCQ)

وبكون أنو هاي الطريقة فاشلة جدًا (صعب الواحد يفتهم شروحات برمجة عن طريق النصوص) آني جاي أعوف المحاضرات النصية بالكورس وأروح أشوف فيديوهات يوتيوب 🥰 ومن أخلص الفيديوهات أرجع أسوي المختبرات وأحل الاختبارات
طبعًا ما أگدر أحوّل على غير كورس لأن تقدمت بهذا الكورس وأريد أحصل الشهادة مالته

ملخص سريع لـ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 😇