مرحباً، 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 التابع لجوجل 🖥
يحوي ميزات جميلة، لكن أتمنى أن يكون أفضل من سابقه بالنتائج 💁🏻‍♂️

مين منكم جربها مع ال Git؟ 😂 الحل السحري 🤣
#Git #برمجة #مطوري_برامج
شارك هذا المنشور مع أصدقائك المبرمجين! 👨‍💻

مرحباً 👋أعتذر عن عدم النشر في الأيام السابقة بسبب عدم التفرغ التام
سأعود للنشر قريباً بشكل مستمر ♻️ مع نشر معلومات تقنية لعدة فئات، وسأقوم بنشر بعض المنشورات التي تعجبني مع ذكر المصدر ©️ لدعم صاحب المحتوى الذي ينشر محتوى قيم 🔥
لا تنسا مشاركة القناة مع أصدقائك 😉
بعض العروض على متجر ستيم قد تهمك 🙄:
Red Dead Redemption 2 59,99€ 19,80€
Need for Speed™ Heat Deluxe Edition 69,99€ 3,49€
Need for Speed™ Most Wanted (2012) 19,99€ 2,99€
Call of Duty®: Modern Warfare® III 69,99€ 48,99€
Call of Duty®: Black Ops Cold War 59,99€ 19,79€
Battlefield™ 2042 59,99€ 11,99€
Buy Battlefield™ V Definitive Edition 49,99€ 3,99€
Portal 9,75€ 0,97€
Grand Theft Auto V: Premium Edition 39,98€ 14,98€
Buy Grand Theft Auto: The Trilogy – The Definitive Edition 59,99€ 29,99€

أهمية استخدام أداة Git 👩‍💻 في المشاريع البرمجية

تعد Git أداة تحكم في الإصدارات 🔢 موزعة مفتوحة المصدر، تُستخدم على نطاق واسع في المشاريع البرمجية 👩‍💻 لإدارة التغييرات وتتبعها. وإليك بعض أهم مزايا ✨ استخدامها:

1. إدارة التغييرات:
* تسمح Git 👩‍💻 بتتبع التغييرات التي يتم إجراؤها على ملفات المشروع بمرور الوقت.
* يمكنك بسهولة 😍 استرجاع الإصدارات السابقة من المشروع إذا لزم الأمر.
* يمكنك دمج التغييرات من فروع 🔥 مختلفة من المشروع.

2. العمل التعاوني:

* تسمح Git للمطورين 🧑‍💻 بالعمل على نفس المشروع في نفس الوقت دون حدوث تعارضات.
* يمكنك بسهولة مشاركة التغييرات مع المطورين الآخرين.
* يمكنك تتبع من قام بتغيير أي ملف 📁 ومتى تم تغييره.

3. كفاءة عالية:

*حيث تعد Git أداة سريعة 🔥 وفعالة للغاية.
* يمكنك استخدام Git لإدارة مشاريع كبيرة الحجم 💯 دون أي مشاكل.
* و Git أداة موثوقة للغاية، حيث يتم استخدامها من قبل ملايين المطورين 🧑‍💻 حول العالم.

4. سهولة الاستخدام:

* حيث Git 👩‍💻 أداة سهلة التعلم والاستخدام.
* هناك العديد من الموارد المتاحة عبر الإنترنت لمساعدتك على تعلم Git.
* هناك العديد من الأدوات الرسومية المتاحة لجعل استخدام Git أكثر سهولة.

5. مجانية ومفتوحة المصدر:

* تتميز Git بأنها أداة مجانية 🆓 ومفتوحة المصدر.
* يمكنك استخدام Git دون أي تكلفة.
* يمكنك المساهمة في تطوير Git من خلال المشاركة في مجتمع Git.

**في الختام، فإن استخدام Git 👩‍💻 في المشاريع البرمجية له العديد من المزايا. Git أداة قوية وفعالة يمكن أن تساعدك على تحسين كفاءة عملك 😬 وإدارة مشاريعك بشكل أفضل.

**إذا كنت لم تبدأ باستخدام Git، فإنني أوصي بشدة بتجربتها. ستجد أن Git أداة لا غنى عنها لأي مشروع برمجي.

#Git #تحكم_في_الإصدارات #أداة_برمجية #مشاريع_برمجية #مزايا_Git

تعبير من التعابير النمطية المفيدة Regular Expressions ✨
يمكنك التأكد من أن النص يحوي على محارف عربية

$pattern = "/\p{Arabic}/u";

منشور من سلسة #CleanCode لمعرفة التفاصيل انقر هنا 🔗
الجزء الخامس في هذه القناة 5️⃣
سنتابع بالنصائح الخاصة بالتوابع Functions 🛠
اسم التابع يجب أن يوضح مهمته:
بحيث لا يجبر أي مطور 🧑‍💻 على قراءة محتويات التابع لمعرفة مهمته عندما يكون الاسم غامض نواعاً ما
الاستخدام السيء:

class Email
{
    //...

    public function handle(): void
    {
        mail($this->to, $this->subject, $this->body);
    }
}

$message = new Email(...);
// ما المقصود بالتابع التالي!؟ وماذا يشير التابع الذي يدعى بـ: "يتعامل" في البريد الإلكتروني
$message->handle();

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

class Email
{
    //...

    public function send(): void
    {
        mail($this->to, $this->subject, $this->body);
    }
}

$message = new Email(...);
// التابع "إرسال" في البريد الإلكتروني سيشير لإرسال رسالة فقط دون الحاجة لقراءة الكود البرمجي المخصص له
$message->send();

استخدم التابع للقيام بوظيفة واحدة فقط:
دائماً اجعل لكل وظيفة تابعاً واحدً 🤖 وفي حال للوظيفة الواحدة عدة اجزاء للمهمة قسمهم على توابع متداخلة 😬 (بدل من تابع واحد function لا بأس بـ 5 توابع functions تسهل عملية التطوير 😉)، ويفضل أن تكون داخل class
يؤدي تقسيم الوظائف إلى إمكانية إعادة الاستخدام 👍 واختبار أسهل 🧑‍💻
الاستخدام السيء:

function parseBetterPHPAlternative(string $code): void
{
    $regexes = [
        // ...
    ];

    $statements = explode(' ', $code);
    $tokens = [];
    foreach ($regexes as $regex) {
        foreach ($statements as $statement) {
            // ...
        }
    }

    $ast = [];
    foreach ($tokens as $token) {
        // lex...
    }

    foreach ($ast as $node) {
        // parse...
    }
}

الاستخدام السيء أيضاً:

يعتبر الكاتب بأن التابع parseBetterPHPAlternative() مازال معقداً، لذلك تعتبر طريقة هذه الحل سيئة، برأي تعتبر مقبولة

function tokenize(string $code): array
{
    $regexes = [
        // ...
    ];

    $statements = explode(' ', $code);
    $tokens = [];
    foreach ($regexes as $regex) {
        foreach ($statements as $statement) {
            $tokens[] = /* ... */;
        }
    }

    return $tokens;
}

function lexer(array $tokens): array
{
    $ast = [];
    foreach ($tokens as $token) {
        $ast[] = /* ... */;
    }

    return $ast;
}

function parseBetterPHPAlternative(string $code): void
{
    $tokens = tokenize($code);
    $ast = lexer($tokens);
    foreach ($ast as $node) {
        // parse...
    }
}

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

الحل الأفضل إزالة تبعيات التابع parseBetterPHPAlternative()

class Tokenizer
{
    public function tokenize(string $code): array
    {
        $regexes = [
            // ...
        ];

        $statements = explode(' ', $code);
        $tokens = [];
        foreach ($regexes as $regex) {
            foreach ($statements as $statement) {
                $tokens[] = /* ... */;
            }
        }

        return $tokens;
    }
}

class Lexer
{
    public function lexify(array $tokens): array
    {
        $ast = [];
        foreach ($tokens as $token) {
            $ast[] = /* ... */;
        }

        return $ast;
    }
}

class BetterPHPAlternative
{
    public function __construct(private Tokenizer $tokenizer,private Lexer $lexer)
    {}

    public function parse(string $code): void
    {
        $tokens = $this->tokenizer->tokenize($code);
        $ast = $this->lexer->lexify($tokens);
        foreach ($ast as $node) {
            // parse...
        }
    }
}

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