شروع کار (Get Started)
در این صفحه می بینیم چطور شروع کار jQuery را انجام بدهی. یعنی بفهمی فایل jQuery را از کجا بگیری و چطور آن را به صفحه ات وصل کنی. مثل وقتی در بازی اول باید «بازی را نصب» کنی، اینجا هم اول باید jQuery را درست وارد صفحه کنی.
روش های شروع کار jQuery در صفحه وب
برای شروع کار jQuery دو راه اصلی داری. راه اول این است که فایل jQuery را دانلود کنی و روی هاست خودت بگذاری. راه دوم این است که از CDN استفاده کنی. CDN یعنی شبکه ای از سرورها که فایل ها را از نزدیک ترین سرور به کاربر می فرستند.
- دانلود کتابخانه jQuery از سایت رسمی
- استفاده از نسخه میزبانی شده jQuery روی CDN مثل گوگل
دانلود jQuery برای شروع کار
وقتی می خواهی فایل jQuery را خودت نگه داری، باید آن را دانلود کنی. در سایت رسمی، دو نسخه می بینی. نسخه Production برای سایت واقعی است. این نسخه فشرده و کوچک شده است. نسخه Development برای تمرین و توسعه است. این نسخه خواناتر است و فضای بیشتری می گیرد.
هر دو نسخه از این آدرس قابل دانلود هستند: دانلود jQuery از jQuery.com. بعد از دانلود، باید فایل را با تگ <script> در بخش <head> صفحه HTML خودت قرار بدهی.
<head>
<script src="jquery-3.7.1.min.js"></script>
</head>
نکته: بهتر است فایل دانلودی jQuery را در همان پوشه ای بگذاری که فایل های HTML تو قرار دارند. این کار آدرس دهی را ساده می کند و اشتباه کمتر می شود.
شروع کار jQuery با CDN
اگر نمی خواهی فایل jQuery را خودت نگه داری، می توانی از CDN استفاده کنی. CDN مخفف Content Delivery Network است. یعنی شبکه ای از سرورها در نقاط مختلف دنیا. وقتی کاربر سایت تو را باز می کند، فایل jQuery از نزدیک ترین سرور به او فرستاده می شود.
یک نمونه رایج، CDN گوگل است. در این روش، فقط آدرس فایل jQuery روی سرور گوگل را در تگ <script> می نویسی.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
یک مزیت بزرگ این روش این است که خیلی از کاربرها قبلاً همین فایل jQuery را از گوگل دریافت کرده اند. پس مرورگر آن ها فایل را از کش (Cache) می خواند، نه از اینترنت. این یعنی سرعت بارگذاری بیشتر و مصرف اینترنت کمتر.
مقایسه دانلود و CDN در شروع کار jQuery
اگر فایل را دانلود کنی، کنترل کامل در دست تو است. حتی اگر اینترنت کاربر مشکل داشته باشد، تا وقتی به هاست تو برسد، jQuery لود می شود. اما حجم هاست تو کمی بیشتر می شود. در روش CDN، کنترل دست تو کمتر است، اما سرعت و کش برای کاربر بهتر است.
برای پروژه های تمرینی کوچک، هر دو روش خوب هستند. اما در پروژه های حرفه ای، معمولاً از CDN استفاده می شود یا ترکیبی از هر دو. مهم این است که شروع کار jQuery را درست انجام دهی تا در مراحل بعدی، مثل سینتکس jQuery با ارورهای عجیب روبه رو نشوی.
گام های عملی برای شروع کار jQuery
- یک فایل HTML ساده بساز؛ مثلاً
index.html. - بین تگ های <head>، تگ <script> را اضافه کن.
- برای روش دانلود، آدرس فایل محلی jQuery را بنویس.
- برای روش CDN، آدرس CDN گوگل را مانند مثال بالا قرار بده.
- فایل را در مرورگر باز کن و مطمئن شو خطایی در کنسول نیست.
اگر هنوز با مفهوم jQuery راحت نیستی، یک بار دیگر صفحه معرفی jQuery را مرور کن. بعد از آن می توانی به سراغ صفحه سینتکس jQuery بروی و شکل نوشتن دستورات را یاد بگیری.
جمع بندی سریع
- برای شروع کار jQuery باید فایل آن را به صفحه وصل کنی.
- دو روش اصلی داری: دانلود فایل jQuery یا استفاده از CDN.
- نسخه Production برای سایت واقعی و نسخه Development برای توسعه است.
- CDN می تواند سرعت بارگذاری را برای کاربران بالاتر ببرد.
- بعد از این مرحله، سراغ یادگیری سینتکس و دستورات jQuery برو.