The JavaScript and TypeScript ecosystem.
نسختي الاحتياطية فقدت كل الصور. لقد قمت ببناء زر للنسخ الاحتياطي لتطبيق تتبع الحالة المزاجية الذي يعمل دون اتصال بالإنترنت. كان يقوم بتصدير البيانات إلى ملف JSON، حيث يمكن للمستخدمين حفظه ونقله إلى هاتف جديد. بدا الأمر مثالياً...
Why Your Vibe Coded Website Will Never Rank A founder showed me a website last month. It looked great. It had clean animations and sharp copy. He built it in one afternoon using A…
انتصر TypeScript. إليكم ما حققه لنا بالفعل. لم يعد أحد يجادل حول استخدام TypeScript بعد الآن. المشاريع الجديدة تستخدمه بشكل افتراضي. لقد انتهى الجدل. القيمة الحقيقية ليست مجرد...
React مقابل Next.js: أيهما يجب أن تتعلم؟ غالبًا ما يتساءل المبتدئون عما إذا كان ينبغي عليهم تعلم React أم Next.js أولاً. الاختيار الخاطئ قد يبطئ تقدمك. يساعدك هذا الدليل على اتخاذ القرار بناءً على...
متجر إلكتروني مخصص على Firebase. لقد قمت ببناء موقع تجارة إلكترونية مخصص من الصفر، ولم أستخدم المنصات الجاهزة. استخدمت Firebase Realtime Database و Netlify. كان الهدف هو...
رمز موقع بين تطبيقين PWA: استخدام HMAC SHA256 بدون واجهة خلفية. تحتاج إلى نقل هوية المستخدم من تطبيق PWA إلى آخر. يعمل كلا التطبيقين على مشاريع Firebase منفصلة، ولا يتشاركان أي بيانات...
ابنِ أول بوت ديسكورد خاص بك باستخدام JavaScript. هل ترغب في بناء بوت ديسكورد؟ ربما ترى بوتات تشغل الموسيقى أو تجري استطلاعات الرأي وتتساءل عن كيفية عملها. بنهاية هذه السلسلة...
لماذا عدت إلى JavaScript بعد 7 سنوات. أنا مطور واجهات مستخدم بخبرة 7 سنوات. أجيد HTML و CSS، ويمكنني تحويل تصميمات Figma إلى أكواد برمجية. لكنني لم أشعر أبداً بأنني مطور...
You Don't Use Linked Lists. But They're Running Half Your Software. You will likely never write a linked list in a production JavaScript project. Your language built in arrays han…
لقد انتصر TypeScript. إليكم ما جناه ذلك علينا. لقد انتهى الجدل؛ فمعظم مشاريع الواجهة الأمامية الجديدة تستخدم TypeScript بشكل افتراضي. لم يعد الناس يتجادلون حول ما إذا كان ينبغي اعتمادها أم لا. القيمة الحقيقية...
استبدلت قاعدة بيانات تطبيقي بمجلد على Google Drive. أردت تتبع التقدم الموسيقي لابنتي، حيث تتلقى مقاطع صوتية وملاحظات من معلمتها كل أسبوع. أردت أن أستمع...
تصحيح هذه الأخطاء: يعتقد المبتدئون أن المطورين ذوي الخبرة لا يرتكبون أخطاءً، لكن الحقيقة مختلفة؛ فالمطورون ذوو الخبرة يكتشفون الأخطاء بشكل أسرع فحسب. لقد قمت ببناء مشروع تطوير كامل...
عندما يتحدث React عن إعادة التصيير، فهذا يعني ثلاثة أشياء. عندما تستدعي setState، لا يقوم React بتحديث الـ DOM فحسب، بل يقوم بتشغيل ثلاث مراحل منفصلة بالتتابع. يخلط معظم المطورين بين...
لغة Rust التهمت سلسلة أدوات JavaScript، ثم قامت Cloudflare بشرائها. غيّر Vite طريقة عملها، حيث انتقلت من استخدام أداتين إلى مسار عمل واحد. كانت الطريقة القديمة تستخدم esbuild للتطوير...
ماذا علمني بناء Pagelyze حول React. لقد غيّر بناء Pagelyze نظرتي لـ React؛ حيث توقفت عن التركيز على الجانب النظري وبدأت في التركيز على بنية المنتج. Pagelyze هو موقع ويب...
النسخ السطحي مقابل النسخ العميق في JavaScript. تتعامل JavaScript مع عملية النسخ بطريقتين بناءً على نوع البيانات. القيم الأولية (النسخ بالقيمة): تشمل الأنواع الأولية السلاسل النصية، الأرقام...
100 Days, 87 Tools, Zero Servers I spent 100 days building ToolKnit. It is a suite of 87 browser based tools. Most tool sites work like this: You upload a file. A server processes…
أجريت مقابلات مع 5 مرشحين لوظيفة تقنية. أجريت مقابلات مع خمسة مرشحين لوظيفة مطور واجهات أمامية الأسبوع الماضي. كانت لديهم خلفيات ومهارات متنوعة. ومع نهاية اليوم...
React فقدت جوهرها وVercel ترتدي جلدها. كان مجتمع React هو من يمتلك المشروع، أما الآن، فيبدو الأمر وكأن شركة استضافة هي من تديره. حدث هذا التحول ببطء، ثم...
طرق مصفوفات JavaScript الجزء 1. المصفوفة هي كائن خاص في JavaScript، حيث تقوم بتخزين قيم متعددة في متغير واحد. فبدلاً من إنشاء متغيرات منفصلة لكل طالب: ل...
25 خطأً في JSON يرتكبها كل مطور. تُعد JSON العمود الفقري للتواصل عبر الويب، فهي خفيفة الوزن وسهلة القراءة، ومع ذلك، فإن قواعدها صارمة، فالأخطاء الصغيرة قد تؤدي إلى تعطل الكود الخاص بك...
GraphQL Fragments: اجعل كل مكون يمتلك بياناته الخاصة. تبدو استعلامات GraphQL منظمة في البداية، حيث يجلب طلب واحد كافة بياناتك. ولكن مع نمو تطبيقك، يبدأ استعلام الصفحة في جمع حقول...
React مقابل Angular مقابل Vue: كيف تختار الأنسب. إن اختيار إطار عمل للواجهة الأمامية يبدو وكأنه فخ؛ فكل تدوينة تدعي وجود فائز، وتتحول خانة التعليقات إلى ساحة حرب. إليك الحقيقة...
React Context مقابل Zustand: متى تستخدم أياً منهما؟ غالباً ما يرتكب المطورون خطأً واحداً مع حالة React (state)؛ حيث يستخدمون Context بشكل غير صحيح ثم يلومون Context على مشاكل الأداء. إن الـ...
