freeCodeCamp.org in Arabic

533 posts

freeCodeCamp.org in Arabic banner
freeCodeCamp.org in Arabic

freeCodeCamp.org in Arabic

@freeCodeCampAR

نحن مجتمع يضم ملايين الأشخاص الذين ينمون مهارات جديدة ويحصلون على وظائف جديدة في نفس الوقت. المنظمة غير ربحية 501(c)(3). التغريدات بواسطة @programmingoce

Присоединился Şubat 2021
18 Подписки3.5K Подписчики
Закреплённый твит
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
كل يوم جمعة… تصلك أفضل الموارد بينما يضيعها الآخرون. مختارات عالية الجودة يتم اختيارها بعناية من قبل خبير التكنولوجيا كوينسي لارسون @ossia مباشرة إلى بريدك. ذكاء اصطناعي، برمجة، مشاريع حقيقية… كل ما تحتاجه لتتقدم، في مكان واحد. هذه ليست نشرة بريدية… هذه ترقية أسبوعية لمستواك. آلاف المطورين بدأوا بالفعل. هل ستكون واحدًا منهم في الجمعة؟ 👉 freecodecamp.org/email-sign-up #برمجة #تقنية #ذكاء_اصطناعي
freeCodeCamp.org in Arabic tweet media
العربية
0
2
7
509
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
من عامل نظافة في مستشفى إلى مطور برمجيات: قصة "إيميت نوتون" الملهمة [بودكاست #185] في هذه الحلقة المؤثرة من بودكاست freeCodeCamp، يستضيف كوينسي لارسون المطور إيميت نوتون، الذي أمضى سنوات في العمل كعامل نظافة في مستشفى بينما كان يتعلم البرمجة سراً في أوقات فراغه. إيميت ليس مجرد مطور ناجح اليوم، بل هو أيضاً مؤسس مجتمع Coder Dads الذي يدعم الآباء المبرمجين. أبرز محاور اللقاء: تحدي البدايات: كيف استطاع إيميت إعالة أسرته وتأمين احتياجاتهم الأساسية وهو في بداية طريقه التعليمي. المرونة النفسية: كيف استعاد توازنه بعد تعرضه للفصل من العمل مرتين في عام واحد، وكيف حول هذه الأزمات إلى فرص. التحول التقني: رحلته من مطور JavaScript متخصص إلى الانغماس في نظام PHP Laravel ليصبح مطور Full Stack متكاملاً. الصحة والأداء: كيف أدى علاج مشكلة "انقطاع التنفس أثناء النوم" (Sleep Apnea) إلى تحسن مذهل في قدرته على التفكير وكتابة الكود. التواصل الاجتماعي: نصائح حول كيفية استخدام وسائل التواصل الاجتماعي بفعالية لبناء شبكة علاقات مهنية، حتى لو كنت لا تحب استخدامها. لماذا تهمك هذه الحلقة؟ قصة إيميت هي تذكير بأن الظروف الصعبة لا تحدد مستقبلك، وأن الاستمرارية في التعلم الذاتي هي المفتاح الحقيقي لتغيير الواقع. إذا كنت تشعر بالإحباط أو تعتقد أن مسؤوليات العائلة تعيق تقدمك، فهذا اللقاء سيعطيك دفعة قوية من الأمل والخطوات العملية. "البرمجة ليست مجرد كتابة أكواد، بل هي وسيلة لتحسين جودة حياتك وحياة من تحب." استمع للقصة الكاملة عبر منصاتك المفضلة: freecodecamp.org/news/from-hosp… #بودكاست #تطوير_الذات #المسار_المهني
العربية
0
0
0
1
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
أطلقت منصة 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… #تطوير_ويب #شهادات_مهنية #شهادات_احترافية
العربية
0
0
2
56
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
لا يوجد أي نُبل في أن تكون أفضل من الآخرين؛ النُّبل الحقيقي هو أن تكون أفضل من مستواك السابق. Ernest Hemingway هذه الجملة تختصر رحلة التطور بالكامل. المعيار الحقيقي ليس المقارنة مع الآخرين، لأن كل شخص يسير في طريق مختلف، بظروف مختلفة، وبسرعة مختلفة. المقارنة التي تستحق أن تُخاض هي مع نفسك فقط: هل أنت اليوم أقوى، أعمق، وأكثر وعيًا من الأمس؟ التقدم الحقيقي لا يُقاس بالقفزات الكبيرة، بل بالتحسين المستمر. عادة صغيرة تطورها، فكرة تصححها، مهارة تتقنها — هذه هي الانتصارات التي تبني الفرق الحقيقي على المدى الطويل. إذا ركّزت على أن تصبح نسخة أفضل من نفسك كل يوم، ستتفوق تلقائيًا دون أن تطارد أحدًا. ستصنع مسارك الخاص بدل أن تستهلك طاقتك في مقارنة لا تنتهي. اسأل نفسك اليوم: ماذا يمكنني أن أفعل الآن لأكون أفضل مما كنت عليه بالأمس؟ ابدأ من هناك. هذا هو الطريق الحقيقي للنُّبل. #حكمة #تطوير_الذات
freeCodeCamp.org in Arabic tweet media
العربية
0
0
3
38
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
أول وظيفة برمجة في سن الـ 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… #بودكاست #تطوير_الذات
العربية
0
0
7
203
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
وفر ميزانيتك: 460 كتاباً دراسياً مجانياً لطلاب المدارس والجامعات [PDF] تعد تكاليف الكتب الدراسية من أكبر التحديات المالية التي تواجه الطلاب، ولكن بفضل مبادرات المحتوى المفتوح، أصبح الوصول إلى المعرفة متاحاً للجميع. في هذا الدليل، تستعرض Jessica Wilkins قائمة ضخمة تضم 460 كتاباً دراسياً مجانياً ومنظماً حسب التخصص. ماذا تضم هذه المكتبة الرقمية؟ تم تقسيم الكتب إلى فئتين رئيسيتين لتسهيل عملية البحث: 1. كتب المرحلة الثانوية (High School): الرياضيات: تشمل الإحصاء المتقدم والرياضيات العامة. العلوم الطبيعية: مجموعات متكاملة لفيزياء ونيوكليوتيدات الأحياء لطلاب الـ AP. الاقتصاد: مبادئ الاقتصاد الكلي والجزئي المخصصة للمناهج المتقدمة. الروايات الكلاسيكية: مجموعة من الأدب العالمي المطلوب في المناهج الدراسية. 2. كتب المرحلة الجامعية (College): علوم الحاسوب والهندسة: من البرمجة إلى التصميم الهندسي. الطب والعلوم الطبيعية: مراجع شاملة في الأحياء، الفيزياء، والطب. العلوم الإنسانية والاجتماعية: كتب في علم الاجتماع، الفلسفة، والتاريخ. الأعمال والقانون: تغطي الإدارة، المحاسبة، والأنظمة القانونية. الإعلام والاتصال: مراجع في الصحافة وأدوات التواصل الحديثة. لماذا تبرز هذه القائمة؟ التنظيم: يمكنك الانتقال مباشرة للتخصص الذي يهمك عبر روابط سريعة. التوافق: العديد من هذه الكتب تتبع معايير الـ AP ومناهج الجامعات المرموقة. سهولة الوصول: جميع الكتب متاحة بصيغة PDF للتحميل المباشر أو القراءة عبر الإنترنت. توقف عن القلق بشأن أسعار الكتب المبالغ فيها، وابدأ ببناء مكتبتك الأكاديمية الخاصة الآن مجاناً. تصفح القائمة الكاملة وحمل كتبك من هنا: freecodecamp.org/news/free-text… #كتب #جامعات
العربية
0
1
6
147
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
كيف تجعل مدونتك مصدراً موثوقاً للذكاء الاصطناعي؟ بناء "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… #الذكاء_الاصطناعي #مدونة
العربية
0
0
2
115
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
معالجة 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… #سترايب #أتمتة_الأعمال #بوابة_الدفع
العربية
0
0
1
72
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
قصة ملهمة: من قطاع البناء والجيش إلى "محامي مطورين" في 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… #بودكاست #تطوير_الذات #المسار_المهني
العربية
0
0
3
132
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
دمج ملفات 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… #برمجة #جافا_سكريبت
العربية
0
0
1
93
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
كيف تصلح فشل الـ 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… #مهارات #جت_هب
العربية
0
0
5
191
freeCodeCamp.org in Arabic ретвитнул
عبد حنبولي
عبد حنبولي@Abdanbulixa·
@freeCodeCampAR رحلة ملهمة حقًا، نجاح بيجي وانغ يثبت أن التعلم الذاتي والعزيمة يمكن أن يقودا إلى أعلى المناصب التقنية.
العربية
0
1
1
107
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
رحلتك في البرمجة لا يجب أن تكون وحيدًا… تخيل أنك عالق في مشكلة برمجية لساعات… ثم تدخل مجتمع فيه آلاف المبرمجين… تسأل سؤالًا بسيطًا… وخلال دقائق تجد الحل هذا بالضبط ما يقدمه لك ديسكورد freeCodeCamp. هنا لن تتعلم فقط… بل ستعيش التجربة: ناس تشبهك تبدأ من الصفر ناس وصلت لمستوى احترافي وتساعدك جلسات دراسة، تحديات، دعم يومي هذا ليس مجرد سيرفر… إنه بيئة تصنع منك مبرمجًا حقيقيًا كل يوم تتأخر فيه… هناك شخص آخر يتقدم خطوة للأمام القرار بسيط: إما أن تتعلم وحدك ببطء… أو تنضم لمجتمع يدفعك للأمام بسرعة ابدأ الآن. لا تنتظر. discord.com/servers/freeco… #تطوير_الذات #برمجة
freeCodeCamp.org in Arabic tweet media
العربية
1
1
9
318
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
ماذا تعلمت من كتابي "المبرمج البراغماتي" و"المبرمج النظيف"؟ بعد قراءة نسختي الذكرى العشرين لكتاب 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… #كتب #برمجة
العربية
0
1
18
937
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
إيفان يو (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-… #تغيير_المسار_المهني #برمجة
العربية
0
0
15
517
freeCodeCamp.org in Arabic ретвитнул
عمر الحمدان
عمر الحمدان@OmarAlHamdocbg·
@freeCodeCampAR ما شاء الله على الرحلة الملهمة
العربية
0
1
1
136
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@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… #الذكاء_الاصطناعي #البحث_العلمي
freeCodeCamp.org in Arabic tweet media
العربية
0
0
2
147
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
فهم الـ Proxies والـ Reverse Proxies: بوابتك لتأمين الشبكات وتحسين أدائها في عالمنا الرقمي، لم يعد تأمين الشبكات خياراً بل ضرورة. سواء كنت تتصفح الويب أو تدير خوادم شركة، فإن فهم الـ Proxy هو المفتاح لتحقيق الأمان والكفاءة. في هذا المقال، يشرح "Manish Shivanandhan" الفرق الجوهري بين أنواع البروكسي وكيفية عملها كـ "وسيط" ذكي يدير الاتصالات بينك وبين الإنترنت. 1. ما هو الـ Proxy؟ (البروكسي الأمامي - Forward Proxy) يعمل البروكسي كوسيط بين جهازك (الشبكة الخاصة) والإنترنت العام. عندما تطلب الدخول لموقع ما، يرسل البروكسي الطلب نيابة عنك، مما يوفر طبقة من الخصوصية عبر إخفاء هويتك ونشاطك. فوائد البروكسي الأمامي: تنظيم المرور: منع المواقع الضارة من الوصول لشبكتك. الخصوصية: إخفاء عناوين الـ IP الخاصة بالأجهزة خلف واجهة واحدة. السرعة: تسريع تحميل المواقع عبر تخزينها مؤقتاً (Caching). تجاوز القيود: الوصول إلى المحتوى المحجوب جغرافياً أو إدارياً. 2. الـ Reverse Proxy (البروكسي العكسي) على عكس البروكسي العادي، يعمل الـ Reverse Proxy على حماية الخوادم وليس المستخدمين. فهو يستقبل الطلبات القادمة من الإنترنت ويوجهها للخادم المناسب داخل الشبكة. لماذا نحتاج البروكسي العكسي؟ موازنة الأحمال (Load Balancing): توزيع ضغط الزوار على عدة خوادم لمنع الانهيار. الحماية من الهجمات: يعمل كحائط صد ضد هجمات الـ DDoS عبر تصفية المرور الخبيث. إخفاء هوية الخوادم: لا يتفاعل المستخدم مع الخادم مباشرة، مما يصعب مأمورية المخترقين. 3. أنواع أخرى متخصصة: يوضح المقال أيضاً أنواعاً برزت أهميتها في عصر البيانات الضخمة: Residential Proxies: عناوين IP حقيقية من مزودي الخدمة المنزليين، مثالية للـ Web Scraping لصعوبة كشفها. Datacenter Proxies: سريعة واقتصادية لأنها تعمل من مراكز البيانات، لكن يسهل حظرها. Mobile Proxies: توفر أعلى مستويات التخفي عبر استخدام شبكات الـ 4G و 5G. سواء كنت مطوراً يسعى لتأمين بيانات خوادمه، أو باحثاً يحتاج للتصفح بهوية مجهولة، فإن اختيار نوع البروكسي الصحيح يمثل فارقاً كبيراً في استقرار وأمان تواجدك الرقمي. للمزيد من التفاصيل التقنية حول إعداد هذه الشبكات: freecodecamp.org/news/understan… #الأمن_السيبراني #شبكات_الحاسوب
العربية
0
0
8
239
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
دليلك الشامل لتعلم الخوارزميات: من خرائط جوجل إلى رقعة الشطرنج معظمنا يستخدم "خرائط جوجل" يومياً دون تفكير؛ نحدد الوجهة، نختار أسرع طريق، وإذا أخطأنا المسار، يعيد التطبيق الحسابات بلحظة. السر وراء هذه المرونة ليس مجرد سحر برمجى، بل هو هيكل بيانات عملاق يُعرف بـ الرسوم البيانية (Graphs). في هذا المقال، تأخذنا "تيلدا أودوفو" في رحلة لتبسيط هذا المفهوم، موضحةً أن الرسوم البيانية ليست مجرد مخططات إحصائية، بل هي لغة الربط بين الأشياء في العالم الرقمي. ماذا ستتعلم في هذا الدليل؟ تشريح الرسم البياني: فهم المكونات الأساسية؛ العقد (Nodes) التي تمثل الأماكن أو الأشخاص، والحواف (Edges) التي تمثل الروابط بينهم. أنواع الرسوم البيانية: الفرق بين الرسوم الموجهة (مثل متابعات تويتر) وغير الموجهة (مثل صداقات فيسبوك)، والرسوم الموزونة (مثل المسافات بين المدن). تمثيل البيانات برمجياً: كيف نحول هذه الروابط إلى كود باستخدام مصفوفة التجاوز (Adjacency Matrix) أو قائمة التجاوز (Adjacency List). خوارزميات التنقل والبحث: لا تقتصر الرسوم البيانية على تخزين البيانات، بل تكمن قوتها في كيفية البحث داخلها. ستتعلم: البحث بالعرض (BFS): مثالي لإيجاد أقصر مسار (مثل خرائط جوجل). البحث بالعمق (DFS): لاستكشاف كافة المسارات الممكنة (مثل محركات الألعاب). تطبيق عملي: لغز حصان الشطرنج (Knight's Travails) لتثبيت المعلومة، يطبق المقال هذه المفاهيم على مشكلة برمجية شهيرة: "كيف يمكن للحصان في الشطرنج أن يصل من نقطة إلى أخرى في أقل عدد من القفزات؟". هنا تتحول مربعات الرقعة إلى عقد، وحركات الحصان القانونية إلى حواف، ويصبح الحل تطبيقاً مباشراً لخوارزمية BFS. سواء كنت مهتماً بكيفية عمل شبكات التواصل الاجتماعي، أو إدارة تعارضات المهام، أو حتى تطوير الألعاب، فإن هذا الدليل هو بوابتك لفهم واحد من أهم أساسيات علوم الحاسب. freecodecamp.org/news/a-beginne… #خوارزميات_الذكاء_الاصطناعي #الذكاء_الاصطناعي
العربية
0
4
25
876
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
في عالم يمتلئ بالمعلومات، النجاح لا يأتي من تكرار ما نعرفه… بل من الجرأة على اكتشاف ما لا نعرفه. الذين يصنعون الفرق ليسوا من يبحثون عن التأكيد، بل من يسألون، يجربون، ويخاطرون خارج المألوف. كل فكرة عظيمة بدأت بسؤال. كل إنجاز كبير بدأ بخطوة نحو المجهول.اليوم… لا تبحث عن الراحة في الإجابات الجاهزة، ابحث عن التحدي في الأسئلة الجديدة.هناك، فقط… يبدأ التميز. #تطوير_الذات
freeCodeCamp.org in Arabic tweet media
العربية
0
0
3
165
freeCodeCamp.org in Arabic
freeCodeCamp.org in Arabic@freeCodeCampAR·
دليلك الشامل لتعلم React: من المفاهيم الأساسية إلى احتراف الـ Hooks يُعد React أحد أقوى المكتبات وأكثرها استخداماً لبناء واجهات المستخدم (UI) باستخدام JavaScript. سواء كنت تبني مكونات صغيرة أو تطبيقات ضخمة، يمنحك React المرونة الكافية لإنشاء ميزات تفاعلية وعصرية. لكن، مع كثرة المصطلحات والمكتبات الملحقة، قد يشعر المبتدئ بالتشتت. لذا، يركز هذا الدليل على جوهر React بعيداً عن أي تعقيدات إضافية، لتبني قاعدة صلبة تمكنك من الانطلاق بثقة. ما الذي ستتعلمه في هذا الدليل؟ ما هو React ولماذا سُمي بهذا الاسم؟ فهم فلسفة "رد الفعل" تجاه تغير البيانات وكيف يختلف React عن بقية الأطر البرمجية. عالم JSX: تعلم كيف تكتب كوداً يجمع بين قوة JavaScript وبساطة HTML، ولماذا يُعد React.createElement() هو المحرك الخفي خلف الكواليس. المكونات (Components): كيف تقسم واجهة تطبيقك إلى قطع صغيرة قابلة لإعادة الاستخدام. إدارة الحالة (State): المحرك الذي يجعل تطبيقك تفاعلياً؛ ستتعلم كيف يمر React بمراحل (Trigger, Render, Commit, Paint) لتحديث الواجهة. التعمق في الـ Hooks والأدوات الأساسية: useState: لإدارة البيانات التفاعلية. useRef: متى تستخدمه للوصول المباشر إلى العناصر وكيف يختلف عن المتغيرات العادية والحالة. useEffect: للتعامل مع "الآثار الجانبية" (Side Effects) مثل جلب البيانات من API أو الموقتات. معالجة القوائم والأحداث: الطريقة الصحيحة لاستخدام الـ keys عند عرض المصفوفات وكيفية التعامل مع أحداث المستخدم مثل النقر والكتابة. تنسيق المكونات وتطوير الإنتاجية: سواء كنت تفضل CSS التقليدي، أو CSS Modules، أو حتى مكتبات CSS-in-JS، يوضح لك الدليل أفضل الممارسات لتنسيق تطبيقك ليبدو احترافياً. هذا الدليل ليس مجرد قراءة نظرية، بل يتضمن تمارين عملية لتطبيق ما تعلمته في JSX والمكونات فوراً. ابدأ رحلتك في احتراف React الآن freecodecamp.org/news/react-han… #جافا_سكريبت
العربية
0
0
1
134