freeCodeCamp.org in Arabic

كل يوم جمعة… تصلك أفضل الموارد بينما يضيعها الآخرون. مختارات عالية الجودة يتم اختيارها بعناية من قبل خبير التكنولوجيا كوينسي لارسون @ossia مباشرة إلى بريدك. ذكاء اصطناعي، برمجة، مشاريع حقيقية… كل ما تحتاجه لتتقدم، في مكان واحد. هذه ليست نشرة بريدية… هذه ترقية أسبوعية لمستواك. آلاف المطورين بدأوا بالفعل. هل ستكون واحدًا منهم في الجمعة؟ 👉 freecodecamp.org/email-sign-up #برمجة #تقنية #ذكاء_اصطناعي

العلاقة بين Atomic CSS والبرمجة الوظيفية (Functional Programming) قد يبدو الربط بين منهجية تنسيق المواقع (CSS) ونمط برمجى معقد كالبرمجة الوظيفية (FP) غريباً للوهلة الأولى، لكن المطور Ramazan Maksyutov يوضح في مقاله أن "Atomic CSS" — والذي كان يُعرف سابقاً بـ "Functional CSS" — هو في الواقع تجسيد عملي لمبادئ البرمجة الوظيفية في عالم التصميم. إليك كيف يلتقي العالمان من خلال ثلاثة مبادئ أساسية: 1. الدوال النقية (Pure Functions) vs نقاء الـ CSS في البرمجة، الدالة النقية هي التي تعطي نفس النتيجة دائماً لنفس المدخلات ولا تؤثر على ما حولها. في Atomic CSS: الـ Utility Class (مثل .Bgc-red) يعمل كدالة نقية. أينما وضعته، سيقوم بمهمة واحدة محددة (تغيير الخلفية للأحمر) دون أن يتأثر بمكانه في الصفحة أو يؤثر على عناصر أخرى بعيدة. عكس ذلك: استخدام محددات مثل div > p يجعل التنسيق "غير نقياً" لأنه يعتمد على سياق العنصر ومكانه، مما يجعله صعب التوقع عند نمو المشروع. 2. عدم التغيير (Immutability) مبدأ Immutability يعني أن البيانات لا تتغير بعد إنشائها، بل يتم إنشاء نسخة جديدة. في Atomic CSS: نحن لا نقوم بـ "تعديل" (Mutation) التنسيقات الموجودة. بدلاً من تغيير لون خلفية الكلاس الرئيسي .product-card عند اختيار العنصر، نقوم ببساطة بإضافة كلاس مستقل .Bgc-green. تظل الخصائص "غير متغيرة" ومستقلة، مما يمنع حدوث تضارب في التنسيقات (CSS Conflicts) التي تنتج عادة عن وراثة الأنماط أو تعديلها. 3. التركيب (Composition) في البرمجة الوظيفية، يتم بناء العمليات المعقدة عبر تركيب دوال بسيطة معاً. في Atomic CSS: بدلاً من كتابة كود CSS طويل ومعقد لعنصر واحد، نقوم بتركيب مجموعة من الـ Utilities البسيطة. مثال: للحصول على زر أحمر بحدود دائرية وهامش داخلي، نقوم بتركيب كلاسات: .P5 (الهامش) + .Bdrd5 (الحدود) + .Bgc-red (اللون). كل كلاس هو "ذرة" (Atom) تساهم في الشكل النهائي. الخلاصة إن تبني Atomic CSS (مثل Tailwind أو mlut) ليس مجرد "موضة" تقنية، بل هو توجه نحو القدرة على التوقع (Predictability) وسهولة الصيانة. تماماً كما تساعد البرمجة الوظيفية في تقليل الأخطاء البرمجية عبر تبسيط المنطق، يساعد Atomic CSS في تقليل "فوضى التنسيقات" عبر تحويل كل خاصية إلى وحدة بناء مستقلة ونقية. هل جربت استخدام إطارات عمل تعتمد هذا الأسلوب مثل Tailwind؟ ما كان أكبر تحدٍ واجهته في الانتقال من الـ CSS التقليدي؟ freecodecamp.org/news/atomic-an… #تطوير_الويب

برمجة "المود" (Vibe Coding): كيف توازن بين سرعة الذكاء الاصطناعي وجودة الأكواد؟ في مطلع عام 2025، انتشر مصطلح "Vibe Coding" الذي روّج له الباحث Andrej Karpathy، لوصف أسلوب جديد في البرمجة يعتمد كلياً على "إعطاء الأوامر باللغة الطبيعية" وترك المهمة الشاقة للذكاء الاصطناعي، بينما يركز المطور على الرؤية العامة للبرنامج. لكن السؤال الأهم: هل هذا الكود الناتج عن "المود" والدردشة جاهز فعلاً للنشر في بيئة العمل الحقيقية (Production)؟ في هذا المقال، يوضح Ankur Tyagi لماذا قد تكون برمجة المود فخاً تقنياً إذا لم تُدار بحذر، وكيف تحولها إلى مهارة احترافية. ما هي برمجة المود (Vibe Coding)؟ هي البرمجة عن طريق "الإحساس" أو التوجيه العام؛ حيث تصف ما تريد بلغة بسيطة لأدوات مثل Cursor أو GitHub Copilot، وتوافق على الكود الناتج دون الدخول في تفاصيل برمجية معقدة. إنها تجعل بناء النماذج الأولية أسرع من أي وقت مضى، لكنها تأتي بمخاطر أمنية وتقنية خفية. لماذا لا يُعتبر كود الذكاء الاصطناعي "جاهزاً للنشر" فوراً؟ فجوات السياق: الذكاء الاصطناعي يرى ما تريه إياه فقط، وقد يكرر منطقاً برمجياً موجوداً بالفعل أو يختار إعدادات تتعارض مع بنية نظامك الكلية. الأمن بالإغفال: نادراً ما يضيف الذكاء الاصطناعي طبقات التحقق من المدخلات (Input Validation) أو حدود معدل الاستخدام (Rate Limiting) تلقائياً ما لم تطلبها صراحة. غياب الأدلة: الكود قد "يعمل"، لكنه يفتقر للاختبارات (Tests) التي تثبت كفاءته في الحالات الحرجة (Edge Cases). قائمة التحقق (Checklist) لمراجعة كود الذكاء الاصطناعي: قبل أن توافق على أي كود ناتج عن "Vibe Coding"، تأكد من الآتي: تحديد الهدف: هل يخدم الكود المهمة المطلوبة فقط أم أضاف ميزات غير ضرورية؟ الأمان: تحقق من عدم وجود مفاتيح سرية (Secrets) في الكود وتأكد من تعقيم المدخلات. الأداء: ابحث عن حلقات التكرار غير الفعالة أو الاستعلامات الزائدة لقاعدة البيانات. التوافق: هل يتبع الكود نمط بناء المشروع (Architecture) المعمول به في فريقك؟ نصيحة للمطورين: لا تتنازل عن "التفكير النقدي" الفرق بين المطور الخبير والمبتدئ في عصر الذكاء الاصطناعي هو أن الخبير يوجه الأداة بناءً على أساسيات قوية: "استخدم قاعدة بيانات SQL، تجنب المشكلة الفلانية، اتبع المعايير القياسية". بينما يطلب المبتدئ: "ابنِ لي تطبيق تويتر ولا تخطئ". الذكاء الاصطناعي هو "مسرع" وليس بدلاً عن العقل البشري. استخدم أدوات مثل CodeRabbit أو Graphite لمراجعة الكود، لكن ابقِ الكلمة الأخيرة لك كإنسان مسؤول عن جودة البرمجيات. اقرأ الدليل الكامل لرفع مستوى برمجتك المدعومة بالذكاء الاصطناعي: freecodecamp.org/news/how-to-us…

تطور بنية ذاكرة NVIDIA Blackwell: القفزة التي أنهت قيود تشغيل النماذج الضخمة تواجه كل أجيال المعالجات الرسومية (GPU) نفس العائق الدائم: الذاكرة. فنماذج الذكاء الاصطناعي تنمو بسرعة تفوق سعة الذاكرة، مما يضطر المهندسين للجوء إلى إعدادات معقدة أو التضحية بدقة النماذج. تأتي بنية Blackwell من NVIDIA لتغير قواعد اللعبة، ليس فقط بزيادة حجم الذاكرة، بل بإعادة ابتكار كيفية هيكلتها والوصول إليها بالكامل. في هذا المقال، تستعرض "رشيدة أتنوكي" @Rassh_RAJ كيف أصبح تشغيل نموذج ضخم مثل Llama 3 70B أمراً يسيراً دون الحاجة لعمليات توازي معقدة أو ضغط مفرط للنموذج. أبرز ما ستكتشفه في هذا التحليل التقني: الفرق الجوهري بين Blackwell وسلفه Hopper في إدارة البيانات. هيكل شريحة GB200 Superchip وكيفية الربط بين المعالج المركزي (Grace CPU) والمعالج الرسومي. تحسينات الذاكرة من نوع HBM3e و LPDDR5X وتأثيرها على سرعة نقل البيانات وزمن الاستجابة. التسلسل الهرمي للذاكرة (Memory Hierarchy) وكيف يعوض كاش L2 صغر حجم الذاكرة المشتركة L1. مثال عملي: كيف يتدفق البيانات داخل النظام عند تشغيل نماذج لغوية ضخمة بكفاءة غير مسبوقة. إذا كنت مهتماً بالبنية التحتية للذكاء الاصطناعي وتريد فهم الهندسة الكامنة خلف أقوى مسرع في العالم، فهذا الدليل هو مرجعك الشامل. freecodecamp.org/news/the-evolu… #الحوسبة #البيانات_الضخمة #الذكاء_الاصطناعي

التحدي البرمجي اليومي : Closest Time Direction الهدف منه: تحديد الاتجاه الأسرع (للأمام أو للخلف) للانتقال من وقت إلى آخر ضمن نظام ساعة 24، مع مراعاة التفاف الوقت (wrap-around). نقاط تساعد على الحل بشكل منظم: تحويل الوقت إلى دقائق:حوّل "HH:MM" إلى عدد دقائق منذ 00:00 مثال: 02:30 → 150 دقيقة حساب الفرق للأمام (forward):إذا كان time2 >= time1 → الفرق = time2 - time1 إذا كان time2 < time1 → الفرق = (1440 - time1) + time2 حساب الفرق للخلف (backward):إذا كان time1 >= time2 → الفرق = time1 - time2 إذا كان time1 < time2 → الفرق = time1 + (1440 - time2) المقارنة النهائية:إذا forward < backward → "forward" إذا backward < forward → "backward" إذا متساويين → "equal" ثوابت مهمة:عدد دقائق اليوم = 1440 نصائح تنفيذ:استخدم دالة لتحويل الوقت إلى دقائق تأكد من التعامل مع الحالات الحدّية مثل:23:59 → 00:00 نفس الوقتين فكرة مختصرة: حوّل الزمن إلى أرقام → احسب المسافتين (أمام/خلف) → اختر الأصغر حمل التطبيق و ابدأ المشاركة في التحديات البرمجية #بايثون #جافا_سكريبت

من عامل نظافة في مستشفى إلى مطور برمجيات: قصة "إيميت نوتون" الملهمة [بودكاست #185] في هذه الحلقة المؤثرة من بودكاست freeCodeCamp، يستضيف كوينسي لارسون المطور إيميت نوتون، الذي أمضى سنوات في العمل كعامل نظافة في مستشفى بينما كان يتعلم البرمجة سراً في أوقات فراغه. إيميت ليس مجرد مطور ناجح اليوم، بل هو أيضاً مؤسس مجتمع Coder Dads الذي يدعم الآباء المبرمجين. أبرز محاور اللقاء: تحدي البدايات: كيف استطاع إيميت إعالة أسرته وتأمين احتياجاتهم الأساسية وهو في بداية طريقه التعليمي. المرونة النفسية: كيف استعاد توازنه بعد تعرضه للفصل من العمل مرتين في عام واحد، وكيف حول هذه الأزمات إلى فرص. التحول التقني: رحلته من مطور JavaScript متخصص إلى الانغماس في نظام PHP Laravel ليصبح مطور Full Stack متكاملاً. الصحة والأداء: كيف أدى علاج مشكلة "انقطاع التنفس أثناء النوم" (Sleep Apnea) إلى تحسن مذهل في قدرته على التفكير وكتابة الكود. التواصل الاجتماعي: نصائح حول كيفية استخدام وسائل التواصل الاجتماعي بفعالية لبناء شبكة علاقات مهنية، حتى لو كنت لا تحب استخدامها. لماذا تهمك هذه الحلقة؟ قصة إيميت هي تذكير بأن الظروف الصعبة لا تحدد مستقبلك، وأن الاستمرارية في التعلم الذاتي هي المفتاح الحقيقي لتغيير الواقع. إذا كنت تشعر بالإحباط أو تعتقد أن مسؤوليات العائلة تعيق تقدمك، فهذا اللقاء سيعطيك دفعة قوية من الأمل والخطوات العملية. "البرمجة ليست مجرد كتابة أكواد، بل هي وسيلة لتحسين جودة حياتك وحياة من تحب." استمع للقصة الكاملة عبر منصاتك المفضلة: freecodecamp.org/news/from-hosp… #بودكاست #تطوير_الذات #المسار_المهني

أطلقت منصة freeCodeCamp رسمياً شهادة "تصميم الويب المتجاوب" (Responsive Web Design) بحلتها الجديدة، والتي تتضمن مئات الساعات من الدروس التفاعلية والمشاريع، ولأول مرة: امتحان نهائي موثق ومجاني بالكامل. ما الجديد في هذه الشهادة؟ تعتمد الشهادة نظاماً تعليمياً متكاملاً يضمن إتقانك للمهارات قبل الانتقال لما يليها: الدروس (Lessons): شرح نظري وتطبيقي مع محرر أكواد تفاعلي لرؤية النتائج مباشرة. ورش العمل (Workshops): بناء مشاريع خطوة بخطوة لترسيخ المفاهيم. المختبرات (Labs): تحديات لبناء مشاريع بشكل مستقل بناءً على "قصص المستخدم" (User Stories). الاختبارات القصيرة (Quizzes): لتقييم فهمك لكل وحدة تعليمية. كيف تحصل على الشهادة الموثقة؟ للتأهل للامتحان النهائي، يجب عليك أولاً إنجاز 5 مشاريع برمجية أساسية. بعد ذلك، يمكنك خوض الامتحان المكون من 50 سؤالاً عبر بيئة امتحان خاصة (Open Source Exam Environment) يتم تحميلها على جهاز الكمبيوتر لضمان الخصوصية ومنع الغش. أهم الأسئلة الشائعة حول النظام الجديد: هل هي مجانية؟ نعم، ستبقى freeCodeCamp وشهاداتها مجانية للأبد. نظام الامتحان: الامتحان "كتاب مغلق" (Closed Book)، يُمنع فيه استخدام الملاحظات أو الذكاء الاصطناعي. في حال الرسوب: يمكنك إعادة المحاولة مرة واحدة كل أسبوع (فترة تهدئة لمدة 168 ساعة) لمنحك وقتاً للدراسة. الشهادات القديمة: إذا كنت تمتلك الشهادة القديمة (Legacy)، فهي لا تزال صالحة، ولكن يُنصح بالنسخة الجديدة لما فيها من تحديثات تقنية ونظرية. نصيحة للمبرمجين: تعد هذه الشهادة إضافة قوية لسيرتك الذاتية أو حسابك على LinkedIn، حيث تغطي مفاهيم أساسية مثل CSS Flexbox، وCSS Grid، ومعايير الوصول (Accessibility)، والتصميم المتجاوب الذي لا غنى عنه في سوق العمل اليوم. ابدأ رحلتك التعليمية الآن عبر الرابط: freecodecamp.org/news/freecodec… #تطوير_ويب #شهادات_مهنية #شهادات_احترافية

لا يوجد أي نُبل في أن تكون أفضل من الآخرين؛ النُّبل الحقيقي هو أن تكون أفضل من مستواك السابق. Ernest Hemingway هذه الجملة تختصر رحلة التطور بالكامل. المعيار الحقيقي ليس المقارنة مع الآخرين، لأن كل شخص يسير في طريق مختلف، بظروف مختلفة، وبسرعة مختلفة. المقارنة التي تستحق أن تُخاض هي مع نفسك فقط: هل أنت اليوم أقوى، أعمق، وأكثر وعيًا من الأمس؟ التقدم الحقيقي لا يُقاس بالقفزات الكبيرة، بل بالتحسين المستمر. عادة صغيرة تطورها، فكرة تصححها، مهارة تتقنها — هذه هي الانتصارات التي تبني الفرق الحقيقي على المدى الطويل. إذا ركّزت على أن تصبح نسخة أفضل من نفسك كل يوم، ستتفوق تلقائيًا دون أن تطارد أحدًا. ستصنع مسارك الخاص بدل أن تستهلك طاقتك في مقارنة لا تنتهي. اسأل نفسك اليوم: ماذا يمكنني أن أفعل الآن لأكون أفضل مما كنت عليه بالأمس؟ ابدأ من هناك. هذا هو الطريق الحقيقي للنُّبل. #حكمة #تطوير_الذات

أول وظيفة برمجة في سن الـ 45: قصة نجاح ملهمة مع "إريك كارلسون" [بودكاست #194] هل فات الأوان لتعلم البرمجة؟ يثبت "إريك كارلسون" أن العمر مجرد رقم في عالم التكنولوجيا. في هذا اللقاء مع "بو كارنز"، يحكي إريك رحلته المذهلة من العمل كمدير لمحل بيتزا في شبابه، ثم مدرساً لمدة عقدين، وصولاً إلى عمله الحالي كمهندس برمجيات في شركة Cisco. محطات ملهمة من رحلة إريك: تغيير المسار في منتصف العمر: كيف نجح في الحصول على أول وظيفة تطوير برمجيات في سن الـ 45 بعد تعلم ذاتي مكثف عبر freeCodeCamp. التطور التقني: لم يتوقف عند واجهات المستخدم، بل تعمق في العمل على الأنظمة الخلفية (Back-end) وصولاً إلى عالم الـ DevOps. نصائح إريك للنجاح في التعلم الذاتي: الموازنة العائلية: كيف تتعلم البرمجة بفعالية أثناء تربية أطفال صغار. بناء القدرة الذهنية: طرق زيادة التركيز والقدرة على البرمجة لساعات طويلة في جلسة واحدة. التعلم "عند الحاجة" (Just-in-Time Learning): كيف تتجنب تشتيت نفسك بأدوات وتقنيات لا تحتاجها حالياً (متلازمة الأشياء اللامعة). قوة التدوين: كيفية ترسيخ المعلومات عبر كتابة ملاحظات تفصيلية عن كل شيء تتعلمه. أخبار ومصادر تقنية جديدة: بناء خوادم MCP باستخدام Python: تعلم بروتوكول (Model Context Protocol) الذي يمثل جسراً بين وكلاء الذكاء الاصطناعي وبيانات موقعك. شهادة جوجل في الذكاء الاصطناعي التوليدي: دورة مكثفة تساعدك على اجتياز امتحان (Generative AI Leader) وفهم عروض جوجل السحابية للأعمال. أساسيات تعلم الآلة بلغة C++: ابدأ ببناء نظام (Perceptron) قادر على التعرف على الأشكال وتصنيفها برمجياً. اختبار الأمان باستخدام Strix: تعرف على هذا الوكيل الذكي (Open Source) الذي يعمل كـ "مخترق أخلاقي" لفحص ثغرات تطبيقك. قصة إريك كارلسون هي تذكير قوي بأن الشغف والمنهجية الصحيحة في التعلم يمكن أن يفتحا أبواباً جديدة في أي مرحلة من مراحل الحياة. استمع للقصة الكاملة واطلع على المصادر من هنا: freecodecamp.org/news/first-dev… #بودكاست #تطوير_الذات

وفر ميزانيتك: 460 كتاباً دراسياً مجانياً لطلاب المدارس والجامعات [PDF] تعد تكاليف الكتب الدراسية من أكبر التحديات المالية التي تواجه الطلاب، ولكن بفضل مبادرات المحتوى المفتوح، أصبح الوصول إلى المعرفة متاحاً للجميع. في هذا الدليل، تستعرض Jessica Wilkins قائمة ضخمة تضم 460 كتاباً دراسياً مجانياً ومنظماً حسب التخصص. ماذا تضم هذه المكتبة الرقمية؟ تم تقسيم الكتب إلى فئتين رئيسيتين لتسهيل عملية البحث: 1. كتب المرحلة الثانوية (High School): الرياضيات: تشمل الإحصاء المتقدم والرياضيات العامة. العلوم الطبيعية: مجموعات متكاملة لفيزياء ونيوكليوتيدات الأحياء لطلاب الـ AP. الاقتصاد: مبادئ الاقتصاد الكلي والجزئي المخصصة للمناهج المتقدمة. الروايات الكلاسيكية: مجموعة من الأدب العالمي المطلوب في المناهج الدراسية. 2. كتب المرحلة الجامعية (College): علوم الحاسوب والهندسة: من البرمجة إلى التصميم الهندسي. الطب والعلوم الطبيعية: مراجع شاملة في الأحياء، الفيزياء، والطب. العلوم الإنسانية والاجتماعية: كتب في علم الاجتماع، الفلسفة، والتاريخ. الأعمال والقانون: تغطي الإدارة، المحاسبة، والأنظمة القانونية. الإعلام والاتصال: مراجع في الصحافة وأدوات التواصل الحديثة. لماذا تبرز هذه القائمة؟ التنظيم: يمكنك الانتقال مباشرة للتخصص الذي يهمك عبر روابط سريعة. التوافق: العديد من هذه الكتب تتبع معايير الـ AP ومناهج الجامعات المرموقة. سهولة الوصول: جميع الكتب متاحة بصيغة PDF للتحميل المباشر أو القراءة عبر الإنترنت. توقف عن القلق بشأن أسعار الكتب المبالغ فيها، وابدأ ببناء مكتبتك الأكاديمية الخاصة الآن مجاناً. تصفح القائمة الكاملة وحمل كتبك من هنا: freecodecamp.org/news/free-text… #كتب #جامعات

كيف تجعل مدونتك مصدراً موثوقاً للذكاء الاصطناعي؟ بناء "Knowledge Graph" تلقائي باستخدام PHP في عصر محركات البحث المدعومة بالذكاء الاصطناعي مثل Perplexity وChatGPT، لم يعد كافياً أن تظهر في نتائج البحث كـ "رابط". التحدي الحقيقي الآن هو أن يفهم الذكاء الاصطناعي العلاقات بين مقالاتك ومواضيعك ليتمكن من تلخيصها والاستشهاد بها كمصدر موثوق. هنا يأتي دور JSON-LD والـ Knowledge Graphs. في هذا الدليل، يشرح المطور Shinobis كيفية بناء وظيفة (Function) واحدة بلغة PHP تقوم بتوليد "رسم بياني للمعرفة" لكل مقال تنشره، مما يربط كياناتك البرمجية ببعضها بشكل يفهمه جوجل ونماذج اللغة الضخمة (LLMs). لماذا هذا المقال ضروري الآن؟ ما وراء الـ SEO التقليدي: الذكاء الاصطناعي لا يقرأ الكلمات فقط، بل يبحث عن "البيانات المهيكلة" لفهم السياق. الأتمتة الكاملة: ستتعلم كيف تجعل موقعك يكتشف المواضيع (Topics) ويرسم العلاقات بين المقالات تلقائياً دون الحاجة لإضافات ثقيلة أو تدخل يدوي. خريطة الطريق التقنية (PHP & Schema.org): تعريف المساعدين (Entity Helpers): بناء دوال برمجية بسيطة لتعريف الكيانات (مثل المؤلف، المنظمة، أو الموضوع). هيكلة BlogPosting: تحويل المقال العادي إلى "كيان برمجى" يحتوي على تاريخ النشر، الكلمات المفتاحية، والروابط. ربط المقالات ببعضها: تعلم كيف تخبر المحركات أن "المقال أ" هو جزء من "سلسلة ب" أو مرتبط بـ "الموضوع ج". دعم اللغات المتعددة: ربط النسخ المترجمة من مقالاتك لضمان فهم شامل للمحتوى عبر لغات مختلفة. تجميع الرسم البياني (The Graph): دمج كل هذه البيانات في مصفوفة PHP واحدة يتم تحويلها إلى كود JSON-LD نظيف في ترويسة الصفحة (Header). ماذا ستجني بعد تنفيذ هذا البرنامج؟ ستتحول مدونتك من مجرد نصوص مبعثرة إلى قاعدة معرفية مترابطة. سيسهل هذا على نماذج الذكاء الاصطناعي تحليل موقعك بشكل أسرع وأدق، مما يرفع من احتمالية ظهورك كإجابة مباشرة لاستفسارات المستخدمين. سواء كنت تدير مدونة برمجية أو موقع محتوى تقني، فإن هذا الدليل سيعطيك الأفضلية في "سباق التسلح التقني" لعصر الذكاء الاصطناعي. ابدأ ببناء Knowledge Graph لموقعك الآن: freecodecamp.org/news/build-aut… #الذكاء_الاصطناعي #مدونة

معالجة Stripe Webhooks باحترافية: كيف تتجنب انهيار نظام المدفوعات خلف الكواليس؟ لقد قمت بإعداد Stripe، وعملية الدفع تعمل بنجاح.. ولكن ماذا يحدث بعد أن يدفع العميل؟ هنا تكمن المشكلة الأكبر؛ فمعالجة الـ Webhooks هي النقطة التي تنهار عندها معظم أنظمة الدفع بصمت. تخيل أن خادمك تعطل أثناء منح الوصول للعميل، أو أن خدمة البريد الإلكتروني توقفت لحظة إرسال التأكيد. سيقوم Stripe بإعادة محاولة إرسال الـ Webhook بالكامل، مما قد يؤدي لإرسال بريد ثانٍ للعميل دون منحه حق الوصول فعلياً! في هذا المقال، يشرح Magnus Rødseth كيفية بناء نظام معالجة "متين" (Durable) ينجو من الإخفاقات عبر تقسيم منطق ما بعد الدفع إلى خطوات مستقلة قابلة لإعادة المحاولة. ما الذي ستتعلمه في هذا الدليل؟ لماذا تفشل أنظمة الـ Webhook التقليدية؟ فهم مخاطر المعالجة الخطية (Inline Handling) وكيف تؤدي لنتائج غير متسقة. نمط "الاستلام ثم الإدراج" (Receive & Enqueue): القاعدة الذهبية؛ الـ Webhook يستقبل البيانات، يتحقق من صحتها، ويضعها في طابور مهام خلفي (Background Job) فقط.. ولا يفعل شيئاً أكثر من ذلك! بناء تدفق شراء متين: تقسيم العملية إلى خطوات (Checkpointing) بحيث إذا فشلت خطوة "إرسال البريد"، لا تضطر لإعادة خطوة "تحديث قاعدة البيانات". الأدوات والمتطلبات التقنية: بيئة العمل: Node.js و TypeScript مع قاعدة بيانات PostgreSQL. المكتبات الأساسية: استخدام Inngest لإدارة المهام المتينة، و Drizzle ORM للتعامل مع البيانات. الاختبار المحلي: كيفية استخدام Stripe CLI لمحاكاة وصول الـ Webhooks واختبار استجابة نظامك قبل النشر. حالات متقدمة يغطيها المقال: كيفية التعامل مع عمليات استرداد الأموال (Refunds) بنفس النمط المتين. استعادة عمليات الدفع المهجورة (Abandoned Checkouts) لزيادة معدل التحويل. لا تترك نظام مدفوعاتك للصدفة؛ تعلم كيف تجعله مضاداً للرصاص وقادراً على التعافي من الأخطاء تلقائياً. اقرأ الدليل التقني الكامل وابدأ بتأمين مدفوعاتك: freecodecamp.org/news/stripe-we… #سترايب #أتمتة_الأعمال #بوابة_الدفع

قصة ملهمة: من قطاع البناء والجيش إلى "محامي مطورين" في GitHub [بودكاست #199] في هذه الحلقة الجديدة، يستضيف "كوينسي لارسون" المبرمج أندريا جريفيث (Andrea Griffiths)، التي تمثل نموذجاً حياً للإصرار وتغيير المسار المهني. انتقلت أندريا من كولومبيا إلى أمريكا وهي في السابعة عشرة، انضمت للجيش، أدارت صالات رياضية، وعملت في البناء، حتى علّمت نفسها البرمجة عبر freeCodeCamp لتصل اليوم إلى منصب Developer Advocate في GitHub. أبرز محاور النقاش: نصائح للآباء والأمهات: كيف تتعلم مهارات جديدة وسط جدول يومي مزدحم؟ الذكاء الاصطناعي ليس بديلاً: لماذا لا تغني أدوات الذكاء الاصطناعي عن التفكير النقدي ومهارات حل المشكلات الشخصية؟ فخ التشتت: لماذا يشعر الناس اليوم بصعوبة أكبر في الجلوس والتركيز على التعلم رغم وفرة المصادر المجانية؟ رحلة الصعود: كيف تحولت من دور "الدعم الفني" إلى مديرة منتج ثم إلى وجه تقني عالمي في GitHub. أخبار ومصادر تقنية جديدة من مجتمعنا: دورة الـ Backend للمبتدئين: تعلم بناء الخوادم والـ APIs باستخدام Node.js وExpress وMongoDB (نفس الأدوات التي بُني بها موقعنا). (ساعتان) اصنع عالمك ثلاثي الأبعاد: دورة شاملة تجمع بين Blender وThree.js لبناء "بورتفوليو" ثلاثي الأبعاد لغرفتك ونشره على الويب. (9 ساعات) دليل Docker مع Node.js: كتاب شامل لتعلم كيفية استخدام الحاويات (Containers) والصور (Images) لتنظيم بيئات العمل الخاصة بك. كتابة كود نظيف (Clean Code): تعلم كيفية رصد "روائح الكود" (Code Smells) وتحسين جودة مشاريع JavaScript آلياً باستخدام ESLint وPrettier. مفاجأة سارة لمحبي ألعاب الـ Retro:أعلنت مايكروسوفت عن جعل الأكواد المصدرية لألعاب المغامرات النصية الكلاسيكية Zork I, II, III مفتوحة المصدر (Open Source) برخصة MIT، وهي متاحة الآن على GitHub لمن يرغب في دراستها. هذه الحلقة ليست مجرد حديث عن البرمجة، بل هي درس في كيفية استغلال الفرص والتعلم المستمر في عصر التشتت الرقمي. شاهد الحلقة الكاملة واطلع على المصادر التعليمية من هنا: freecodecamp.org/news/tips-from… #بودكاست #تطوير_الذات #المسار_المهني

دمج ملفات PDF مباشرة في المتصفح باستخدام JavaScript: دليل خطوة بخطوة يُعد التعامل مع ملفات PDF مهارة لا غنى عنها لكل مطور. سواء كنت تحتاج لدمج تقارير، فواتير، أو مستندات شخصية، فإن معظم الحلول التقليدية تتطلب رفع الملفات إلى خادم (Server) أو تثبيت برامج معقدة، مما قد يثير مخاوف تتعلق بالخصوصية والسرعة. في هذا الدليل العملي، يشرح المطور Bhavin Sheth كيفية بناء أداة لدمج ملفات PDF تعمل بالكامل داخل المتصفح (Client-side)، مما يضمن أمان البيانات وسرعة المعالجة. ما الذي ستقوم ببنائه في هذا الدرس؟ بنهاية هذا البرنامج التعليمي، ستكون قد صممت أداة متكاملة تتيح للمستخدمين: رفع الملفات: واجهة بسيطة لاختيار عدة ملفات PDF. المعاينة (Preview): عرض مصغرات للملفات قبل دمجها. إعادة الترتيب: استخدام خاصية السحب والإفلات (Drag-and-Drop) لترتيب المستندات. اختيار صفحات محددة: ميزة متقدمة لدمج صفحات معينة فقط من كل ملف. التحميل الفوري: إنشاء الملف المدمج وتحميله مباشرة دون الحاجة لـ Backend. خريطة الطريق التقنية: المكتبة المستخدمة: التعرف على مكتبة pdf-lib، وهي المحرك القوي الذي يسمح بإنشاء وتعديل مستندات PDF باستخدام JavaScript فقط. هيكلة المشروع: إعداد واجهة الرفع (Upload Interface) والتعامل مع مصفوفات البيانات (Arrays) الخاصة بالملفات. إدارة الحالة (State Management): كيف تضمن ترتيب الملفات بشكل صحيح قبل عملية الدمج النهائية. تحسين تجربة المستخدم (UX): إضافة مؤشرات التحميل ومعالجة الأخطاء الشائعة (مثل الملفات المحمية بكلمة مرور). لماذا تبرز هذه الطريقة؟ يكمن السر في الكفاءة والخصوصية؛ فبدلاً من إرسال مستندات حساسة عبر الإنترنت، تتم كل العمليات الحسابية والدمج داخل ذاكرة المتصفح الخاصة بالمستخدم، مما يجعلها الأداة المثالية لتطبيقات الويب الحديثة. ابدأ ببناء أداتك الخاصة لدمج الملفات الآن: freecodecamp.org/news/merge-pdf… #برمجة #جافا_سكريبت

كيف تصلح فشل الـ Pull Request؟ دليل عملي لتصحيح أخطاء الـ CI والـ Lint والـ Build بينما تشرح الكثير من الأدلة كيفية إعداد خطوط إنتاج البرمجيات (CI pipelines)، يفتقر المحتوى العربي والأجنبي لشرح كيفية تصحيحها عندما تنهار الأمور فجأة. يعد هذا الموقف من أكثر التجارب إحباطاً للمطورين، خاصة عند المساهمة في المشاريع مفتوحة المصدر؛ فبمجرد إرسال تغيير بسيط، تظهر قائمة من الإخفاقات: أخطاء في الـ Lint، مشاكل في ملفات YAML، وفشل في الـ Build، حتى في أجزاء من الكود لم تقم بتعديلها! في هذا المقال، يشرح qacheampong منهجية خطوة بخطوة للتعامل مع هذه "الانهيارات المتتالية" وفهم كيفية تحقق أنظمة الـ CI من صحة تغييراتك. سير العمل المقترح لتصحيح الأخطاء: الخطوة 1: معالجة أذونات الوصول: التأكد من أن الفشل ليس بسبب مشاكل في المصادقة أو الصلاحيات قبل الغوص في الكود. الخطوة 2: تشغيل الـ Lint محلياً: توقف عن "التخمين" عبر دفع الكود لـ GitHub كل مرة؛ تعلم كيف تشغل أدوات الفحص على جهازك لتوفير الوقت. الخطوة 3: أخطاء الـ Markdown و YAML: حل المشاكل الشائعة في توثيق المشاريع، خاصة تلك المتعلقة بتنسيق النصوص داخل كتل الكود. الخطوة 4: التعامل مع الفشل المتسلسل: فهم لماذا قد يؤدي خطأ بسيط في البداية إلى تعطل مراحل النشر (Deployment) اللاحقة. الخطوة 5: مهارات Git المتقدمة أثناء التصحيح: كيفية دمج التعديلات وتعديل الـ Commits دون إفساد تاريخ المشروع. لماذا يجب أن تقرأ هذا المقال؟ الهدف ليس مجرد "إصلاح PR واحد"، بل اكتساب عقلية التحري (Debugging Mindset). ستتعلم كيف تقرأ سجلات الأخطاء (Logs) الطويلة، وكيف تميز بين الأخطاء التي تسببت بها أنت والأخطاء "العارضة" في بيئة الـ CI. سواء كنت تعمل على مشروع برمجيات ضخم أو تساهم في توثيق تقني، فإن هذا الدليل هو سلاحك السري لتجاوز علامة "X" الحمراء على GitHub. تعلم فن تصحيح الـ CI من هنا: freecodecamp.org/news/how-to-fi… #مهارات #جت_هب

@freeCodeCampAR رحلة ملهمة حقًا، نجاح بيجي وانغ يثبت أن التعلم الذاتي والعزيمة يمكن أن يقودا إلى أعلى المناصب التقنية.

رحلتك في البرمجة لا يجب أن تكون وحيدًا… تخيل أنك عالق في مشكلة برمجية لساعات… ثم تدخل مجتمع فيه آلاف المبرمجين… تسأل سؤالًا بسيطًا… وخلال دقائق تجد الحل هذا بالضبط ما يقدمه لك ديسكورد freeCodeCamp. هنا لن تتعلم فقط… بل ستعيش التجربة: ناس تشبهك تبدأ من الصفر ناس وصلت لمستوى احترافي وتساعدك جلسات دراسة، تحديات، دعم يومي هذا ليس مجرد سيرفر… إنه بيئة تصنع منك مبرمجًا حقيقيًا كل يوم تتأخر فيه… هناك شخص آخر يتقدم خطوة للأمام القرار بسيط: إما أن تتعلم وحدك ببطء… أو تنضم لمجتمع يدفعك للأمام بسرعة ابدأ الآن. لا تنتظر. discord.com/servers/freeco… #تطوير_الذات #برمجة

ماذا تعلمت من كتابي "المبرمج البراغماتي" و"المبرمج النظيف"؟ بعد قراءة نسختي الذكرى العشرين لكتاب The Pragmatic Programmer وكتاب The Clean Coder، يشاركنا "Ramón Morcillo" استنتاجاته حول هذه الكتب التي تتصدر دائماً قوائم الأفضل في تطوير البرمجيات. يرى الكاتب أن هناك مرحلة في حياة المطور لا تكفي فيها فيديوهات يوتيوب أو إجابات StackOverflow، بل يحتاج فيها للغوص في أمهات الكتب لفهم "فلسفة" المهنة وليس فقط "تقنياتها". أبرز الدروس المستفادة من الكتابين: تحمل المسؤولية: التوقف عن تقديم الأعذار وامتلاك الشجاعة للاعتراف بالخطأ البرمجي وإصلاحه. أهمية الاختبار (Testing): الكود الذي لا يمكن اختباره هو كود سيء التصميم؛ الاختبار ليس رفاهية بل ضرورة. فن التقدير (Estimation): كيف تقدم مواعيد نهائية واقعية (Deadlines) بدلاً من الوعود التي لا يمكن الوفاء بها. التطوير بأسلوب "الرصاصة الكاشفة" (Tracer Bullets): بناء نسخة أولية وظيفية لاختبار المسار الكامل للنظام بدلاً من الغرق في التفاصيل مبكراً. التعامل مع الضغوط: متى يجب أن تقول "لا" لمديرك أو للعميل لحماية جودة المنتج. إعادة الهيكلة (Refactoring): تنظيف الكود وتحسينه عملية مستمرة وليست حدثاً يتم مرة واحدة. الفرق الجوهري بين الكتابين:بينما يركز The Pragmatic Programmer على الأدوات والتقنيات والعملية البرمجية، يركز The Clean Coder بشكل أكبر على الاحترافية والسلوك وكيفية تعامل المبرمج كشخص محترف داخل الفريق. هذا المقال هو دعوة لكل مطور للانتقال من مرحلة "كاتب كود" إلى مرحلة "مهندس برمجيات محترف" يمتلك رؤية شاملة وتأثيراً حقيقياً. تفضل بقراءة الملخص الكامل من هنا: freecodecamp.org/news/lessons-l… #كتب #برمجة

إيفان يو (Evan You): من طالب فنون إلى أسطورة في عالم المصادر المفتوحة في هذه الحلقة الاستثنائية، يستضيف "بو كارنز" المبرمج الشهير إيفان يو، مبتكر مكتبة Vue.js وأداة Vite التي غيرت مفهوم سرعة تطوير المواقع. إيفان، المبرمج الذي علم نفسه بنفسه، يشارك رحلته الملهمة من دراسة الفنون إلى قيادة أهم مشاريع الويب في العالم. أبرز ما جاء في اللقاء: أسرار المصادر المفتوحة: نصائح عملية حول كيفية الانخراط في المشاريع المفتوحة، وكيفية جذب الممولين والرعاة لدعم مشروعك. الذكاء الاصطناعي كمساعد للتفكير: كيف يستخدم إيفان الذكاء الاصطناعي لتطوير أفكاره ومنطقه البرمجي، وليس فقط لكتابة الأكواد. مشاريعه الجديدة: الحديث عن مشروعه الأحدث Void 0 ورأيه في مشهد البرمجيات المفتوحة في الصين. وثائقي Vite: إلقاء الضوء على الفيلم الوثائقي الجديد الذي يحكي قصة نجاح أداة Vite. أخبار وتقنيات من مجتمع freeCodeCamp: دورة الـ Full Stack الشاملة: دورة ضخمة (47 ساعة) تغطي كل شيء من HTML وCSS حتى Node وSQL وTypeScript لتصبح مطوراً متكاملاً. بناء تطبيق أفلام بلغة Go: تعلم لغة Go السريعة وابنِ تطبيقاً لبث الأفلام مع دمج OpenAI لتقديم ترشيحات ذكية للمستخدمين. حل عقدة الـ CORS: دليل عملي لفهم أخطاء "Cross-Origin Resource Sharing" المزعجة وكيفية معالجتها برمجياً. تبسيط مصطلحات الذكاء الاصطناعي: مقال يفكك الرموز بين "التعلم العميق"، و"تعلم الآلة"، و"الذكاء الاصطناعي التوليدي" بلغة بسيطة. رحلة إيفان يو تثبت أن الخلفية الدراسية ليست عائقاً أمام الإبداع التقني، وأن الإصرار والتعلم الذاتي هما مفتاح الوصول للعالمية. تابع اللقاء وتعرف على المصادر التعليمية الجديدة من هنا: freecodecamp.org/news/evan-you-… #تغيير_المسار_المهني #برمجة

@freeCodeCampAR ما شاء الله على الرحلة الملهمة

الورقة العلمية GPT-1 Improving Language Understanding by Generative Pre-Training 1. Abstract (الملخص) يستخدم تدريبًا مسبقًا غير مُراقب + ضبطًا دقيقًا مُراقبًا يتعلم من نصوص ضخمة غير معنونة ثم يتكيف مع المهام يحقق تحسينات قوية عبر معايير معالجة اللغة الطبيعية يتفوق على نماذج مُصممة خصيصًا لكل مهمة في العديد من الحالات 2. Goals and Objectives (الأهداف) تقليل الاعتماد على البيانات المُعنونة بناء نموذج لغوي عام متعدد الاستخدامات تمكين التعلم بالنقل عبر عدة مهام في NLP تحسين الأداء مع أقل تغييرات ممكنة في المعمارية 3. Methodology (المنهجية) نهج من مرحلتين:المرحلة 1: تدريب نموذج لغوي على بيانات غير معنونة واسعة المرحلة 2: ضبط النموذج على مهام محددة باستخدام بيانات معنونة النموذج:Transformer (بنية Decoder) يستخدم self-attention للتعامل مع الاعتماديات طويلة المدى تقنيات رئيسية:تنسيق الإدخال حسب نوع المهمة استخدام هدف لغوي مساعد أثناء مرحلة الضبط 4. Key Findings and Recommendations (النتائج والتوصيات) يتفوق على أحدث النماذج في 9 من أصل 12 مهمة تحسينات كبيرة:+8.9% (الاستدلال المنطقي/المعرفة العامة) +5.7% (الإجابة على الأسئلة) Transformer يتفوق على LSTM في التعلم بالنقل التدريب المسبق عامل حاسم (انخفاض كبير في الأداء بدونه) يعمل بكفاءة عبر أحجام بيانات مختلفة 5. Conclusion (الخلاصة) الدمج بين التدريب المسبق والضبط الدقيق فعال جدًا النموذج يتعلم فهمًا لغويًا عامًا يتيح نقل المعرفة بقوة بين المهام يشير إلى أن Transformers + البيانات الضخمة هي مفتاح التقدم 6. Limitations (القيود) يتطلب بيانات غير معنونة ضخمة الأداء يعتمد على جودة الضبط الدقيق لم يتم استكشاف التعلم متعدد المهام بشكل كامل بعض البيانات الصغيرة تظهر نتائج أضعف رابط الورقة العلمية cdn.openai.com/research-cover… #الذكاء_الاصطناعي #البحث_العلمي