Latest posts

flaming.codes hosts technical articles and tutorials by Tom Schönmann, with a focus on Full Stack development and Generative AI.

• مكونات الدالة مقابل React.FC في تايب سكريبت: نقاش حضاريفهم تطور كتابة أنواع تايب سكريبت في مكونات React
• بناء طائر رقمي: تحريك تكتل واعٍ للعمق في Reactإنشاء محاكاة عصافير سلسة مدعومة بتأثير التزيح البارالاكس تجعلها تبدو حية
• إطعام الوحش: دليل المطور لتحضير البيانات والميغا برومبت لمساعدي الكود المعتمدين على الذكاء الاصطناعيلأن حتى أذكى الذكاءات الاصطناعية تحتاج إلى وجبة غداء منظمة جيدًا
• ما بعد Next.js: حالة أُطُر جافاسكريبت الشاملة في 2025نظرة شاملة على أُطُر جافاسكريبت الشاملة الحديثة
• هندسة 80/20: كيف أعدت بناء موقعي في عطلة نهاية الأسبوعقوة التخطيط قبل الترميز
• إنشاء رسوم متحركة لطيور Boids مع وعي بالعمق في Reactتجمع بأسلوب (وموازاة حركة)!
• لغة Civet، لغة برمجية تعتمد على البرمجة الوظيفية كمجموعة فوقية من Typescriptالغوص في تحسينات صياغة Civet ونظام التكامل الايكولوجي لتقييم مزاياها الحقيقية والتحديات المحتملة
• كيف قمت بترحيل flaming.codes من Next.js إلى Qwikرحلتي لمدة أسبوعين لترحيل flaming.codes من Next.js إلى Qwik و Qwik City
• Windows 95 وأهميته في تاريخ الكمبيوترما الذي أنشأه نظام التشغيل Windows 95 الذي لا يزال ساريًا حتى اليوم
• تذكر كل شيء مع Rewind.ai: استخدامه للعملكيف يمكن أن يساعدك Rewind.ai على تذكر الأشياء التي نسيتها بالفعل
• متصفح آرك لتطوير وإدارة الويبكيف يحسِّن Arc Browser UX سير العمل للمطورين
• أصوات الخلفية في iOS و macOSكيفية استخدام أصوات الخلفية لإنشاء بيئة هادئة على iOS و macOS
• ملفات برميل في JavaScriptمزايا وعيوب استخدام ملفات برميل في جافا سكريبت
• مختبرات جيثب كوبيلوتملحق تجريبي لتعزيز جيثب مساعد الطيار
• معاينة لقطة شاشة PWAكيفية إظهار لقطات الشاشة في موجه التثبيت الخاص بـ PWA
• البرامج النصية الحيادية الحزمة مع Node.jsكيفية تبسيط تشغيل البرامج النصية في NPM و Yarn و PNPM
• عامل التشغيل "يرضي" في TypeScriptتحقق من أن نوع التعبير يطابق نوعًا ما ، بدون تغيير النوع الناتج لذلك التعبير
• دليل للمبتدئين في Node.js و NPMكيف تبدأ مع Node.js ومدير حزمة Node
• التحكم في الشاشات الخارجية على الويندوزكيفية استخدام تطبيق مجاني للتحكم في سطوع جميع الشاشات
• الاختلافات العديدة بين يونكس ولينكسكيف يختلف اثنان من أكثر أنظمة التشغيل شيوعًا عن بعضهما البعض.
• مقدمة بسيطة للنسخة المطبوعةمقدمة موجزة لبعض مفاهيم الرواية
• الرمز في جافا سكريبتتعرف على الرموز: نوع البيانات الفريد لخصائص الكائن
• واجهة برمجة تطبيقات DOM TreeWalkerواجهة برمجة تطبيقات TreeWalker: أداة قوية لاجتياز شجرة DOM.
• توثيق أفضل في TS & JSكيفية كتابة مستندات أفضل بجافا سكريبت مع بيانات وصفية غنية
• أنواع تهيئة Tailwind-CSSكيفية استخدام أنواع Typescript لـ Tailwind-CSS
• الوضع الداكن لصور Github Markdownكيفية استخدام صور مختلفة في Markdown للوضع الفاتح أو الداكن
• كيفية تحديد نظام التشغيل في المتصفحاستخدم واجهات برمجة التطبيقات الحديثة لاسترداد معلومات حول النظام المضيف لتطبيق الويب الخاص بك
• ابدأ تشغيل جهاز محاكاة iOS أو iPadOS محددكيفية استخدام Terminal لتحديد وتشغيل أي جهاز محاكاة مثبت
• أحجام منفذ العرض الجديدةكيف يمكن لـ svh و lvh و dvh تحسين التصميم سريع الاستجابة
• MSW في SvelteKitكيفية تنفيذ MSW للتنمية المحلية في SvelteKit
• Gitpod IDE في السحابةمساحات عمل سريعة الزوال ، جميع العمليات في السحابة
• منشئ الترخيص في SvelteKitقم بإنشاء قائمة من التبعيات لمشروع SvelteKit الخاص بك
• وحدات التحميل الكسولة في Svelteكيفية استيراد المكون الخاص بك عند الطلب
• مجلد lib المخصص في SvelteKitكيفية إنشاء مسار مستعار في SvelteKit
• AfterDark Screensaver لنظام التشغيل macOSكيفية تثبيت واحدة من أفضل حافظات الشاشة على الإطلاق
• قم بإعداد HMR لـ SvelteKit مع Gitpodكيفية استخدام Hot Module Reload with SvelteKit و Gitpod
• حزم الخطوط في تطبيق الويب الخاص بككيف يوفر Fontsource الخطوط ليتم شحنها مع تطبيقك
• إنشاء SVG من Google Fontsكيفية استخدام تطبيق ويب لتحويل أي نص إلى SVG
• بديل Lightweigt لـ Axiosاستخدام Redaxios بدلاً من Axios كبديل صغير
• مراجعات الكود: كيفية رفع مستوى مهاراتكلماذا تعد مراجعات الكود أقوى أداة لتصبح مطورًا أفضل
• Raycast لنظام macOSأداة متعددة الاستخدامات تتحكم في مجموعة ضخمة من المهام الشائعة
• جيثب كود البحثكيفية استخدام البحث الغامض في Github عن مستودعاتك
• التحكم في السطوع على شاشات macOS الخارجيةكيفية استخدام تطبيق يسمى MonitorControl لتغييرات سطوع الشاشة
• "نظرة عامة على CSS" في DevTools في Chromiumكيفية تحليل CSS الخاص بك باستخدام DevTools
• أنواع سلاسل القالب المطبوع عليها علامات تمييزأنواع حرفية للقالب محسّنة باستخدام Typescript 4.5
• تحميل وحدات Node.js المدمجةصيغة استيراد خاصة نوعا ما للوحدات المدمجة
• الترميز في الواقع الافتراضيلماذا يعتبر Quest 2 (والمزيد) من Meta علامة فارقة في الواقع الافتراضي
• قم بإزالة الملفات التي تم تجاهلها في gitأمر واحد لاستخدامه لإزالة الملفات المتجاهلة التي تم إيداعها
• اكتشف الأخطاء في Promise.allبديل آمن لـ Javascript's Promise.all
• أقوى محطة SSHكيفية استخدام VS Code كمحطة SSH اليومية الخاصة بك
• العمل مع جيثب مساعد الطياركيف يمكن للذكاء الاصطناعي تحسين سرعة الترميز بشكل كبير
• لوحة القيادة جيثبكيفية البحث عن المستودعات والإجراءات السريعة على جيثب
• دراسة حالة UX لصفحة نشر مدونةكيف صممت صفحة المقالة لتطبيق الويب هذا
• ما هو "الملاح" في تطبيقات الويب التقدمية؟كيف يمكّن "الملاح" من تحسين تطبيقات الويب بشكل تدريجي
• ساعة تناظرية متحركة بسيطة في Tailwind.cssكيفية إنشاء ساعة تناظرية بسيطة للغاية باستخدام الرسوم المتحركة فقط في Tailwind.css
• دراسة حالة UX لصفحة المحفظةالأفكار التي أثرت في تصميم صفحة أعمالي الشخصية
• دراسة حالة UX لصفحة نظرة عامةكيف صممت صفحة النظرة العامة لجميع فئات التدوينات
• وظيفة شبكة خاصة لتحليلات البيانات في المتصفحكيفية استخدام "sendBeacon" لنقل أجزاء البيانات الصغيرة بشكل موثوق
• كتابة ملحق xbar لـ Plausible.ioكيف كتبت JS-plugin لتطبيق xbar لمعرفة العدد الحالي للزوار
• بوابة React.jsسحر عرض العناصر خارج شجرة DOM الخاصة
• مشاركة شاشة iPhone على Macكيفية إظهار شاشة iOS على جهاز Mac الخاص بك
• منشئ ترخيص Next.js NPMكيفية إنشاء تراخيص من package.json الخاص بك
• تفاعل مع التحديثات المجمعةكيفية الجمع بين تحديثات الحالة في مكالمة واحدة
• واجهة برمجة تطبيقات معلومات الشبكة لـ PWAsكيفية تحديد بيانات الشبكة الحقيقية في تطبيق الويب الخاص بك
• DaisyUI - مكونات Tailwindمكافئ Bootstrap لفئات الأداة المساعدة Tailwind
• JSXملف Javascript XML sytnax
• يسمى PWA DevToolsأفضل صديق للمطور هو في الواقع تطبيق ويب تقدمي ، موجود في Chromium
• Supabase - الواجهة الخلفية كخدمةبديل مفتوح المصدر حقًا لبرنامج Firebase
• Android تزايدي FSكيف يسمح نظام الملفات الافتراضي في Android ببدء تشغيل اللعبة بشكل أسرع
• مستخدم جيثب لكل نطاق المشروعكيفية استخدام مستخدم جيثب مختلف لمشاريع مختلفة
• سيو بدون تحليلات جوجل؟هل يمكنك الوصول إلى أعلى مراتب Google دون تمكين Analytics؟
• خطأ Node.js في السياقكيفية إضافة سبب خطأ في الإصدار 9.3 V8 وما بعده
• Android Studio على Ubuntu مع NVMكيفية إعداد NVM بشكل صحيح على Ubuntu للعمل مع Android Studio
• استيراد ES6 مع المعلماتكيفية تمرير المعلمات إلى وحدة ES6 عند استيرادها
• إصلاح لـ 100vh من Webkit في Tailwindكيفية إصلاح سلوك 100vh في Tailwind
• استبدل Material-UI بـ Tailwind.cssدراسة حالة حول استبدال Material-UI بـ Tailwind.css
• سلاسل قالب ذات علامات مطبعيةكيفية استخدام سلاسل القالب كوظائف
• عمال Cloudflareوظائف سريعة بدون خادم تستضيفها CDN الخاصة بـ Cloudflare
• اندرويدواجهة لتعلم التعزيز للوصول إلى نظام التشغيل Android
• قائمة أوامر Chrome & Edge DevToolsكيفية التنقل في DevTools كمستخدم متمرس
• Next.js-config مع فحص النوعكيفية استخدام فحص النوع الخاص بك next.config.js
• فئة أداء Androidكيف يحدد كل إصدار من إصدارات Android مستوى أدائه
• تجربة متقدمة / التقاط / أخيرًا في Javascript و Typescriptألق نظرة مفصلة على تنفيذ كتلة try-catch-finally-block
• أنواع الصفوف المطبوع عليهاأفضل طريقة لكتابة tuples في Typescript 4.2 والإصدارات الأحدث
• ما هو AuthN و AuthZدليل بسيط حول الفرق بين المصادقة والمصادقة
• خصائص فئة خاصة مطبعيةيدعم الطباعه الخصائص الخاصة للفئات
• أنواع سلاسل قوالب الكتابةكيفية تضييق نطاق أنواع السلسلة باستخدام آلية سلسلة القالب
• واجهة برمجة تطبيقات Web App Badgingكيفية استخدام شارة لـ PWA المثبت
• Google ZX - برامج نصية شيل مع جافا سكريبتكيفية كتابة برامج نصية باستخدام Javascript و Node.js
• عامل تشغيل خط الأنابيب المطبوعاكتب استدعاءات الدوال المتسلسلة في كتابي
• Codespaces بواسطة جيثبIDE كخدمة متوفرة في متصفحك
• حزم بيانات Firestoreتطبيق جديد لوثائق Firestore المخزنة مؤقتًا
• واجهة برمجة تطبيقات Web Locksتنسيق العمل واستخدام الموارد بين العمليات المختلفة
• محاكي Android على Apple M1كيفية استخدام Emulator لنظام Android على أجهزة Apple Silicon
• PWA في متجر تطبيقات Microsoftكيف تنشر PWA الخاص بك في متجر تطبيقات Microsoft
• واجهة برمجة تطبيقات جلسة الوسائطتوفير البيانات الوصفية للوسائط وعمليات الاسترجاعات في PWA الخاص بك
• البيانات الجزئية للدلالات على شبكة الإنترنتكيفية تحسين صفحاتك بمزيد من المعلومات الدلالية
• أعمدة ميلرمفهوم تخطيط رائع غيّر واجهة المستخدم لأنظمة الملفات
• بلازميمنشئ تطبيقات الويب WYSIWYG
• عداء اختبار مكون السرواختبارات مكونات وحدة البناء لـ React
• عندما يبدأ PWA الخاص بك في الكلاماستخدام WaveNet لإضافة تركيب الكلام للمقالات
• سوبر تشارج جيثب Markdownشاهد كيف يمكن أن يكون Markdown متعدد الاستخدامات في Github
• ما هو نمط واجهة المستخدم؟إلقاء نظرة على جانب جديد في تصميم واجهة المستخدم
• التشكل الرقميالمجال متعدد التخصصات للأنماط الطبيعية في الحساب الرقمي
• نشاط الويب الموثوق بهكيفية التحقق من صحة تطبيق الويب الخاص بك - وإنشاء تطبيق Android منه
• رمز الاهتمام الأساسينموذج إيرادات جديد للويب
• كيف تعلمت 12 لغة - في ليلة واحدةاستخدام الأحدث من التعلم الآلي وبعض التخزين المؤقت الذكي
• واجهة برمجة تطبيقات Web Shareكيفية استخدام واجهة برمجة تطبيقات المشاركة الأصلية على الويب
• الافتتاح ≠ الافتتاحأشكال وفرص ومساوئ العلم المفتوح
• AC600 على Ubuntuكيفية تثبيت برامج تشغيل Netgear's AC600 على نظام التشغيل Ubuntu
• مجال Firebase Functionsكيفية استخدام مجال مخصص لوظائف Firebase
• ما هو XaaS؟إنه كل شيء كخدمة ، وأكثر من ذلك
• اهتزاز PWA APIدعنا نستخدم الملاح لهز جهازك
• دراسة UX: نسخ إلى الحافظةكيفية تصميم إجراء نسخ إلى الحافظة في تجربة المستخدم الخاصة بك
• إصلاح webkit 100vh للجوالقد تحتاج معالجة Mobile Webkit لـ 100vh إلى مزيد من الاهتمام
• الانتقال إلى شقة جديدةكيف تنتقل إلى شقة جديدة عندما تعمل حتى 12 ساعة في اليوم
• IntelliJ لـ Apple M1مجموعة IntelliJ الكاملة متاحة لمعالجات Apple M
• رئيس العمل عن بعدكيف تحافظ على تزامن الجميع وكل شيء
• توفير RSSيوفر PWA هذا موجز RSS
• طريقة ديزنيكيف تكون أكثر إبداعًا من خلال أن تكون أكثر منهجية
• تحليلات الخصوصية أولاًكيف تحترم المستخدمين وتستمر في مراقبة الأداء
• جدولة Kickscaleملحق Gmail للبحث تلقائيًا عن اجتماعات مجانية
• مدروس الترميزلماذا يعتبر الترميز أكثر من مجرد توتير الرموز معًا
• كود النار معيحان الوقت لإشعال بعض التعليمات البرمجية!