السلام عليكم و رحمه الله تعالى و بركاته

عند برمجتك ال AIR عن طريق HTML/CSS/Javascript فإن المترجم لكل هذه التقنيات هو WebKit المترجم الموجود فى المتصفح safari على الكمبيوتر و ال iphone و قد إختارته شركه ADOBE بعد البحث لأسباب كثيره أهمها انه مفتوح المصدر و مجتمع المطورين فيه يزداد و التطوير فيه مستمر و دائما يقوم بطرح توصيات منظمه W3C للعمل عليها و دمجها فى المترجم مثل DOM specifications و CSS level specification و HTML و توصيات مجموعه WHATWG بالإضافه إلى ماتضيفه WebKit على غيره من المتصفحات فعلى سبيل المثال فى ال CSS يمكنك عمل حواف دائريه للعناصر بدون إستخدام الهاكات او المكاتب التى أعدت لذلك مثل rounded corners كل ماعليك هو إستخدام الخواص الجديده و الحصريه فى WebKit و المثال التالى يوضح ذلك

-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-top-left-radius:20px;

و الصوره توضح العنصر ذو الحواف الدائريه عن طريق أربع أسطر من الكود فقط بدون تعقيدات المكاتب و الهاكات

و لذلك عليك معرفه خواص المترجم عن ظهر قلب و هذه الروابط ستفيدك

ال CSS فى بيئه ال AIR و المرجع الشامل لكل خواص ال CSS فى WebKit

ال javascript فى بيئه AIR

ال HTML فى ال AIR

و أخيرا موقع webkit

و إذا كان لديك إستفسار إترك تعليق او راسلنى

السلام عليكم و رحمه الله تعالى و بركاته

قد ذكرت من قبل انى أكتب framework لمرمجين ال AIR بالجافاسكربت و قد أنهيت اليوم الجزء الخاص بالنوافذ NativeWindows و القوائم NativeMenus حيث يمكنك عمل قوائم فى غايه التعقيد فى أسطر قليله جدا جدا جدا و كذلك عمل نوافذ و تخصيصها بدون معاناه و بعد كتابه هذا المقال سوف أبدأ فى العمل فى الجزء الخاص بالسحب و الإلقاء Drag and drop ، بالنسبه لل Syntax فهو شبيه إلى حد ما ب YUI حيث أن كل الكائنات تحت namespace واحد يمكنك التوصل إليها من خلاله كل ما عليك مثلا لعمل نافذه جديده هو الطريقه create داخل الكائن windiw ال parameter الذى هو عباره عن خصائص النافذه كلها ، فور قرب الإنتهاء من ال framework سوف أكتب فى مدونه خاصه بها سوف أجعلها باللغه الانجليزيه لسببين أنى اريد أهتمام عالمى من المبرمجين بالإضافه إلى أن العرب لا يساعدون فى مثل هذه الأشياء إلا من رحم ربى ، و سوف أطرحها للأختبار قبل أن أنزع منها اللقب Beta ، ان لم تكن تعلمت ال AIR حتى الان فأبدا حالا فهو لا يحتج منك إلا خبره بالجافاسكربت و بعض ال HTML و ال CSS حتى يمكنك إستخدام قدراته فى عمل تطبيقات سطح المكتب

السلام عليكم و رحمه الله تعالى و بركاته

اليوم قمت بوضع كتاب Oreilly : DoJo the defenitive guide فى قائمه الكتب الخاص بى فى امازون amazon wish list قام بتأليف الكتاب Matthew Russell و هو بمثابه مرجع شامل لمكتبه DoJo التى توفر لك كل ماتحتاجه لبرمجه ال browser المتصفح بدايه من تحسين لغه الجافاسكربت نفسها بالإضافه غلى مجموعه كبيره من ال widgets التى تتضمن Data grids و calendars و امكانيات السحب و الإلقاء Drad and drop و اداوات حفظ البيانات و إسترجاعها و غيرها من ال widgets التى ستحتاجها و يقوم الكتاب بتغطيه كل أداه توفرها المكتبه تغطيه شامله بالإضافه إلى أمثله توضيحيه تجيب على كل إستفساراتك لكى تصبح خبيرا بها

يغطى الفصل الاول من الكتاب لغه javascript و كيف يتم التعامل مع بنيتها عن طريق ال dojo و تسويه الفروق بين المتصفحات

و يغطى الفصل التانى من الكتاب التعامل مع الاحداث و الاحداث المتعلقه بال Keyboard keys و ال event listeners

و يغطى الفصل الثالث تقنيه ال AJAX و كيفيه التخاطب بين المتصفح و السيرفر عن طريق ال DoJo و طريق التخاطب بين الدومينات المختلفه عن طريق JSONP و يناقش أيضا remote procedure calls | rpcs عن طريق JSONP

أما الفصل الرابع فيقوم بتغطيه ال DOM Query و كيفيه جلب عناصر ال html عن طريق تخصيص الاختيارت و كيفيه عمل NodeList و NodeList Extension و كيفيه توسيع و إمداد المكتبه بما يناسبك من وظائف DOM query

أما الفصل الخامس فيناقش i18n و السادس يناقش خواص الالقاء و السحب التى تدعمها المكتبه لجعل تطوير مثل هذه الواجهات اسهل من نظائرها المعقده

و الفصل السادس يناقش ال Animation و كيفيه عمله عن طريق الكود و دمجه مع خصائص ال Drag grop الموجوده بالمكتبه حيث ان أحد عناوين هذا الفصل Animation + Drag and Drop = fun اما باقى الابواب فتغوص بك فى الخصائص المتقدمه للمكتبه و التى تتناول Data Abstraction و الوراثه و البرمجه الموجهه بالكائنات Classes and Inheritance و هذا بالإضافه إلى مناقشه Dijit و التى ستهم المصممين فى سهوله عمل التصميمات المعقده و التى يمكن برمجتها بالكود بمنتهى السهوله و إمتدادها و مساوتها بين جميع المتصفحات ثم ينتقل بك الفصل الثالثت عشر إلى ال Form Widgets و يناقش جميع عناصر الفورم التى يمدك بها dojo مثل ال slider و ال calendar و ال buttons variation و غيرها من العناصر التى تساعدك فى عمل فورم معقد نسبيا ثم ينتقل الفصل الرابع عشر إلى Layout Widgets و التى تناقس الادوات مثل Tabs و ال Accordion و غيرها و الفصل الخامس عشر ينتقل إلى عناصر ال application widgets و يناقش ال tree و ال dialogue و ال toolbar و ال color palete و ال title pane و غيره و بهذا ينتهى الكتاب و يعطى لمن قرأه قوه غير عاديه فى بناء تطبيقات ويب تفاعليه و غنيه بالعناصر و شبيه بتطبيقات سطح المكتب

]]> http://keepondev.wordpress.com/2008/07/04/oreilly-dojo-defenitive-guide/feed/ keepondev http://keepondev.wordpress.com/2008/07/02/keepondev-lecture-on-youtub/ http://keepondev.wordpress.com/2008/07/02/keepondev-lecture-on-youtub/#comments Wed, 02 Jul 2008 17:42:10 +0000 mostafa farghaly http://keepondev.wordpress.com/?p=105

السلام عليكم و رحمه الله تعالى و بركاته

قد قمت بتسجيل محاضرات فيديو لشرح google rss reader و خدمه del.icio.us و خدمه stumbleUpon

و قد قام أحد زوار المدونه جزاه الله كل الخير برفعهم على اليوتيوب حتى تعم الفائده و هذه هى الروابط لمن يريد نشرهم

شرح google reader من هنا http://www.youtube.com/watch?v=Ojs0Z3fOO7Y

شرح del.icio.us من هنا http://www.youtube.com/watch?v=5FYAOIkDkPM

شرح stumbleUpon من هنا http://www.youtube.com/watch?v=pQR7B6QSeZo

إذا أعجبتك أى محاضره فقم بإعطائها لغيرك حتى تعم الفائده

السلام عليكم و رحمه الله تعالى وبركاته

لاتوجد طريقه للتعلم أفضل من التعلم من المصدر ، إذا كنت تريد برمجه ال AIR عن طريق javascript فإضغط هنا بالإضافه إلى تحميل كتاب adobe integrated runtime for javascript developers و إن كنت تريد برمجه ال AIR عن طريق Flash فإضغط هنا و لو كنت تريد برمجه ال AIR عن طريق FLEX فإضغط هنا ، قم بتحميل ال reference الخاص بالتقنيه التى ترغب فى البرمجه بها ستجده شامل جدا و سيغنى عنك الكثير من البحث ، هذا بالإضافه إلى adobe air forum و هو المنتدى الخاص بالنقاش حول الاير فإن لم تشارك به قم بمتابعته عن طريق ال RSS فالمشاكل التى ستقرأها ستزيد من خبرتك ، أخيرا قم بمتابعتى لأنى سأكتب ان شاء الله بكثره عن AIR لمبرمجين ال javascript

السلام عليكم و رحمه الله تعالى و بركاته

لابد أن تتعلم Adobe AIR لهذين السببين من وجهه نظرى :

1- ستتمكن من برمجه desktop apps برامج تعمل على سطح المكتب من خلال تقنيات الويب مثل javascript او flash او flex بدون تعلم اللغات المعقده مثل C او Java او غيرهما من لغات سطح المكتب

2- البرنامج الذى تكتبه سوف يعمل على Windows و MAC OS و Linux بدون تغيير الكود و عمل أصدار لكل نظام كما فى غيرها من التقنيات او اللغات

السلام عليكم و رحمه الله تعالى و بركاته

هل عانيت من مشكله الابعاد التى قد تواجهك عند التعامل مع YUI grid حيث أنك عندما تظبطها للعمل على ابعاد 100% فإنها تسبب الضجر للمستخدمين ذوى الشاشات عاليه الدقه و عندما تظبطها على أبعاد 800*600 فإنها ستكون غير مملائمه أيضا لشاشات عاليه الدقه و عندما تظبطها على الابعاد 1024*876 فإنها غير ملائمه لمستخدمين الشاشات منخفضه الدقه .

أخيرا قام christian heilmann احد مطورى مكتبه YUI | Yahoo user interface التى تعمل على أغلب مواقع الياهو بتطوير حل مناسب يقوم على قياس أبعاد الشاشه و تغيير ال classes لعناصر الجدول بناءا على ذلك حتى تلائم الابعاد الحاليه للشاشه

السلام عليكم و رحمه الله تعالى و بركاته

المتصفح الشهير Opera قام بإستئجار العديد من الناس وظيفتهم تصفح الإنترنت و إيجاد المواقع التى لا تعمل على Opera بشكل صحيح و أرشفتها و نقوم Opera بنصيحتهم كيف يغيرون أو يضيفوا الكود حتى يعمل على جميع المتصفحات بما فيها Opera و هذى خطوه من ضمن خطوات ليست جديده على Opera حتى تزيد من مشاركتها فى سوق المتصفحات المسيطر عليه firefox و Internet explorer للمزيد ستجد هنا فى هذا المقال الذى كتبه Nik Cubrilovic

السلام عليكم و رحمه الله تعالى و بركاته

كتب Andrew Dupont كتاب Practical prototype and scriptaculous لدار النشر APress و قد أعطى نسخه تحتوى على الجزء الرابع من الكتاب ل ajaxian يمكنكم تحميل هذا الجزء من هذا الرابط فى صوره pdf ، هذا الجزء من الكتاب يتعمق فى Ajax.Updater و Ajax.Request و Ajax.PeriodicalUpdater و هذا مقطع من الكتاب

By now, you’re almost certainly familiar with Ajax as a buzzword. Technically, it’s an acronym—Asynchronous JavaScript and XML — and refers specifically to JavaScript’s XmlHttpRequestobject,which lets a browser initiate an HTTP request outside the confines of the traditional page request.

Yawn. The technology isn’t the exciting part. Ajax is huge because it pushes the boundaries of what you can do with a web UI: it lets you reload part of a page without reloading the entire page. For a page-based medium like the Web, this is a seismic leap forward.

السلام عليكم و رحمه الله تعالى و بركاته

لغه processing فى الاصل هى لغه مفتوحه المصدر تهدف للرسم بواسطه الكود و عمل animation و اشكال تفاعليه و رسم بيانى بواسطه الطلبه و الهواه و الرسامين حتى تزيل الحكر و سيطره الشركات الكبيره على هذا المجال فى السوق ، قام بالبدأ فى المشروع Ben Fry و Casey Reas ولاقت رواجا واسعا و إزداد مجتمع المبرمجين الذى تبنى اللغه الجديده و قد كتبت عنها كتب عده مثل Oreilly - visualizing data و processing creative coding and computational art و Processing: A Programming  Handbook for Visual Designers and Artists بالإضافه الى المقالات الهائله التى كتب عنها فى المدونات و المجلات المتخصصه ، و هذا مما شحن همه العبقرى john resig مطور مكتبه jquery بأن يكتب processing.js فى أوقات فراغه ليصدرها بعد شغل يقرب من 7 شهور ، و هى تهدف إلى كتابه لغه processing فى المتصفح و ترجمتها و إعرابها عن طريق javascript regular expressions و تحويلها إلا العنصر canvas و التحكم بها و التعامل مع الاحداث عن طريق جافاسكربت و هذا يؤدى إلى اعتماد ال processing.js على المتصفحات التى تدعم العنصر cancas و هى firefox3 و Opera 9.5 و WEBkit nightly و من يدرى ربما مايكروسوفت IE يفاجئنا فى الإصدار رقم 8 بأنه يدعم العنصر canvas ، و هذه بعض المقالات التى كتبت عن processing.js

processing.js بواسطه john resig أول مقاله كتبت و يقدم فيها processing لمجتمع مطورى JS

processing after math بواسطه john resig و يشير إلى رد فعل المطورين بعد الإصدار

مقاله كتبت فى المشروع مجتمع المطورين العرب

هذا بالإضافه إلى المحرر obessing الذى مازال فى المرحله alpha وقت كتابه هذا المقال و الذى يمكنك من تحرير processing.js و عرضها فى المتصفح و الصوره التاليه توضح obessing