مقدمات یادگیری JQUERY

همينطور که ميدونيم JQUERY يک کتابخانه جاوا اسکريپت هست . پس نياز هست مقداري آشنايي با اين زبان کلاينت سايد داشته باشيد.

اما از همه مهمتر  شما بايد با تگ ها و المنت هاي html و xhtml  آشنايي داشته باشيم. در اين پست سعي مي کنم موارد ضروري، که بايد حتما بلد باشيد رو مختصري توضيح ميدهم!!

هر عنصر يا المنت مي توانيد داراي بخش هاي زير باشد.

1- صفات (Attribute’s) : شامل صفت هايي هستند که ما به عنصرهاي داخل صفحات ميدهيم. مانند title,dir,lang, hight,widthو
name ……
[html]

<div dir="rtl" lang="fa" title="hello"></div>

[/html]

نکته : در خيلي از عنصر ها صفات خاص دارند يا صفاتي که در ساير عنصر ها هستند رو ندارند.

2- شناسه يکتا ( ID ) : ما مي توانيم به هر عنصر يک شناسه يکتا اختصاص بديم تا بتونيم به راحتي از ساير عنر هاي هم نوع شناسايي و انتخاب کنيم

[html]

<div id="maindiv"></div>

[/html]

3- کلاس (class) : تعريف کلاس هم يک نوع شناسه هست. هم ميتواند يکتا باشد. هم يکتا نباشد. و بيشتر در صفحاتي که بر پايه css طراحي مي شود استفاده مي شود.

[html]

<div class="hidediv"></div>

[/html]

4- سبک (style) : به کمک اين صفت مي توانيد صفاتي که براي ظاهر عنصر مورد استفاده ميگيرند رو در اين صفت و inline قرار بديد

[html]

<div style="width:30px; height:40px; background:#CCCCCC;"></div>

[/html]

سوال اينجاست اينها به چه درد ما ميخوره؟!

سوال خوبي هست. بايد خدمتتون عرض کنم که براي کنترل عنصر ها توسط جاوا اسکريپت ما نياز داريم که بتونيم عنصر مورد نظرمون رو سريع پيدا کنيم. راه هاي زيادي هست براي شناسايي. شايد سريع ترين راهي که مد نظرتون بياد اين هست که ما ميتوانيم کل عنصر ها رو اسکن کنيم و عنر مورد نظر رو پيدا ميکنيم. اما به نظر شما اين کار درست و بهينه اي هست؟ شايد در صفحاي که ما ميخواهيم اين کار رو انجام بديم صدها عنصر همانند وجود داشته باشه؟ اونقت به نظر شما چه مقدار وقت بايد صرف پيدا کردن عنصر مورد نظرمون بکنيم؟

در مطلب بعدي خواهيم ديد که ما توسط jquery  چه طور به کمک موارد بالا يعني شناسه ها ، کلاسها يا نوع عنصر به راحتي عنصر مورد نظرمون رو پيدا خواهيم کرد.

JQuery (جی کوئری) چیست

JQuery یک فریمورک جاوا اسکریپت می باشد. اما اصلاً یک فریمورک چیست؟ و فقط مورد نیاز یک برنامه‌نویس است یا یک طراح وب هم می‌تواند از آن بهره ببرد؟

نمی‌دانم وقتی صحبت از فریمورک می‌شود چه تعریفی برای آن در ذهن دارید. بطور کلی می‌توان فریمورک را مجموعه‌ای از ابزارها، کتابخانه‌ها، قراردادها و بهترین شیوه‌ها تعریف کرد بطوریکه سعی می‌کنند وظایف روتین را به سوی مدل‌های جامعی سوق دهند که دوباره می‌توانند مورد استفاده قرار بگیرند. هدف این است که به یک طراح یا توسعه دهنده اجازه داده شود تا بر روی وظایفی که در انجام پروژه مهم هستند تمرکز کند. البته وقتی صحبت از فریمورک می‌شود الزاماً در مورد چیزی که ساخته شده، بصورت پکیج در آمده و برای عموم منتشر شده حرف نمی‌زنیم. چرا که ممکن است یک فریمورک منحصراً برای شما یا تیم شما باشد.(منبع الوان وب)

همینطور که در بالا توضیح داده شد. jquery یک کتابخانه از توابع آماده شده برای جاوا اسکریپت می باشد. در این زمینه فریمورک های دیگری هم وجود دارند. همانند Prototype و MooTools و فریمورک معروف یاهو با نام YUI .که هر کدوم از این فریمورک ها داری معایب و مزایای مختص خود هستند.

ادامه‌ی خواندن

بروز رسانی شمارنده مطالب + امکانت جدید برای موبل تایپ 4

در راستاي تصميماتم مبني بر توسعه امتي 4 فارسي، امروز هم يکي از کارهاي ديگرم رو که براي امتي 4 آماده کرده ام رو براي علاقه مندان معرفي و انتشار مي دهم.

قبلا در فروم امتي يا پرشين تولز با شمارنده مطالب و انواع اقسام آنها آشنا شده بوديد. که بهترينشون پلاگيني بود که ميلاد انتشار داد و بعد از اون پويا هم تغييراتي در اين سيستم شمارنده ايجاد کرد که ليست بيشترين بازديد از مطالب رو نمايش ميداد

اما در امتي 4 ليست بيشترين بازديد قابل استفاده نيست. به همين دليل به فکر ايجاد يک هک ديگه براي امتي 4 شدم. که امکاناتي بيشتر از يک شمارنده داشته باشه.

اين هک در اصل توسعه شمارنده هاي قبلي هست و لازم به تغيير در ديتابيس و تيبل مربوط به نگهداري گليک ها نمي باشد.

تغييرات انجام شده عبارت است :

شمارنده مطلب : (بهينه شده)

نمايش شمارنده :(بهينه شده)

تاپ اينتري يا ليست بيشترين بازديد : (اضافه شده در اين نسخه)

مطالب اتفاقي : (اضافه شده در اين نسخه)

ادامه‌ی خواندن

هک تاریخ شمسی برای امتی 4

چنديس به پچه هاي فروم امتي قول دادم که هک هايي که براي امتي 4 آماده کرده ام رو براشون انتشار بدم.امروز اولين هديه خودم رو به اين دوستان تقديم ميکنم
هک تاريخ شمسي براي امتي 4 :
اين هک به کمک پلاگين تاريخ شمسي که ميلاد راستين براي php نوشته تهيه شده. دو تابع کوچيک به اون اضافه کردم تا تاريخ هاي امتي بيشتر نزديک بشه.
مراحل نصب و استفاده :
1- دانلود اين هک : کليک کنيد
2- اين فايل رو در روت وبلاگ از حالت فشرده خارج کنيد
3- حالا قالب مورد نظر رو باز کنيد و در اولين خط دستورات پي اچ پي زير رو قرار دهيد

[php]
<?php include("pdf.php"); ?>
[/php]

4- بعد از انجام مرحله بالا حالا نوبت به تغيير تگ هاي تاريخ هست مافيست فقط بجاي تگ هاي زير معادل آنها رو قرار بديد
: تاريخ اينتري ها

[php]
<? pdmtd( ‘<MTEntryDate format="%y-%m-%d">’,1 ); ?>
[/php]

<$MTArchiveTitle$> : تاريخ آرشيو هاي ماهانه

[php]
<? pdmtm( ‘<$MTArchiveTitle$>’,1 ); ?>
[/php]

تموم شد. حال کافيست صفحات رو مجددا بازسازي کنيد.
2 نکته باقي مي مونه ، 1- در هر تابه مقدار عددي 1 قرار دارد. اين مقدار يعني 1 يعني تاريخ رو به صورت فارسي (يونيکد) نمايش بده و اگر 0 قرار بدهيم تاريه هاي به صورت اينگليسي نمايش داده مي شود
نکته دوم در آرشيو هاي ماهانه و کتگوري بايد از تگ <$MTBlogSitePath$> براي آدرس دهي روت وبلاگ استفاده کنيد.
اميد وارم مورد استفاده شما دوستان قرار گيرد.


لینک فایل تصحیح شد.

شروع میکنم با بیان بسمه الله نور

بسمه الله نور

خیلی وقته دلم می خواست که وبلاگ نویسی کنم؟! اما در باری چه موضوعی نمی دونستم. دوست داشتم همیشه یک چیزی رو آموزش بدم. اما چی؟ نمی دونستم.

چند سالی هست که با اسکریپت مدیریت صفحات وب  مووبل تایپ فعالیت میکنم. و به نظر خودم به سطح خوبی در این زمینه رسیدم. جدیدا هم با کتابخانه های جاوا مخصوصا چی کوئری سرو کله زدم و بهش تسلط خوبی پیدا کردم . الان می بینم که میتونم در توسعه این دو مخصوصا امتی 4 که واقعا محشر شده. دانسته های جدید و ابزار یا هک هایی که برای این سیستم تهیه کرده ام به صورت عمومی انتشار بدم.

از امروز سعی میکنم که این سیستم غول پیکر رو به صورت کاملا واضع و کاربردی آموزش بدم.

به امید خدا شروع میکنم.