جرب HTMX لبناء تطبيقات ويب تفاعلية ببساطة!

يقدم HTMX حلاً وسطاً بين قيود HTML الخام وتعقيد أطر عمل JavaScript. من خلال إضافة سمات HTML تُطلق طلبات إلى الخادم وتستبدل الاستجابات مباشرةً، يمكنك إنشاء تطبيقات ويب تفاعلية دون الحاجة إلى التعقيد الذي يصاحب React أو Vue أو Angular.

تظهر دراسة حالة أن إحدى الشركات قللت حجم قاعدة التعليمات البرمجية لديها بنسبة 67%، وقطعت استخدام JavaScript بنسبة 90%، وحسّنت الأداء بشكل ملحوظ بعد التحول من React إلى HTMX.

هذا النهج مثالي للتطبيقات النموذجية مثل تطبيقات CRUD، لوحات التحكم، والنماذج التفاعلية، أكثر من كونه للتطبيقات عالية التفاعل مثل محرّر المستندات.

الفائدة الأساسية هي البساطة: لا حاجة لأدوات بناء معقدة أو مكتبات إدارة حالة، فقط سمات HTML وعرض من جانب الخادم.

#برمجة #تطوير_ويب #HTMX #تقنية #أدوات_المطور #برمجة_ويب #واجهات_مستعمل #JavaScript #نصائح_تقنية #تطبيقات

إصدار Deno 2.6: أداة dx الجديدة هي البديل المماثل لـ npx

يقدم إصدار Deno 2.6 أداة dx الجديدة، وهي أمر مصمم لتشغيل حزم البرامج الثنائية بطريقة مشابهة لأداة npx المعروفة.

أبرز الميزات والتحديثات:

* تحكم دقيق في الأذونات: أعلام جديدة مثل --ignore-read و --ignore-env تمنحك تحكمًا أدق في صلاحيات التشغيل.
* فحص أسرع للأنواع: دمج أداة tsgo لتحسين سرعة فحص الأنواع (Type Checking).
* دعم WebAssembly: إضافة دعم لاستيراد مرحلة المصدر (source phase imports) لـ WebAssembly.
* فحص الأمان: أداة deno audit جديدة لفحص الثغرات الأمنية في التبعيات.
* تحسين التوافق مع Node.js:
* تضمين @types/node افتراضيًا.
* إصلاحات عديدة لواجهات برمجة التطبيقات (APIs) في وحدات crypto، fs، process، و sqlite.
* دعم أفضل للحزم (Bundler) لمنصات مختلفة.
* إدارة التبعيات: تحسين إدارة التبعيات باستخدام أمر deno approve-scripts.
* ميزات إضافية: دعم تيارات الويب القابلة للنقل (transferable web streams)، ودعم خرائط المصدر الأصلية (native source map support)، والترقية إلى محرك V8 14.2.

#برمجة #تطوير_الويب #Deno #JavaScript #NodeJS #أدوات_المطور #WebAssembly #أمن_المعلومات #تقنية

Bun v1.3.5: إصدار جديد بميزات تحسين الأداء والتوافق

أعلن فريق تطوير Bun عن إطلاق النسخة v1.3.5 من بيئة التشغيل والمنصة الشاملة، والتي تأتي بمجموعة من التحسينات والميزات الجديدة:

أبرز الميزات الجديدة:
- واجهة Bun.Terminal الجديدة: لدعم التطبيقات التفاعلية عبر المحاكاة الطرفية (PTY).
- علامات التجميع في وقت البناء: لتحسين حذف الأكواد غير المستخدمة وتقليل حجم الحزم.
- تحسين دقة عرض النصوص Unicode والإيموجي في دالة Bun.stringWidth.
- دعم رفع الملفات مع Content-Disposition لخدمات التخزين السحابي مثل S3.
- تحسين معالجة المتغيرات البيئية في ملفات .npmrc.

إصلاحات وتحسينات رئيسية:
- معالجة مشاكل استهلاك وحدة المعالجة المركزية (CPU) في نظام macOS.
- إصلاحات خاصة بنظام Windows تتعلق بضغط WebSocket واستقرار الأداة.
- تحسينات في التوافق مع بيئة Node.js.
- تحديثات وتعريفات TypeScript.
- معالجة قضايا أمنية متعلقة بالتبعيات الموثوقة.

يستمر Bun في تعزيز مكانته كمنصة سريعة وشاملة لتطوير تطبيقات JavaScript وTypeScript.

#Bun #JavaScript #NodeJS #TypeScript #تطوير_الويب #برمجة #أدوات_المطورين #تقنية

التاريخ التقليدي في JavaScript أصبح من الماضي، مرحبًا بـ Temporal!

منذ فترة طويلة، عانى المطورون من مشاكل أساسية في كائن Date في JavaScript، مثل:
* الأشهر ذات الفهرس الصفري (يناير = 0).
* تحليل التواريخ بشكل غير متسق.
* كائنات قابلة للتغيير تمثل تواريخ ثابتة في العالم الحقيقي.
* دعم ضعيف لمناطق التوقيت.

الحل الجديد: Temporal API

يأتي Temporal ليحل هذه المشكلات بشكل جذري، مقدّمًا:
* كائنات غير قابلة للتغيير: أي استدعاء لطريقة يعيد كائنًا جديدًا، مما يمنع الأخطاء العرضية.
* معالجة صريحة لمناطق التوقيت: وضوح ودقة أكبر في العمليات الحسابية المتعلقة بالوقت.
* بناء جملة بديهي: لإجراء العمليات الحسابية على التواريخ والوقت بسهولة.
* تنسيق مدمج: تبسيط عرض التواريخ بصيغ مختلفة.

Temporal حاليًا في المرحلة الثالثة من عملية التوحيد القياسي، وهو متاح للتجربة في متصفحي Chrome و Firefox.

تابع كل جديد في عالم البرمجة والتطوير عبر: @IT_soft22

#جافاسكريبت #JavaScript #Temporal #WebDevelopment #برمجة #تطوير_الويب #أدوات_المطور #تقنية #برمجة_ويب #أخبار_التقنية

تصفح الويب النصي: تحديات تواجه المتصفحات التقليدية.

تواجه المتصفحات النصية مثل ELinks و Lynx و w3m صعوبة في التعامل مع ميزات HTML الحديثة. بينما تتعامل هذه المتصفحات بشكل جيد مع HTML الأساسي، فإن الإضافات الحديثة مثل عناصر الإفصاح والنوافذ المنبثقة وسمة "inert" إما يتم تجاهلها أو عرضها بشكل غير صحيح.

أبرز المشكلات هي عدم الدعم الكامل لسمة "hidden"، مما يؤدي إلى عرض محتوى من المفترض أن يكون مخفيًا. هذا يخلق تحديات لتقنيات التحسين التدريجي التي تعتمد على إخفاء المحتوى في HTML قبل الكشف عنه باستخدام CSS أو JavaScript.

تستمر الفجوة بين المتصفحات النصية ومعايير الويب الحديثة في الاتساع.

#تقنية #ويب #متصفحات #تطوير_ويب #HTML #CSS #JavaScript #برمجة #تكنولوجيا #متصفحات_نصية

تم إطلاق إصدار Node.js 25.5.0 الذي يتضمن عدة تحديثات وتحسينات مهمة.

أبرز التغييرات:
- تحديث شهادات الجذر إلى NSS 3.119.
- إضافة LIEF كاعتماد لتوليد التطبيقات التنفيذية المفردة (SEA).
- إضافة علم --build-sea الجديد لتوليد تطبيقات SEA مباشرة باستخدام ثنائي Node.js.
- إضافة خيار ignore لوظيفة fs.watch.
- تفعيل وضع SQLite الدفاعي افتراضيًا مع خيارات prepare جديدة.
- دعم test_runner لتوقع فشل حالات الاختبار.
- ترقية npm إلى الإصدار 11.8.0.
- تحديثات للاعتمادات المختلفة (ICU، Ada، zlib).
- إصلاحات للأخطاء وتحسينات لأدوات البناء والتوثيق.

#NodeJS #تطوير_ويب #برمجة #تقنية #تحديثات_برمجية #مطورين #SEA #npm #JavaScript #خوادم

أطلق Arcjet الإصدار 1.0 من حزمة تطوير برامج JavaScript بعد عامين من التطوير، مما يمثل الانتقال من النسخة التجريبية إلى واجهة برمجة تطبيقات مستقرة وجاهزة للإنتاج.

يركز الإصدار على الاستقرار وتقليل التغييرات الجذرية كسمات أساسية، حيث تم تقديم ثلاثة تغييرات جذرية فقط خلال فترة التجربة بأكملها.

يُعطي الفريق الأولوية للإصدارات الشهرية المتوقعة، والتوافق مع الإصدارات السابقة، وتقليل التبعيات المتكررة لمنع إرهاق المطورين.

يمثل هذا الإنجاز التزامًا باستقرار واجهة برمجة التطبيقات على المدى الطويل، مما يسمح للفرق بدمج أدوات الأمان دون تكاليف ترحيل مستمرة.

#تقنية #برمجة #تطوير_ويب #أمن_إلكتروني #JavaScript #مطورين #برمجيات #تكنولوجيا #Arcjet #استقرار_الأنظمة

تحدي برمجي مثير: إنشاء ظلال صناديق ديناميكية تتفاعل مع مصدر ضوء أثناء التمرير!
يستعرض المطورون حلولاً مبتكرة باستخدام تقنيات مثل animation-timeline: view() و scroll()، مع التحكم في خصائص الظلال عبر متغيرات CSS المخصصة و @property.
تتنوع الحلول بين استخدام JavaScript والتنفيذ بالكامل باستخدام CSS لتعديل اتجاه الظلال بناءً على موضع العرض.

#برمجة #تطوير_ويب #CSS #JavaScript #تصميم_ويب #واجهات_مستخدم #تحديات_برمجية #تطوير_واجهات #تكنولوجيا #IT_soft22

تجنب التخمين أثناء تحليل البيانات، واستخدم التحليل الدقيق بدلاً من ذلك. يوضح أحد المطورين كيف تسبب تعبير منتظم (Regex) مصمم للكشف التلقائي عن الأعداد الصحيحة الكبيرة (bigint) أثناء فك تسلسل JSON في تجميد حلقة أحداث JavaScript في بيئة الإنتاج.

تم حل المشكلة عن طريق التخلي عن وظيفة التعبير المنتظم الشاملة واستبدالها بنمط تحويل صريح: دالة تقوم بتحويل الأنواع المخزنة (مثل النصوص) إلى أنواع التطبيق (مثل التاريخ أو الأعداد الصحيحة الكبيرة) فقط للحقول المعلن عنها.

يمتد نفس آلية التحويل هذه بشكل طبيعي لإدارة إصدارات هيكل البيانات: معالجة التغييرات الهيكلية بين إصدارات المستندات أو الأحداث (مقارنة الحقول المسطحة في الإصدار الأول بالكائنات المتداخلة في الإصدار الثاني) باستخدام دوال التحويل للقراءة والكتابة.

يُطبق هذا النمط على كل من مخزن المستندات ومخزن الأحداث، مما يتيح التوافق مع الإصدارات السابقة واللاحقة دون الحاجة إلى عمليات ترحيل جماعية للمعلومات.

#برمجة #تطوير_البرمجيات #JavaScript #إدارة_البيانات #JSON #تطبيقات_الويب #أداء #استقرار #نصائح_تقنية

تقدم Chrome 146 ثلاث ميزات جديدة لمطوري الويب:

1. الرسوم المتحركة المشغلة بالتمرير: تتيح التحكم في الرسوم المتحركة عبر CSS بناءً على موضع التمرير، مما يحل محل الأنماط الشائعة التي تعتمد على JavaScript.
2. سجلات العناصر المخصصة ذات النطاق: تسمح بتعريفات متعددة للعناصر المخصصة تحمل نفس الاسم داخل الصفحة، مما يمنع تعارض الأسماء عند استخدام مكتبات من مصادر مختلفة.
3. واجهة برمجة تطبيقات التعقيم (Sanitizer API): توفر طريقة مدمجة لإزالة المحتوى القابل لتنفيذ البرامج النصية من HTML الذي يقدمه المستخدم، مما يسهل بناء تطبيقات ويب خالية من ثغرات XSS. هذه النسخة المحدثة متاحة أيضًا في Firefox.

#تطوير_ويب #Chrome #متصفحات #CSS #JavaScript #أمان_الويب #برمجة #مطورين #تقنية