خانه (HOME)

در این صفحه با آموزش jQuery از صفر آشنا می شوی. jQuery یک کتابخانه (Library) برای زبان جاوااسکریپت است. یعنی یک مجموعه کد آماده که کارها را راحت تر می کند. با آن می توانی روی صفحه وب کلیک کنی، پنهان کنی، انیمیشن بسازی و کلی کار جذاب انجام دهی.

آشنایی با آموزش jQuery از صفر

jQuery کمک می کند راحت تر با DOM کار کنی. DOM همان نمای درختی صفحه وب است. مثلا تگ های <p> مثل برگه های دفتر هستند. با jQuery می توانی خیلی سریع این برگه ها را پیدا کنی و روی آن ها کار انجام دهی.

در منبع اصلی، اول توضیح داده شده که jQuery ساده است. می گوید: «jQuery یک JavaScript Library است» و «یادگیری jQuery آسان است». پس این صفحه، درِ ورودی تو به دنیای jQuery است. بعدا می توانی در صفحه آموزش مقدماتی jQuery توضیحات ریزتر را بخوانی.

اولین مثال jQuery در عمل

در بخش «Examples in Each Chapter» یک مثال ساده هست. آن جا از ادیتور «Try it Yourself» استفاده می شود. این ادیتور یعنی می توانی کد را آنلاین تغییر دهی و نتیجه را فوری ببینی. مثل وقتی در بازی تنظیمات را عوض می کنی و همان لحظه نتیجه را می بینی.

$(document).ready(function() {
  $("p").click(function() {
    $(this).hide();
  });
});

مشاهده در ادیتور

اینجا معنی کد چیست؟ وقتی document آماده شد، یعنی صفحه کامل لود شد، تابع داخل ready اجرا می شود. بعد می گوییم هر وقت روی یک تگ <p> کلیک شد، همان تگ مخفی شود. انگار روی یک برگه دفتر کلیک می کنی و آن برگه غیب می شود.

تمرین ، مثال و کوییز jQuery

در منبع، بخش «jQuery Exercises» وجود دارد. آن جا یک تمرین ساده می بینی. باید انتخابگر (Selector) درست را بنویسی. انتخابگر یعنی آدرسی که به jQuery می گویی کدام عنصر صفحه را بگیرد. مثلا همه تگ های <p> یا یک عنصر با کلاس خاص.

پایین تر، بخش «jQuery Examples» قرار دارد. در آن صفحه مثال های زیادی جمع شده اند. می توانی هر مثال را باز کنی و دست کاری کنی. برای دیدن آن ها از لینک زیر استفاده کن: مثال های آماده jQuery.

همچنین بخش «jQuery Quiz Test» وجود دارد. این بخش یک آزمون چندگزینه ای است. با آن می توانی خودت را بسنجی. برای شروع آزمون می توانی به این آدرس بروی: آزمون jQuery در W3Schools.

مرجع و گواهینامه jQuery

در پایان صفحه، لینک «jQuery References» دیده می شود. این بخش یک مرجع کامل است. در آن، لیست همه انتخابگرها، متدها و رویدادهای jQuery وجود دارد. برای دسترسی به مرجع می توانی این لینک را باز کنی: مرجع کامل jQuery در W3Schools.

کمی پایین تر یک بخش تبلیغ دوره و گواهینامه است. آن جا به دوره آنلاین W3Schools وصل می شود. اگر خواستی دوره رسمی ببینی، این لینک را نگه دار: دوره رسمی jQuery در W3Schools.

در سایت underdevelops می توانی بعدا صفحه انتخابگرهای jQuery را هم بخوانی. آن صفحه کمک می کند انتخابگرها را مثل آدرس خانه ها خوب یاد بگیری.

جمع بندی سریع

• jQuery یک کتابخانه جاوااسکریپت برای ساده کردن کار با صفحه وب است.
• در این صفحه با مفهوم آموزش jQuery از صفر آشنا شدی.
• ادیتور «Try it Yourself» اجازه می دهد کد را آنلاین تست کنی.
• بخش تمرین، مثال و کوییز بهت کمک می کند خودت را بسنجی.
• مرجع و دوره گواهینامه jQuery برای یادگیری عمیق تر در دسترس است.