التدوينات الموسومة بـ ‘JavaScript’
21
Feb

فعلاً من قال ان الجافا اسكربت هي اكثر لغة علي وجه الارض تمت اساءة استخدامها لم يكذب فالجافا اسكربت ظلت لمدة ليست بالقصيرة قاصرة علي عمل تأثيرات سخيفة لصفحات الانترنت و الحقيقة لم احب الجافا اسكربت في البداية بسبب رسوخ نفس الاعتقاد القديم عنها و لكن منذ بدء ظهور مواقع تستخدم تقنيات الاجاكس ثم ظهور تطبيقات متقدمه بالجافا اسكربت لدرجة وجود مكتبات تجعلك قادر علي القيام بالعمليات التي تقوم بها في لغات البرمجة الوظيفية Functional Programming و انتهاء بـ JQuery و اخواتها تغيرت نظرتي لها و قررت سبر اغوارها كلما امكنني ذلك و الحقيقة كنت قد قمت ببرمجة آلة حاسبة بسيطة اثناء تعلمي علي بيئة الدوت نت و لكن لم يعجبني المساحة النهائية التي تربو علي 450 كيلو بايت و التي لا أراها منطقية لتطبيق بسيط مثل هذا بل و يحتاج ان يكون لديك بيئة الدوت نت مثبته علي جهازك و لن تعمل في الغالب الا علي نظام تشغيل واحد و هو الوندوز لذا قلت لنري هل بامكاني انهاء نفس الآله الحاسبة بالجافا اسكربت و هذا ما تم و لله الحمد و علي الرغم من انها قد تكون بدائية و لكني بالفعل كنت استمتع اثناء العمل عليها و الحجم النهائي لها كان 9.5 كيلو بايت (3 كيلو بايت بعد الضغط) و هذا شيء جيد بالمقارنة مع 450 كيلو بايت icon smile JsCalc   a Simple JavaScript Calclauter اليس كذلك؟

JsCalc

jscalc JsCalc   a Simple JavaScript Calclauter

لتحميل الكود من هنا [3 kb]

للذهاب لصفحة الآلة الحاسبة من هنا

يمكنك استخدام JsCalc في التالي

  • تعلم منها
  • استخدمها كآله حاسبة بسيطة ان احتجت واحدة و ربما اطورها لتكون آله حاسبة متطورة فيما بعد ان سنحت لي الفرصة
  • عدل عليها و طورها بنفسك فهي تحت رخصة جنو العمومية

ايضا أرحب جدا بأي تعليق لاني لازلت اتعلم و احتاج توجيهاتكم و نصائحكم

, , , , , ,

01
Dec

قسم جديد رايت انه حان الوقت لفتحه في المدونة و جاء القرار متزامنا مع قراري باعطاء كل روابط المدونة الخاصية Rel مع القيمة NoFollow لذا يمكنني وضع روابط كما اشاء icon smile أخبار و راوبط (1)

اخبار

روابط

, , , , , ,

30
Oct

adobe air js developers Free Book: Adobe AIR for JavaScript Developers
الأن يمكنكم الحصول علي الكتاب Adobe AIR for JavaScript Developers بصيغته الالكترونية مجاناً من خلال الأجابة علي هذا الاختبار الصغير. الأجابات الصحيحة ليست مهمة فقط و لكن لو قرأت هذا المقال ستعرف الأجابات الصحيحة.

علي اي حال الاجابات الصحيحة هي كالأتي :

  1. Safari
  2. The alpha filter
  3. CSS Transforms
  4. -webkit-column-count
  5. background-size

Rich Internet Applications – RIAs

هذه الأيام مهتم كثيراً بتطبيقات الانترنت الغنية و أحاول أن استنتج هل هي فعلا غنية و هل لها مستقبل و هل هي بشيء يمكن استفاذ بعض من وقتي عليه مقابل الحصول علي منفعة مستقبلاً و ما أفضل منصات تطبيقات الانترنت الغنية. اذا كنت انت ايضا تريد معرفه المزيد يمكنك استخدام الكلمات المفاتحية الاتية للبحث عنها

  • Rich Internet Applications
  • Adobe AIR
  • Adobe Flex
  • Silverlight
  • JavaFX
  • OpenLaszlo
  • ZK Framework
  • Curl programming language
  • Backbase

لا انصحك بالبحث عن مصادر عربية لانك لن تجد شيء الا ربما قد تجد مقالات تعريفية عن السيلفرلايت و مقالة اخري عن الادوب اير كما يوجد و اقولها بفخر مدونة عربية منصورية -نسبة لمدينة المنصورة بمصر- متخصصة في الجافا اسكربت و تطبيقاتها و بالطبع الادوب اير و هي مدونة Keepondev

الانقطاع التدويني – التدوين الجماعي هو الحل

مدونتي دخلت الفترة السابقة لحالة السبات التدويني و ليست هذه المدونه فقط بل مدونات اخري انشئتها و منها من مات قبل ان يبدأ مثل مدونة “شباب اعمال” و مدونة “مجموعة مستخدمي روبي العربية” و انخفاض المعدل التدويني في مدونتي هذه و مدونه “طريق الابونتو” لذا قررت الاتي:

  • انه يمكنني التبرع بمدونة شباب اعمال لمن يمكنه الكتابه فيها بانتظام و ان وجدت اكثر من شخص يمكنه الكتابة فيها يمكننا جعلها مجلة جماعية يكتب فيها رجال الاعمال المستقبليون مثلي و مثلك ان شاء الله.
  • سيتم تحويل مدونة مستخدمي روبي العرب الي مدونة جماعية لمتعلمي لغة روبي البرمجية العرب حيث يمكن لاي شخص قادر ان يكون كاتب مشارك معنا بشرط ان يبدأ في تعلم لغة الروبي او يكون بالفعل بدأ في تعلم لغة الروبي و حتي يكون استاذ في لغة الروبي … ايا كان و الشرط الاخر ان يقوم بكتابة علي الاقل مقال عن الروبي او اخوتها (Rails – Merb – JRuby – IronRuby -etc) بجانب خبر عن الروبي مع المقال كل شهر .
  • القرار الثالث هو فتح الباب للمشاركة في موقع طريق الابونتو لاي شخص يستخدم الابونتو كنظام تشغيل اساسي له.
  • القرار الرابع و ان كنت لم اتخذه بعد فكرت كثير فية و هو فتح الباب في مدونتي الشخصية للمقالات الشخصية و هوه القرار الذي احتاج رايكم فيه و هو سبب ان تدويناتي قليلة العدد فانا اخطط لكل مقال قبل البدء فية و مهما احببت ان اكتب عن شيء شخصي فانا لا اقوم بذلك احتراما مني لوقتكم و لكن فجأة بالأمس قلت انها مدونة تقنية شخصية لما لا اضفي عليها بعض الشخصية من خلال كتابتي لمقالات تعبر عن ارائي الي حد ما و ليس لها علاقة بالتقنية نسبيا و هذا القرار قد يكون له الاثر في زيادة عدد التدوينات بشكل كبير في مدونتي الشخصية و التقنية علي حد سواء
    انا كنت و لازلت من انصار التخصص في المدونات و لا احب مدونات “سمك لبن تمر هندي” و لكن انا استاذن منكم في كتابة بعض التدوينات الغير تقنية و التي قد تكون في بعض الحالات شخصية

الاصدار الاحدث من الابونتو 8.10 Ubuntu Intrepid Ibex

صدر اخر إصدار من توزيعة اللينكس المشهورة الابونتو منذ حوالي الساعة تقريبا و حاليا انا اقوم برفعه علي السيرفر الخاص بموقع طريق الابونتو نظرا لان السيرفرات الخاصة بالابونتو بطيئة جدا بسبب الضغط الشديد فقط تابع موقع طريق الابونتو عن طريق RSS و ستجد ان شاء الله خلال ساعة من الان التوزيعة جاهزة للتحميل من علي سيرفرات طريق الابونتو.

رؤية عربية لمعالجة خطأ 404

فكرة … عربية … جديدة و تحتاج ان تكون اجتماعية و لكنها كخطوة اولي هي شيء عظيم و بالطبع ننتظر تحديثها
http://404arabs.com

, , , , ,

27
Feb

كيف تغير الـ CSS IDs باستخدام الجافا اسكربت

يوجد طرق و تكنيكات متعددة لتغير الـ CSS باستخدام الجافا اسكربت منها ما ساذكره الان. و نحتاج لمثل هذه التكنيكات لاضافة مزيد من الديناميكية علي صفحاتنا.

كيفية الاستفادة منها

يمكننا مثلا و بكل سهولة اضافة DIV يحتوي علي اعلانات و جعل المستخدم للصفحة يتحكم في اظهار او اخفاء هذه الاعلانات او مثلا جعل المستخدم يختار حجم اكبر للخطوط الموجودة او مثلا يمكننا ان نصمم صفحاتنا علي اساس ان عرضها 800 بكسل و اضافة خاصية تمكن المستخدم من جعل عرض الصفحة 1024 بكسل لمستخدمي الشاشات ذات الدقة الاكبر

مثال علي ذلك

هذا هوا مثال علي ذلك و لتحميل الكود من هنـــــا
للعلم لقد وضعت هذا الكود تحت الرخصة Public Domain اي يمكنك ان تفعل به ما تريده .

شرح الكود المستخدم في المثال

Xhtml
انشئنا Div يحتوي علي الاعلانات سميناه adsbar و Div اخر يحتوي علي بقي عناصر الصفحة سميناه Body كما ضفنا زر لاغلاق هذا الشريط الجانبي و جعلنا تنسيقة يظهر و كانه ايقونة اغلاق.

CSS
جعلنا عرض العمود الجانبي الذي سيحوي الاعلانات يمثل خمس مساحة الشاشة و باقي عناصر الصفحة تمثل اربع اخماس الشاشة
JavaScript
ما سبق كان سهلا نأتي الان للجزء المهم و لهذا ساشرح الكود بمزيد من الاهتمام.
اول شيء انشئنا دالة لتخفي العمود الجانبي الحاوي للاعلانات و اسميناها HideAds

function HideAds()
{
document.getElementById(“adsbar”).style.visibility=”hidden”
document.getElementById(“body”).style.width=”100%”

}

و كما ترون جعلتنا الجافا اسكربت قادرين علي اخبار المتصفح ان ال Div Id التي تسمي adsbar نريد ان تجعل للخاصية visibility قيمة جديدة و هي hidden
يعني باختصار ما حدث هوا ان الوضع الافتراضي لهذا الـ ID هو

Visibility: visible

قلنا للمتصفح اجعله

Visibility: hidden

و علي نفس المنوال يمكننا ان نخبر المتصفح مثلا او بتغيير اللون او ما نريد انت عرفت الان كيف تصطاد فاصطاد ما تحب.
و لكن عند اخفاء هذا الشريط الجانبي ستضل باقي الصفحة تمثل اربع اخماس الشاشة لذلك سنجعل الجافا اسكربت تخبر المتصفح ان يجعل الـ ID الذي يدعي body ذو عرض يمثل 100% من الشاشة عن طريق الامر

document.getElementById(“body”).style.width=”100%”

و علي هذا المنوال يمكنك ان تفعل ما تريد و تضيف دينامكية كبيرة لصفحتك.
صورة توضحية

js css تغير الـ Css باستخدام الـ JavaScript

و لا تنسي المثال علي ما سبق هنـــــا و لتحميل الكود من هنـــــا

,