سرفصل دوره (Syllabus)

در این صفحه، کل برنامه آموزشی jQuery را مثل نقشه راه می بینی. انگار دفتر برنامه ریزی مدرسه است، فقط این بار برای یادگیری jQuery و ساخت صفحه های وب جذاب.

برنامه آموزشی jQuery از کجا شروع می شود؟

مسیر یادگیری از مقدمات شروع می شود. اول با معرفی jQuery آشنا می شوی، بعد کم کم سراغ سینتکس (Syntax) و راه انداختن کتابخانه در صفحه وب می روی.

فقط کمی جاوااسکریپت ساده بدانی کافی است. بقیه مسیر این دوره کم کم و لقمه ای جلو می رود تا مغزت خسته نشود.

محتوا مرتب به روزرسانی می شود و سال هاست با کاربرهای واقعی امتحان شده است. یعنی مسیر دوره امتحان خودش را پس داده است.

بعد از این دوره چه مهارت هایی داری؟

بعد از تمام کردن این دوره، چند توانایی مهم در jQuery خواهی داشت:

• می توانی jQuery را به صفحه وبت اضافه کنی و راه بیندازی.
• می توانی با انتخاب گرها (Selectors) عناصر مختلف صفحه را پیدا کنی.
• می توانی رویدادها (Events) مثل کلیک و هاور را مدیریت کنی.
• می توانی افکت هایی مثل مخفی سازی، نمایش، فید و اسلاید بسازی.
• می توانی محتوا را بگیری، عوض کنی، عنصر اضافه یا حذف کنی.
• می توانی کلاس های CSS را اضافه و حذف کنی یا استایل ها را عوض کنی.
• می توانی در درخت DOM بین والد، فرزند و خواهر-برادرها حرکت کنی.
• می توانی با AJAX داده بفرستی و بگیری بدون رفرش صفحه.
• می توانی از توابع بازگشتی (Callback) و زنجیره ای (Chaining) استفاده کنی.
• می توانی در حالت noConflict() با کتابخانه های دیگر کنار بیایی.
• می توانی از فیلترها و انتخاب گرهای پیشرفته برای جستجوی عناصر استفاده کنی.
• در نهایت می توانی وب اپلیکیشن های تعاملی با jQuery بسازی.

jQuery به درد چه حوزه هایی می خورد؟

این دوره فقط برای امتحان نیست. در چند مسیر شغلی و درسی به کارت می آید:

• توسعه وب: ساخت وب سایت های تعاملی و زنده.
• فرانت اند: ساده تر کردن کدنویسی جاوااسکریپت در رابط کاربری.
• طراحی رابط کاربری (UI): ساخت انیمیشن و واکنش های خوشگل برای کاربر.
• وب اپلیکیشن ها: مدیریت محتوای پویا و درخواست های AJAX.
• دست کاری DOM: تغییر ساختار و محتوای HTML بدون بارگذاری دوباره.
• مدیریت رویدادها: واکنش به کلیک، حرکت موس، فشردن کلید و غیره.
• چندسکویی مرورگر: یک رفتار ثابت در مرورگرهای مختلف.

فعالیت ها و تمرین های دوره

برای اینکه فقط تئوری نخوانی، دوره چند نوع فعالیت مختلف دارد. این ها کنار هم مثل تمرین های آخر فصل کتاب هستند.

• درس ها (Lessons) برای یادگیری مرحله به مرحله.
• تمرین ها (Exercises) برای پر کردن جای خالی کد.
• آزمون (Quiz) برای سنجش خودت با سؤال های تستی.

نکته: بهترین کار این است که یک درس بخوانی، بعد سریعاً یک تمرین و یک آزمون کوچک از همان مبحث حل کنی.

پیگیری پیشرفت در برنامه آموزشی jQuery

می توانی برای خودت یک دفترچه یا فایل بسازی و بنویسی کدام فصل ها را تمام کرده ای، در تمرین ها چند امتیاز گرفته ای و در آزمون ها چند سؤال را درست جواب داده ای.

این کار مثل چک لیست است. هر بخش که تمام شد، تیک بزن تا ببینی چقدر جلو آمده ای و کجا نیاز به مرور دوباره داری.

برنامه آموزشی jQuery همیشه می تواند مرجع اصلی تو برای ترتیب مطالعه باشد.

مرور ماژول های مهم jQuery

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

• خانه jQuery (HOME)
• معرفی jQuery (Intro)
• شروع کار با jQuery (Get Started)
• سینتکس jQuery (Syntax)
• انتخاب گرهای jQuery (Selectors)
• رویدادهای jQuery (Events)
• افکت نمایش و مخفی سازی (Hide/Show)
• افکت فید (Fade)
• افکت اسلاید (Slide)
• انیمیشن در jQuery (Animate)
• توقف انیمیشن ها (stop())
• توابع بازگشتی (Callback)
• زنجیره سازی دستورات (Chaining)
• گرفتن محتوا (DOM Get)
• تعیین محتوا (DOM Set)
• اضافه کردن عناصر (Add)
• حذف عناصر (Remove)
• کار با کلاس های CSS
• تابع css() در jQuery
• ابعاد عناصر (Dimensions)
• پیمایش DOM (Traversing)
• والدها (Ancestors)
• فرزندان (Descendants)
• خواهر و برادرها (Siblings)
• فیلتر کردن نتایج (Filtering)
• مقدمه AJAX در jQuery
• بارگذاری با AJAX (Load)
• درخواست های GET/POST در jQuery
• حالت noConflict() در jQuery
• فیلترها و انتخاب گرهای پیشرفته

محیط تمرین و آزمایش کد

یادگیری jQuery بدون تمرین شبیه یاد گرفتن فوتبال از روی کتاب است. باید خودت توپ را شوت کنی. این مثال یک کد ساده است که با کلیک روی پاراگراف، آن را مخفی می کند:

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

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

می توانی همین ایده را در ویرایشگر (Editor) خودت امتحان کنی. متن، تگ یا افکت را عوض کن و ببین چه می شود.

مدرک و آزمون پایانی jQuery

در منبع اصلی برای این مسیر، آزمون نهایی و مدرک هم در نظر گرفته شده است. آزمون، خلاصه همین مسیر را می سنجد و بعد از قبولی، مدرکی با عنوان «توسعه دهنده jQuery» دریافت می شود.

دو مدل آزمون معرفی شده است: یک نوع ساده که فقط قبول یا مردود دارد و یک نوع تطبیقی که سطح تو را از متوسط تا حرفه ای مشخص می کند.

اگر معلم jQuery هستی

اگر خودت قرار است در مدرسه، دانشگاه یا کلاس آنلاین jQuery تدریس کنی، منبع اصلی از یک ابزار مخصوص مدرس ها هم صحبت می کند که امکاناتی مثل برنامه از پیش آماده، مدیریت کلاس و محیط تمرین مشترک برای دانش آموزها دارد.

حتی می توانی نسخه نمایشی این ابزار را تماشا کنی تا ببینی چطور مدیریت کلاس و تمرین ها را ساده تر می کند.

جمع بندی سریع

• این صفحه نقشه راه کامل برنامه آموزشی jQuery است.
• مسیر از مقدمات تا AJAX و فیلترهای پیشرفته ادامه دارد.
• درس، تمرین و آزمون کنار هم یادگیری را عمیق می کنند.
• یک مثال عملی با کلیک روی پاراگراف برای تمرین داری.
• در پایان مسیر می توانی برای آزمون و مدرک رسمی آماده شوی.