مدونة الويب 2.0

التدوينات الموسومة بـ ‘jQuery’

وصدر الحكم بالإعدام

الأربعاء, 22 يوليو, 2009

السلام عليكم،
وقت طويل أهدرناه من حياتنا على هذا المتهم، تهمته الرئيسية هي إضاعة وقت المطورين ودفن الكثير من الأفكار الإبداعية، إنه الابن العاق لمايكروسوفت، هل عرفتموه؟ نعم إنه IE 6.

( اكمل قراءة التدوينة )

وسوم: jQuery, أخبار المدونة, أفكار, تصميم, فايرفوكس, وورد بريس
منشورة في أفكار | 32 من التعليقات »

السلام عليكم،
مثال بسيط موجود لدي أحببت أن أشارككم به وهو مثال لعملية جمع بسيطة باستخدام مكتبة jQuery وتقنية الأجاكس.
ملاحظة: يجب تشغيل الملفات داخل المخدم المحلي لأنها تحتوي على صفحات PHP أما الأجاكس لوحدها فلاتحتاج لأي سيرفر لأنها تعتمد على الجافاسكربت و XML.
صفحة (index.php)

<html>
<head>
	<script src="jquery.js"></script>

	<script language="javascript">
		$(function(){
			$("#add").click(function(){
				$.post("calc.php", { x: $("#x").val(), y: $("#y").val() },
				  function(data){
					$("#result").append("The result: " + data);
				  });
			});
		});
	</script>
</head>

<body>
	<form action="calc.php" method="post">
		<input type="text" id="x" name="x"><br/>
		<input type="text" id="y" name="y"><br/>
		<input type="submit" value="Normal Add"><br/>
		<input type="button" id="add" value="Ajax Add"><br/>
	</form>

	<div id="result"></div>
</body>
</html>

بالتأكيد ملف jQuery يجب أن يكون موجود في نفس مسار هذه الصفحة (هكذا حددناه في السطر الثالث)، بكل بساطة تقوم باستدعاء تابع post.$ الموجود في مكتبة jQuery والذي يقوم بتغليف تابع الأجاكس التلقيدي بحيث يريحك من الاستثناءات كمتصفح IE، ونقوم بتمرير ثلاثة وسائط للتابع هم مسار واسم الصفحة التي سيرسل لها البيانات وسيأخذ منها النتائج، الثاني هي مجموعة المتحولات والتي يجب أن تكون بنفس اسم المتحولات في الصفحة التي ستقوم بالحساب (calc.php)، أما الثالث فهو تابع يستقبل وسيط واحد هو النتيجة التي جاءتنا من تلك الصفحة حيث نقوم بطباعة هذه النتيجة داخل div المسماة result.

أما الصفحة التي تقوم بالحساب (calc.php):

<?php
	$x = $_POST['x'];
	$y = $_POST['y'];

	echo $x + $y;
?>

حمل ملف المثال:
Calc (401)

وسوم: Ajax, jQuery, الأجاكس
منشورة في برمجة | 2 من التعليقات »

نظام إدارة محتوى على الكيك

السبت, 2 مايو, 2009

السلام عليكم،
Wildflower هو نظام إدارة محتوى مميز مبني على CakePHP و jQuery، سهل الاستعمال والتعديل وفيه خصائص جيدة لإدارة موقع بسيط.

ولتثبيته ماعليك سوى تحميله وبناء قاعدة بيانات جديدة فارغة وتعبئتها بمحتويات الملف:
app/config/sql/wildflower.sql

والتعديل على ملف database.php لوضع إعدادات الاتصال بقاعدة البيانات الصحيحة، ومن ثم زيارة الموقع أو لوحة التحكم الموجودة على المسار yoursite/wf والمدخلات الافتراضية للمدير هي:
admin
admin321

صورة للوحة التحكم

وسوم: jQuery, إدارة المحتوى, الكيك, تطوير
منشورة في تطوير | 10 من التعليقات »

أشهر أطر العمل التي تهم مطوري الويب

الأحد, 3 أغسطس, 2008

بسم الله الرحمن الرحيم،

قائمة بأهم وليس جميع أطر العمل التي تهم مطوري الويب.

PHP

CakePHP: الأفضل من يبن الأطر.
CodeIgniter: يأتي في المرتبة الثانية بعد الكيك والبعض يفضله عن الكيك!
Fusebox: لم تسنح لي الفرصة لتجريبه.
PhpOpenbiz: مخصص للأعمال (Business) لم تسنح لي الفرصة لتجريبه.
Symfony: لم يعجبني موقعهم لذلك لم أجربه ولكن يقال عنه بأنه جيد.
Zend: بدأت به ولكن لم يعجبني لأسباب كثيرة، أهمها هو أنه عبارة عن مجموعة مكاتب برمجية ويدعون أنه إطار عمل، هو عبارة عن امتداد لمكتبة PEAR، وبنية MVC فيه عبارة عن دعاية أكثر منها بنية حقيقية.
ZooP: تطويرهم بطىء إذ لحد الأن لم يصدر سوى ثلاث إصدارات من 2005 ولم تسنح لي الفرصة لتجريبه ولن أجربه .

Javascript

jQuery: الخيار الأفضل، سريعة، سهلة، مئات الإضافات باختصار رائعة.

mootools: ممتازة ولكن إمكانياتها وإضافاتها أقل من jQuery
Prototype: من أوائل أطر العمل ولذلك أخذ شهرة واسعة وهذا لايغني عن القول بأنها قوي، ولكن شعبيته بدأت تضعف بعد ظهور jQuery
YUI!: أكبر من مجرد مكتبة جافاسكربت، معقدة وبطيئة.
dojo: كودها بشع!، وملئية بالأخطاء البرمجية
GWT: أكبر من مجرد مكتبة جافاسكربت، لم تسنح لي الفرصة لتجربتها كثيراً بما أن الغوغل محجوب عندنا لأنها تعتبرنا دولة إرهابية!
Rico: جيد ولكنه بسيط جداً لايوفر سوى القليل من المهام.
Ext: خيالية للتطبيقات الكبيرة!