تعلم البرمجة 👨‍💻 ليس أمر أصعب فاليوم يوجد الكثير والكثير من المصادر والفيديوهات التدريبية 🎞 لكن قد تظن أن الأمر الصعب 😪 هو التنفيذ ! لكن انا بعد أكثر من 3 سنوات ونصف بالتكويد 👨‍💻 أوكد لك أن الشيء الصعب هو اختيار الكورس الصحيح ‼️ فعندما بدأت قبل 3 سنوات طريقي في تعلم البرمجة تعرفت على عدة أشخاص على الانترنت يمارسون مهنة التكويد ✍️ وكنت دائماً اطلب منهم مصادر وتوجيهات لأتعلم البرمجة لكن للأسف حظيت بتوجيهات خاطئة 😥 فبدلاً من توجيهي لمسار تدريبي صحيح وخطة تعليمية كانت النصائح ان أتعلم تشغيل الكود البرمجي ومشاهدة الكود والنتيجة الخاص به 😀 وعندما أدركت أنه علي البحث عن مصدر أفضل لأصبح شخص ذو خبرة جيدة وجدت عدة كورسات ظننتها 😍 مفيدة لكن اكتشفت بوقت متأخر بأنها كانت أساسيات الأساسيات ☹️ خلاف بإني خدعت بالبعض، مثلاً أحد كورسات قواعد البيانات 👩‍💻 كان يتمحور فقط في عمليات DML (Data Manipulation Language والتي يقصد بها عمليات إضافة وتعديل البيانات فقط) دون ذكر أن هناك عمليات أخرى ‼️
فهذا كان أحد أهم الدروس في حياتي 😶 وعندما يقوم أي شخص بأخذ استشارتي ليبدء في مجال البرمجة كنت دائماً اخبره بالمفاهيم 😬 التي يجب أن يبدء بتعلمها وأصر على أن يرى نتائج لأي دورة يريد البدء بها حتى لا يضيع وقتاً على لا شيء 😐 لوجد بعض الدورات مقدمتها لا تشبه نهايتها من حيث الاهداف 😶 فقد أضعت قرابة السنتين بالتعليم الخاطئ واليوم خبراتي تساوي خبرة شخص بدء بتعلم البرمجة من 8 أشهر بشكل صحيح 😅 وأنا اليوم قادر على بناء موقع ويب كامل بإستخدام اللغات والتقنيات التالي:
HTML / CSS / JavaScript / PHP / SQL / Laravel
لكن أعاني من بعض الضعف الأكاديمي فيمكنيني القيام بأي فكرة لكن لا استطيع التعبير عنها تقنياً بشكل صحيح 🤷‍♂️ وهذه هي نتيجة التعليم الخاطئ
أهم المصادر التي أنصح بها لتعلم هذا المجال بشكل صحيح هي:
قناة أكادمية الزيرو التي صححت لي الكثير من المفاهيم الخاطئة 😁
قناة نور حمصي
أكادمية حسوب

منشور من سلسة #CleanCode لمعرفة التفاصيل انقر هنا 🔗
سلسة مبادئ هندسة البرمجيات بلغة PHP 👩‍💻 مقتبسة من كتاب Robert C. Martin's في هذه السلسلة لن تتعلم كيفية إنشاء برمجيات بلغة PHP ولكن ستكون قادر على كتابة كود 🖥 مقروء ومفهوم وقابل للصيانة الدورية ♻️
في هذه السلسة سأقوم بشرحها بإستخدام الاصدار الثامن من PHP 👩‍💻
المتغيرات:
يجب عليك إستخدام اسماء متغيرات ذات معنى مناسب لقيمة المتغير #⃣:
الاستخدام السيء:

$ymdstr = date('Y-m-d');

الاستخدام الجيد:

$currentDate = date('Y-m-d');

يجب عليك إستخدام نفس المفردات لنفس المتغيرات #⃣:
الاستخدام السيء:

getUserInfo();
getUserData();
getUserProfile();

الاستخدام الجيد:

getUser();

استخدام أسماء قابلة للبحث 🔍 بالتأكيد أنت تكتب أكواد أكثر بكثير مما تكتب تعليقات 📝 مما قد يسبب الضياع لك أثناء البحث عن شيء ما في مشروعك الذي تعمل عليه ‼️
مثال 1️⃣
الاستخدام السيء:

$result = json_encode($data, 448);
// ما المقصود ب 448

الاستخدام الجيد:

$json = json_encode($data,JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);

مثال 2️⃣
الاستخدام السيء:

class User
{
    // ما المقصود برقم 7؟
    public $access = 7;
}
$user = new User();
  // ما المقصود برقم 4؟
  // المقصود من الشرط جلب ال بت ويز (Bitwise) المشتركة والذي هو 4 
if ($user->access & 4) {
    // Code 
}

// ما المقصود بالإجراء التالي؟
$user->access ^= 2;

الاستخدام الجيد:

class User
{
    // صلاحية القراءة
    public const ACCESS_READ = 1;
    // صلاحية الإضافة
    public const ACCESS_CREATE = 2;
    // صلاحية التعديل
    public const ACCESS_UPDATE = 4;
    // صلاحية الحذف
    public const ACCESS_DELETE = 8;

    // صلاحيات المستخدم الإفتراضية والتي هي 7
    public $access = self::ACCESS_READ | self::ACCESS_CREATE | self::ACCESS_UPDATE;
}
$user = new User();
if ($user->access & User::ACCESS_UPDATE) {
    // كود التعديل المطلوب
}

// إلغاء صلاحيات الإنشاء
$user->access ^= User::ACCESS_CREATE;

هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركته مع أصدقائك ☺️

جدول القناة لشهر 1/2024 📅
- خارطة تعلم البرمجة Full Stack بالطريقة الصحيحة
- كيف تحمي نفسك من عمليات الإحتيال الإلكتروني
- معلومات حول React
- مشاريع JavaScript يجب أن تلقي نظرة عليها
سيتم النشر بمعدل رسالة اسبوعياً ❤️ ورسالة لسلسلة #CleanCode
في حال اعجبت بمحتوى القناة لا تنسى مشاركتها ❤️
➖➖➖➖➖
للمزيد من المنشورات ♻️: تصفح قائمة المنشورات

خارطة تعلم البرمجة 👨‍💻 Full Stack بالطريقة الصحيحة
اولاً لن تصبح خلال 6 أشهر أفضل Full Stack 😶 ستقطع شوطاً لا بأس به 💪
أولاً ما هو اختصاص Full Stack 🧐!؟
أغلب الأشخاص بس يتعلم Front-End 👩‍💻 و Back-End 🌐 بيعتقد انه Full Stack 👨‍💻 - ممكن يكون الإعتقاد صحيح ‼️ ولح أقنعك بوجهة نظري - أنت مطور Full Stack بدك تبني مشروع 🖥 أول شي لازم تفكر بقاعدة البيانات 📚 يلي هي أساس لأكثر من 95% من المشاريع الاونلاين (لا يوجد موقع الكتروني خالي من قاعدة بيانات تقوم بعرض بيانات او تخزنها) أنت ك full stack بقواعد البيانات DataBases وأنواها 👩‍💻👩‍💻 وبعد الإنتهاء من عملية التطوير 🧑‍💻 وتبدء بمرحلة تسليم المشروع للعميل 🛍 قد يطلب العميل أن يستضيف الموقع على أحد سيرفرات أمازون AWS 👩‍💻 أنت كمطور Full Stack مجبور تشغله وبهي المرحالة أنت دخلت لمجال ال DevOps (ممكن شخص يقول انا ماني مضطر، وقت تكون شغال فريلانسر أو عم تشتغل مشاريعك وبدك تعملها كمعرض أعمال لح تضطر لهذا الأمر 👀)
طبعا البعض بقول لازم تكون Mobile Developer 📲بس بعتقد بأن هذا الشي مانه ضروري
طب شو الطريق الصحيح 🥸!؟
أول شي هذا المجال ممكن ب 95 يوم وممكن بسنتين تتعلمه 🙂، طبعاً في فرق كبير بالوقت والسبب يعود لـ تأسيسك أنت شو متعلم 🌚 يعني شخص بيعرف front و بيعرف back وبيعرف database واله وقت فيهم وحب يعيد تعلمه ليصير Full Stack ما مثل شخص أول يوم يتعرف على البرمجة ❓
الخريطة 🗺 للناس يلي بدها تتعلم من الصفر 0️⃣ كالتالي:
0️⃣-تعلم أساسيات الحاسوب: مما يتكون، كيف تعمل كل قطعة، لغة الآلة حذلك فكرة عنها ℹ️ أنظمة العد 🔢، أجزاء البايت ووحدات القياس، يعني أنت مبرمج وما بتعرف الفرق بين الميجابايت والميجابت 😐، كيف يعمل الانترنت 🌐 مالمقصود بسيرفر وموقع الكتروني
1️⃣-ابدء بالتفكير كمبرمج: نعم، في هذه المرحلة قم بتعلم لغة c++ (لعدم وجود الاختصارات بها مثل لغة بايثون) - يمكنك إستخدام لغة مثل Rust بها لكن أنصح بشدة ب c++ للمجتمع العربي القوي لها في حال ضعف اللغة الإنكليزية - ومن ثمّ قم بحل تحديات لرسم أشكال بها 🎨 رسم الأشكال من خلال التكرارات وكتابة خوارزميات بسيطة، موقع هرمش يحوي تحديات من هذا النمط، بعد حل 100-500 تحدي ابدء بتعلم الخوارزميات وهيكلة البيانات 🗒
2️⃣-ابداء بمجال Front-End: تعلم في هذا المجال HTML 👩‍💻 ثم CSS 👩‍💻 ومن ثم JavaScript 👩‍💻 ومن ثم اطر العمل الخاصة بهم مثل: Bootstrap 👩‍💻 أو TailwindCSS 👩‍💻 أو React.js أو Vue.js 👩‍💻 أو أي اطار عمل أخر ولا تنسا إنشاء مشاريع لهذا القسم، مالا يقل عن 10 مشاريع ‼️ كل لغة أو تقنية تحتاج مشروع أو اثنين ☄️
3️⃣-ابدء مجال Back-End: اختر لغة برمجية خاصة لهذا القسم 🙃 تختلف من شخص لأخر واللغات هي كالتالي/اطر العمل:
PHP 👩‍💻 - Node.js 👩‍💻 - Ruby 👩‍💻 - C# with .NET 👩‍💻 - Java with JSP 🖥 - Python 🖥
ومن ثم تعلم التعامل مع مدير الحزم للغة التي ستتعلم المجال بها 🤗 وفي هذا المجال عليك القيام بمشاريع حقيقة ومن أشهر أفكار المشاريع هي: متجر الكتروني - مدونة - نظام إدارة المحتوى CMS
4️⃣-قواعد البيانات: تعلم بعض من قواعد البيانات، وتعلم الفرق بين قواعد البيانات العلائقية وغير علائقية، ولقد وضحنا الفرق بينا النوعين في مشنور سابق: https://t.me/YhyaNesb/140
وتعلم كيف تنشأ قاعدة بيانات بكفاءة عالية، فمن أكبر الأخطاء إنشاء جدول يحوي على صفوف بعضها فارغ NULL أو دمج عدة جداول في جدول واحد ‼️ فمثلاً جدول ب 50 عامود هل تعتقد سيكون الأمر مفيداً أم مركباً كثيراً
5️⃣-إبداء مجال DevOps: قد لا يهم البعض 😎 لكن عليك تعلم ولو قسم منه 🙂 فمثلاً نظام التحكم في الإصدارات GIT 👩‍💻 هو أحد أدوات ال DevOps 😉
6️⃣-واكب التطور:من المهم أن تتابع جديد ما تتعلمه 😁 فالبرمجة بشكل عام يومياً تتطور
حسناً في النهاية لديك سوؤل مهم!؟
لماذا تعلمت في البداية C++ 🙂 ستضيع الوقت 🥺؛ بكل اختصار لتتعلم طرق حل المشاكل والتفكير الصحيح 😉 فتخيل مثلاً تريد إنشاء خوارزمية معقدة بشكل نسبي وكانت تستغرق وقت n! حتى تنتهي ‼️ بينما يمكن أن تستغرق وقت n^2 🔥 فرق كبير، غير ذلك عند تقديمك للعمل مع أي شركة في مقابلة العمل ستسأل عن الخوارزميات وهيكلة البيانات 👍
#ملاحظة :الخريطة ممكن يصير عليها انتقدات وممكن شخص يسأل هل أنا ماشي فيها أو لاء!؟ نعم انا ماشي عن نفسي فيها
هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركه مع أصداقائك ☺️

منشور من سلسة #CleanCode لمعرفة التفاصيل انقر هنا 🔗
الجزء الثاني في هذه القناة 2️⃣
استخدم المتغيرات التوضيحية:
تشبه سابقتها 😅 من حيث اسم المتغير، لكن لو لديكم متغير من نوع Array - مصفوفة - يجلب لك قيم محددة لكن المفاتيح (Key - Index) لهذه القيم Values أرقام 😐 ستجبر على فهم الكود الكامل الذي يقوم بتعبئة المصفوفة 😭 أو طبعتِها 🤷‍♂️ (الأمر قد يعتبر سهل في الطباعة لكن ماذا لو كان مشروعك بشكل كامل يحوي نفس المشكلة 😅 ستاخذ أيام لتفهم المشروع فقط دون البدء في التحديث 😕)
الاستخدام السيء:

$address = 'One Infinite Loop, Cupertino 95014';
$cityZipCodeRegex = '/^[^,]+,\s*(.+?)\s*(\d{5})$/'; // تعبير نمطي
preg_match($cityZipCodeRegex, $address, $matches); // تنفيذ التعبير النمطي
// ما المقصود من المفتاح 1 و 2
saveCityZipCode($matches[1], $matches[2]);

الاستخدام العادي:

$address = 'One Infinite Loop, Cupertino 95014';
$cityZipCodeRegex = '/^[^,]+,\s*(.+?)\s*(\d{5})$/';
preg_match($cityZipCodeRegex, $address, $matches);
// قمنا هنا بتعريف متغير لكل قيمة في المصفوفة، بحيث أول قيمة في هذه المصفوفة لن يتم تخزينه
[, $city, $zipCode] = $matches;
saveCityZipCode($city, $zipCode);

حسناً لماذا هذا الاستخدام ليس جيد!؟ ببساطة قد تضع الأمر الخاص بإنشاء المصفوفة في function خاص والإستدعاء في function أخر بملف أخر، وعند إستدعاء هذا ال function من جديد وطباعة النتيجة قد تكون النتيجة غير مفهومة لان النتيجة ستكون من نوع:

int:mixed

الاستخدام الجيد:

$address = 'One Infinite Loop, Cupertino 95014';
// قمنا في التعبير النمطي بإعطاء مفتاح للقيمة حتى توضع به، مع الاحتفاظ على مفتاح بالرقم
$cityZipCodeRegex = '/^[^,]+,\s*(?<city>.+?)\s*(?<zipCode>\d{5})$/';
preg_match($cityZipCodeRegex, $address, $matches);

saveCityZipCode($matches['city'], $matches['zipCode']);

تجنب التدخل بعمق وقم بترجيع النتيجة بشكل مبكر:
قد يؤدي وجود عدد كبير من من عبارات if-elseif إلى صعوبة في متابعة كامل الشروط ‼️
الاستخدام السيء:

function isShopOpen($day): bool
{
    if ($day) {
        if (is_string($day)) {
            $day = strtolower($day);
            if ($day === 'friday') {
                return true;
            } elseif ($day === 'saturday') {
                return true;
            } elseif ($day === 'sunday') {
                return true;
            }
            return false;
        }
        return false;
    }
    return false;
}

الاستخدام الجيد:

function isShopOpen(string $day): bool
{
    if (empty($day)) {
        return false;
    }

    $openingDays = ['friday', 'saturday', 'sunday'];

    return in_array(strtolower($day), $openingDays, true);
}

مثال آخر 😁 - الاستخدام السيء:

function fibonacci(int $n)
{
    if ($n < 50) {
        if ($n !== 0) {
            if ($n !== 1) {
                return fibonacci($n - 1) + fibonacci($n - 2);
            }
            return 1;
        }
        return 0;
    }
    return 'Not supported';
}

الاستخدام الجيد:

function fibonacci(int $n): int
{
    if ($n === 0 || $n === 1) {
        return $n;
    }

    if ($n >= 50) {
     // إنشاء خطأ أفضل من إرجاع نص string حتى تكون نتيجة ال function من نوع int فقط
        throw new Exception('Not supported');
    }

    return fibonacci($n - 1) + fibonacci($n - 2);
}

هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركته مع أصدقائك ☺️
للمزيد من هذه الشروحات يمكنك متابعتي ⬅️ @YhyaNesb 🔥

هل تعلم أنه في عام 1971 📅 تمت أول عملية إحتيال بشكل إلكتروني في العالم 🌐 حيث قام طالب أمريكي 🇺🇸 (جوزيف ليونارد) بتزوير حوالة بنكي
ة بقيمة 220$ (قيمته اليوم تعادل 12,757$) ‼️
حسناً ما هي الطرق السليمة للحماية من هكذا عمليات من الاحتيال الإلكتروني 😅 والتي أصبحت جزء لا يتجزء من حياتنا 🥲
0️⃣-في العجلة الندامة 😶
1️⃣-اقراء بتروي أي رسالة تستلمها مرتين عندما يتعلق الأمر بالنقر على زر 📱 للدخول إلى رابط
2️⃣-لا تقم بتحميل أي ملف من مصدر غير موثوق ⚠️ الأمر جداً مهم مهما يكن الملف بسيط لا تقم بتحميله 😕 فقد يكون صديقك الإفتراضي الذي تعرفت عليه من يومين يريد أن يحذف جميع بيانات هاتفك من خلال تحميل تطبيق يعطيك شدات ببجي 🎀
3️⃣-جميعنا نعمل بشكل أو بأخر لنكسب المال 💵 فلا تعتقد أنّ شركة الألعاب المفضلة لديك تريد إهدائك مكافئة الموسم 🗣️ بشكل مجاني 💯 فقط إذا وضعت الإيميل الخاص بك 😈
4️⃣-لا تعطي كلمة السر للدعم الفني الذي يملك في الأساس صلاحية الوصول لحسابك بدون أن يطلبوا منك ذلك ‼️، (مرحباً نحن شركة فسبوك بدنا كلمة سر حسابك نحدثه)
5️⃣-لا تتصل لأي رقم تابع لجهة حكومية/تجارية على رقم عادي ⚠️ وفي حال كان ذلك فهو لا يحتاج سوا اسم الحساب فقط وتذكر أنّ لأي جهة حكومية وتجارية أرقام خاصة ✉️ (3-6 أرقام وليس 10 😒)
6️⃣-عند إستلامك لأي حوالة إلكترونية مجهولة المصدر لا تحزن على صاحبها فهي ليست من حقه ‼️ (ليس إحتيال لا تقلق 😅) لكن عند مراجعتك لمصدر الإشعار ستستنج أن الإشعار جاء من رقم لإستخدام شخصي 👤 (ليس من جهة البنك) وأيضاً ينطبق هذا الشيء على شركات الإتصالات 📞 (من قرابة السنة والنصف انتشرت هذه الشائع في سوريا 🇸🇾 فقامت شركة MTN بتخصيص رقم رباعي للإبلاغ عن هذه الفئة من المستخدمين)
7️⃣-مرحبا أنا محمد هذا رقمي الجديد؛ من الأساليب التي يتبعها البعض 👻 وهي إنتحال شخصية حقيقة لكن هي بالأصل وهمية لإستغلال الضحية بتنفيذ بعض الأمور التي سيعتبر الضحية أنها موجهة لمحمد (الشخص الوهمي)
8️⃣-لقد ربحت مليون دولار 🧨🤩 يمكنك إستلام مكافئتك الأن من خلال الإتصال بالرقم التالي 😁 ويمكنك الإتصال من خلال شركة الاتصال المتوفرة في بلدك 😍، بعد الإتصال وسماع موسيقى لمدة غير متناهية سيتوقف الإتصال بشكل تلقائي 🙃 لنفاذ رصيدك 😅
9️⃣-مرحباً يحيى، أنا محامي السيد خالد المليونير الذي توفى في الهند وقد أوصى بصافي ثروته التي تبلغ 300 الف $ لحضرتكم لوجود قرابة قديمة، سأقوم بتسليمك نصف المبلع وسأحصل على النصف الأخر من المبلغ كأجور أتعاب ........ هل يمكنك إرسال مبلغ 10 الف $ لدفع بعض الضرائب 🙂!؟
نعم إنها الطريقة الأكثر إنتشاراً استلمت أول رسالة بعام 2015 ولليوم هي مستمرة 😅
0️⃣1️⃣-مرحباً عزيزي لقد إنبهرنا في بعض أعمالك (تصميم/برمجة) ونود أن ننمي مهاراتك من خلال فرصة تدريب مجانية ل 3 أشهر معنا 😎 وبعدها ستبدء معنا بشكل فعلي بالعمل 👨‍💻، قد تظن أن حلم حياتك قد تحقق 😍 لكن إنهم يحتالون عليك ويكررون العملية مع غيرك في كل 3 أشهر ♻️ التدريب أو الفترة التجريبية تكون مدفوعة ⚠️ وعند البدء بالعمل بشكل فعلي يزداد الراتب بأقل أحواله ل 20% 📌
هذه الطرق ال 1️⃣1️⃣ الشائعة في عملية الإحتيال وبمجرد التفكير بأي عملية والتأكيد على الأفكار السابقة لن يستطيع شخص الاحتيال عليك 😅
هذا كل شيء لليوم 😁
للمزيد من هذه الشروحات يمكنك متابعتي ⬅️ @YhyaNesb 🔥

منشور من سلسة #CleanCode لمعرفة التفاصيل انقر هنا 🔗
الجزء الثالث في هذه القناة 3️⃣
تجنب رسم الخرائط الذهنية:
تشبه سابقتها أيضاً 😅 حيث يقصد منها أن تقوم بإنشاء اسم متغير مفهوم 👀 ولا تجعل قارئ الكود مجبراً على فهم ما يعنيه المتغير، الاسم الصريح 😶 أفضل من الضمني 🫥
بمعنى مختلف 👋 بدلاً من أن تعرف ما المقصود من المتغير من خلال البحث 🔍 ومعرفة القيم الذي يحويه ✉️ ستعرف ما المقصود منه أو إلى ما يشير من خلال اسمه 🚩:
الاستخدام السيء:

$l = ['Austin', 'New York', 'San Francisco'];

for ($i = 0; $i < count($l); $i++) {
    $li = $l[$i];
    doStuff();
    doSomeOtherStuff();
    // ...
    // أكواد كثيفة هنا وهناك
    // ...
    // بعد عدة أسطر ستنسى ماذا يعني متغير $li وخاصة لو كان المتغير موجود في ملف مختلف
    dispatch($li);
}

الاستخدام الجيد:

$locations = ['Austin', 'New York', 'San Francisco'];

foreach ($locations as $location) {
    doStuff();
    doSomeOtherStuff();
    // ...
    // ...
    // هل كلمة location التي تعني بالعربية موقع ستدل على شيء غير الموقع؟ لا داعي لفهم الكود من بدايته لمعرفة ماذا يحمل المتغير من قيم
    dispatch($location);
}

لا تقم بإضافة أي سياق غير ضروري:
في الأصناف Classes والكائنات Objects لا يوجد أي داعي لكتابة اسمه في المتغير ‼️
الاستخدام السيء:

class Car
{
    public $carMake;

    public $carModel;

    public $carColor;

    //...
}

الاستخدام الجيد:

class Car
{
    public $make;

    public $model;

    public $color;

    //...
}

الأن انتهينا من قسم المتغيرات 😀 الذي بدأنا به بأول جزء
المقارنة:
إستخدم المطابقات بدلاً من المقارانات:
أنت تعلم بأن 10 لا تساوي "10" 🙂 (int != string 🙂👍) لكن هل تعلم ℹ️ أن التطابق لا يشبه المساواة ‼️ إليك المثال التالي 🧑‍💻:
الاستخدام السيء:

$a = '42';
$b = 42;

if ($a == $b) {
    // الشرط سيتحقق لأنه سيتحول متغير $b إلى نص👎
}

الاستخدام الجيد:

$a = '42';
$b = 42;

if ($a === $b) {
    // الشرط لن يتحقق لأن لكل متغير نوع بيانات مختلف🙂
}

هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركته مع أصدقائك ☺️
للمزيد من هذه الشروحات يمكنك متابعتي ⬅️ @YhyaNesb 🔥 حيث أقوم بنشر كل يوم إثنين في الساعة 9 مساءً منشور من هذه السلسلة 😁 ويوم الخميس منشور تقني مختلف 😍

مرحباً، React 👩‍💻 هي مكتبة برمجية مفتوحة المصدر 🖥 لإنشاء تطبيقات الويب الديناميكية. تم إنشاؤها بواسطة Facebook (تعد نقطة قوة) 📒 في عام 2013 وهي واحدة من أكثر المكتبات شيوعًا لإنشاء واجهات المستخدم.
لنتكلم قليلاً عنها بشكل تقني وبشكل فني 👋:
تقنياً:
- تعد react مكتبة وليست إطار عمل ‼️ فهناك الكثير من المفاهيم الخاطئة بأنها إطار عمل ⚠️ لذلك لا يمكنك مقارنتها مع اطر عمل ثانية مثل Angular 🙃
- تستخدم لبناء واجهة المستخدم UI 🖥 بمعنى مختصة في التصميم 😬 لذلك ستجد الكثير والكثير من مكتبات JavaScript 👩‍💻 المدعومة في react 👩‍💻
- يمكنك بناء تطبيقات ويب 🌐 (تطبيق الويب يحتلف عن موقع الويب ⚠️ حيث التطبيق يتميز بأنه موقع ذات الصفحة الواحدة أي لست بحاجة لتحديث الصفحة في عملية التنقل بين الصفحات) وذلك من خلال مكتبة React Router 👩‍💻
فنياً:
- تقوم شركة ميتا (فيسبوك سابقاً) 📒 بدعم المكتبة بكل ما تملك من إمكانيات (ميزانية الشركة ككل 946,66 مليار $ 🙂)
- دعم كبير على المكتبة من المجتمع 😁 حيث في 2023 التقنيات واطر العمل الأكثر تفضيلاً للمبرمجين كان التريب ✨:
1️⃣-Node.js 👩‍💻 42.65%
2️⃣-React 👩‍💻 40.58%
3️⃣-jQuery 👩‍💻 21.98%
ملاحظة جانبية 👋:

هل تعلم أن 77.3% من المواقع التي صدرت في 2023 تعتمد على jQuery 👩‍💻 !؟

هل تريد تعلم React 👩‍💻!؟
يمكنك إتباع مسار freecodecamp بعد تعلم JavaScript 👩‍💻 ولا تنسا تعلم ES6

هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركته مع أصدقائك ☺️
للمزيد من هذه الشروحات يمكنك متابعتي ⬅️ @YhyaNesb 🔥 ☺️

منشور من سلسة #CleanCode لمعرفة التفاصيل انقر هنا 🔗
الجزء الرابع في هذه القناة 4️⃣ منشورنا اليوم سريع 😅🚀
استخدم عامل التحقق Null coalescing operator:
بدلاً من إنشاء شجرة ذهنية عبارة عن if elseif لتنفيذ شرط isset يمكنك إستخدم هذا المعامل الذي تمت إضافته في php7 👩‍💻 حيث يقوم بإعادة أول قيمة صحيحة 👋 وفي حال كانت القيمة null سيعود القيمة التي تليها ... 🙏
الاستخدام السيء:

if (isset($_GET['name'])) {
    $name = $_GET['name'];
} elseif (isset($_POST['name'])) {
    $name = $_POST['name'];
} else {
    $name = 'nobody';
}

الاستخدام الجيد:

$name = $_GET['name'] ?? $_POST['name'] ?? 'nobody';

هل تعلم أن نفس هذه المشكلة كنا نعاني منها 😓 عندما نود بجلب تفرعات الكائنات Objects لكن تم حلها في php8.0 😍
الاستخدام السيء: (والوحيد في PHP7)

$country =  null;

if ($session !== null) {
  $user = $session->user;

  if ($user !== null) {
    $address = $user->getAddress();
  
    if ($address !== null) {
      $country = $address->country;
    }
  }
}

الاستخدام الجيد:

$country = $session?->user?->getAddress()?->country;

الامر واضح جداً 😁
هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركته مع أصدقائك ☺️
مشنور قصير لعدة أسباب منها ضعف التفاعل 💔
للمزيد من هذه الشروحات يمكنك متابعتي ⬅️ @YhyaNesb 🔥

تحدي بسيط بلغة PHP 👩‍💻 قم بكتابة أكواد تقوم بإعطاء نفس نتيجة الكود التالي:

$numbers = array_map(fn($value) => $value ** 2,range(1,10));

هناك حوالي 5 طرق مختلفة 😉 لكن هذا الكود هو أبسط كود ويتبع معايير #CleanCode

هل الذكاء الاصطناعي مخيف!؟
هذا عنوان مقال كتبته من خلال الذكاء الإصطناعي نفسه 😅 ولتعرف الجواب يمكنك قراءة المقالة الذي أشرفت فقط على تصميم الصور والمحتوى من خلال المعطيات فقط ‼️ وأريدك أن تلاحظ كيف قام الذكاء الإصطناعي بمدح نفسه بشكل زائد 😅 حيث ذكر 3 مخاطر مقابل الكثر والكثير من الفوائد (اكتفيت بأول 4) 😐 وأريدك ملاحظة أن هذا الذكاء هو ذكاء كلاب (وهذا تصريح كبراء المسؤولين عن الذكاء الاصطناعي في شركة ميتا) ولذلك تذكر المقولة الشعبية في الشارع السوري 🇸🇾 (ماحدا بقول عن زيته عكر)
استمتع في التدوينة - مدة القراءة 4د ⏳- الرابط 🔗:
https://blogpost.yhyasyrian.com/post/is-artificial-intelligence-scary

هل سنودع Apache2 و PHP-FPM في سيرفرات PHP 👩‍💻
نعم فقد صدر frankenphp المكتوب بلغة GO 👩‍💻 في نهاية عام 2023 📅
من ميزاته ✨:
- يدعم HTTP/2 & HTTP/3 & HTTP
-HTTPS Automation:
إنشاء شهادة SSL وتجديدها عند إنتهائها
-Structured logging
قم بإحضار تنسيق وتفاصيل أكثر تحديدًا إلى سجلات تطبيقك.
-Zstandard and Gzip compression
يتم دعم تنسيقات الضغط الحديثة خارج الصندوق.
-Extensible
متوافق مع PHP 8.2+، ومعظم ملحقات PHP وجميع وحدات Caddy.
والمزيد

لم أعثر على أي إجابة بشكل كامل 😐 كنت أفكر بمكافئة أول شخص بدومين سنوي .com (لم اطرح ذلك في أثناء نشر المنشور ليكون الشخص الذي ينفذ التحدي مستحق فهو يسعى للتعلم وليس للمكافئة 🙃)
المهم هذه هي الحلول 😊
1️⃣-

$numbers = array_map(function($value) {
    return $value ** 2;
},range(1,10));

2️⃣-

function Squaring($value) {
    return $value ** 2;
}
$numbers = array_map('Squaring',range(1,10));
// Or
$numbers = array_map(Squaring(...),range(1,10));

3️⃣-

function Squaring($value) {
    return $value * $value;
}
$numbers = array_map(Squaring(...),range(1,10));

print_r($numbers);

4️⃣-

$numbers = [];
foreach (range(1,10) as $item){
     $numbers[] = $item ** 2;
    // or
    # $numbers[] = $item ** $item;
    // or
    # $number[] = Squaring($item);
}

5️⃣-

$numbers = range(1,10);
array_walk($numbers,function(&$number){
    $number = $number ** 2;
});

6️⃣-

function Squaring($value) {
    $result = 0;
    for ($i=1;$i<=$value;$i++)
        $result += $value;
    return $result;
}
$numbers = array_map(Squaring(...),range(1,10));

7️⃣-

$numbers = [];
for ($item=1;$item<=10;$item++){
    $numbers[] = $item ** 2;
    // or
    # $numbers[] = $item ** $item;
    // or
    # $number[] = Squaring($item);
}

مع العلم يمكن دمج الحالات السابقة مع بعضها كما فعلت مع بعضها 🙂
ويمكن إستخدام أنواع أخرى من أنواع ال Loop 😁، هذا التحدي ليس للإستعراض 👀 وإنما لعرض الطرق المختلفة لكتابة كود وأفضل طريقة لكتبته لجعل الكود أقصر ما يكون 😁 ومفهوم وذلك إعتماداً على قواعد #CleanCode
في حال اعجبت بمحتوى القناة لا تنسى مشاركتها ❤️
➖➖➖➖➖
للمزيد من المنشورات ♻️: تصفح قائمة المنشورات

مشاريع JavaScript 👩‍💻 يجب أن تلقي نظرة عليها 😁
لغة JavaScript من أشهر لغات البرمجة عالية المستوى 🔥 وأخر 10 سنين كانن تتربع على عرش لغات البرمجة من حيث أفضل لغات البرمجة 😉 ووقت بدك تشتغل بأي مجال بالبرمجة لح تلاقي هي اللغة بوجهك 😁 سواء مجالك كان
front-end / back-end / mobile / وقريباً لح تشوفها بمجال ال AI 🤖
طبعاً هي اللغة كثير ناس بتقول عنها صعبة 😅 لكن صدق إذا متعلم البرمجة بالطريقة الصحيحة بأي لغة برمجة لح تلاقيها سهله وبالعكس تتميز ب syntax ظريف ومتنوع 🤡
1️⃣-أفضل الممارسات مع Node.js (Node Best Practices)
تقنية node.js بتتيح الك تشتغل back-end بإستخدام لغة javascript 👩‍💻 وضروري تلتزم بأفضل الممارسات للتقنية يلي عم تستخدمها 😉 لعدة أسباب منها:
تخفف إستخدام موارد 💻 وتجعل مشروعك أخف ما يكون بالإستخدام وما يكون في بطء في حال وجود مستخدمين بشكل كبير 📈 والأهم تكون مبرمج لا يمكن الإستغناء عنك 😉
2️⃣-خوارزميات (JavaScript Algorithms)
الخوارزميات و هياكل البيانات صاروا بمشروع واحد 😍 ولجافا سكربت كمان 🔥 مع شرح لكل خوارزمية 😁
3️⃣-33 مفهوم يجب معرفته (33 JS Concepts)
يحوي المستودع على 33 مفهوم يجب على كل مبرمج جافا سكربت 👩‍💻 معرفتهم ويحوي على مراجع سواء مقالات أو فيديوهات لشرح كل مفهوم 😁
4️⃣-أنت لا تعرف JavaScript حتى الآن! (You Don't Know JS Yet)
المستودع هو عبارة عم مبادرة من المطور Kyle Simpson 👨‍💻 لشرح الآلية الأساسية للغة JavaScript
5️⃣-الكود النظيف (Clean Code JavaScript)
مفهوم Clean Code انتشر بالسنوات الماضية 🕐
هو مفهوم في تطوير البرمجيات 🤖 يشير إلى التنفيذ المنتظم والمنطقي والنظيف والشامل والقابل للتتبع للكود. الهدف من الكود النظيف هو تطوير البرمجيات بكفاءة وفعالية 🔥 وتصميم كود يمكن قراءته وتغييره وتطويره وصيانته بسهولة. للمتابعة انقر هنا 🔗
هذه أهم المشاريع يلي لقيتها تستحق نذكرها 😁 طبعاً في مشاريع ثانية بس ممكن تشوف المصدر وتشوفهم، (dev.to)
في حال اعجبت بمحتوى القناة لا تنسى مشاركتها ❤️
➖➖➖➖➖
للمزيد من المنشورات ♻️: تصفح قائمة المنشورات

مرحباً أنا أستخدم Kali Linux 👩‍💻
تابع حتى النهاية ♻️
نعم أنا أستخدم توزيعة Kali Linux 🙂 لعدة أسباب وأهمها:
وجدت الراحة في إستخدامها في عملية البرمجة، فمثلاً عند التثبيت أنا لست مضطر لتنزيل اغلب البرامج والحزم التي يجب أن أثبتها في Ubuntu 👩‍💻 مثل: php - apache2 - mysql - redis - docker - python - node.js والمزيد ...
لكن لست متأكداً بأن أتمسك بهذه التوزيعة 🤷‍♂️
حسناً نعود للموضع الرئيسي هل هو أمن ويتجسس على المستخدمين 🙂 !؟
نعم آمن فهو يخضع لرخصة جنو العمومية 😉 وهذه الرخصة لا تسمح بالتجسس على المستخدمين ‼️
حسنا الفيديو المذكور كيف يأكد ذلك 🧐
صفحة سياسة الخصوصية الخاصة بالموقع تخبرك بأن الموقع يحق له مشاركة معلوماتك مع وكالات حكومية، أي المعلومات الموجودة في الموقع الخاص بهم وليس في التوزيعة ‼️ فكيف تربط الموقع بالتوزيعة 🫤
الرجاء عند نشر المعلومة نشرها مع مراعة الآمانة العلمية 😬، المحتوى العربي يحوي بعض المعلومات القيمة 🔥 لكن رجاءً لا تكن سبب في تدهور هذا المحتوى لكسب بعض المتابعين ‼️

منشور من سلسة #CleanCode لمعرفة التفاصيل انقر هنا 🔗
الجزء الخامس في هذه القناة 5️⃣
سبندء بالنصائح الخاصة بالتوابع Functions 🛠
استخدم الوسائط الافتراضية بدلاً من الدوائر القصيرة أو الشرطية:
أي استخدم الوسائط Arguments مع تحديد نوعها والقيمة الإفتراضية لها 😉
الاستخدام السيء:

function createMicrobrewery($breweryName = 'Hipster Brew Co.'): void
{
    if (is_null($breweryName)) throw new \Exception('Uncaught TypeError must be of type string, null given');
    // ...
}

الاستخدام العادي:
هذا أفضل فأنت تتأكد بأن النتيجة لن تكون من نوع null أي فارغة 😶

function createMicrobrewery($name = null): void
{
    $breweryName = $name ?: 'Hipster Brew Co.';
    // ...
}

الاستخدام الجيد:
يمكنك إستخدام نوع بشكل صريح بحيث أنت لست مضطر للتأكد من القيمة null أم لا، فهي تتم بمجرد تصريح نوع الوسيط Arguments 😌، بالنسبة لي هذه الطريقة فادتني كثيراً في مراحل ال test 😁

function createMicrobrewery(string $breweryName = 'Hipster Brew Co.'): void
{
    // ...
}

قلل وسائط التابع:
أو وسيطات الدالة (2 أو أقل بشكل مثالي)، بمعنى أصح قلل الوسائط الخاصة بالتابع 😁 فكلما قلت سهل إستخدامه وفهمه وعملية التجريب test 🧑‍💻 وعند تكثيرها ستصبح عبء عليك
عدم إستخدام وسيط من أفضل الحالات، ولا بأس بإستخدام وسيطين أما ثلاث فيعد كحد أقصى ⚠️
الاستخدام السيء:

class Questionnaire
{
    public function __construct(
        string $firstname,
        string $lastname,
        string $patronymic,
        string $region,
        string $district,
        string $city,
        string $phone,
        string $email
    ) {
        // ...
    }
}

الاستخدام الجيد:
أستخدم طريقة الكتابة الجديدة في PHP8

class Name
{
    public function __construct(
        private string $firstname,
        private string $lastname,
        private string $patronymic
    ) {}

    // getters ...
}

class City
{

    public function __construct(
        private string $region,
        private string $district,
        private string $city
    ) {}

    // getters ...
}

class Contact
{
    public function __construct(
        private string $phone,
        private string $email
    ) {}

    // getters ...
}

class Questionnaire
{
    public function __construct(Name $name, City $city, Contact $contact)
    {
    }
}

هذا كل شيء لليوم 😁 في حال أعجبك هكذا نوع من المنشورات لا تنسا مشاركته مع أصدقائك ☺️
للمزيد من هذه الشروحات يمكنك متابعتي ⬅️ @YhyaNesb 🔥

تم الإستغناء عن bard ب gemini التابع لجوجل 🖥
يحوي ميزات جميلة، لكن أتمنى أن يكون أفضل من سابقه بالنتائج 💁🏻‍♂️