jQuery শুরু করা

আপনার ওয়েব পেজ এ jQuery যোগ করা

আপনার ওয়েব পেজ এ jQuery শুরু করার জন্য বেশ কিছু উপায় রয়েছে:

  • jQuery.com ওয়েব পেজ থেকে jQuery লাইব্রেরি ডাউনলোড করে
  • CDN যেমন-Google থেকে jQuery অন্তর্ভুক্ত করে।

 

jQuery ডাউনলোড করা

ডাউনলোড করার জন্য jQuery এর দুটি ভার্সন রয়েছে:

  • উৎপাদন সংস্করণ - এটি আপনার লাইভ (ওয়েবে সচল) ওয়েব সাইটের জন্য ছোট (সংক্ষিপ্ত) এবং সংকুচিত (compressed)
  • উন্নয়ন সংস্করণ - এটি ওয়েব সাইট পরীক্ষা এবং উন্নয়ন করার জন্য (সংকুচিত নয় এবং পাঠযোগ্য কোড)।

দুটি ভার্সনই jQuery.com থেকে ডাউনলোড করা যাবে।

JQuery লাইব্রেরি একটি একক জাভাস্ক্রিপ্ট ফাইল এবং আপনি এটি HTML <script> ট্যাগ দ্বারা প্রকাশ করতে পারবেন। (<script> ট্যাগ <head> এর ধারা ভিতরে হওয়া উচিত)


<head>
<script src="jquery-1.11.3.min.js"></script>
</head>

 

টিপস: ডাউনলোড করা ফাইলটি আপনার পেজের একই ডাইরেকটরি (ফোল্ডার) এ রাখুন।

 

আপনি কি ভয় পাচ্ছেন যে কেন <script> ট্যাগ এর ভিতরে type="text/javascript" টাইপ করি না!

HTML5 এ এর কোন প্রয়োজন নেই। HTML5 এ জাভাস্ক্রিপ্ট ডিফল্ট স্ক্রিপ্টিং ল্যাঙ্গুয়েজ এবং সকল আধুনিক ব্রাউজারে।

 

jQuery CDN

যদি আপনি JQuery ডাউনলোড এবং হোস্ট করতে না চান, তাহলে আপনি CDN (কনটেন্ট ডেলিভারি নেটওয়ার্ক) jQuery অন্তর্ভুক্ত করে দিতে পারেন।

Google এবং Microsoft উভয়ই jQuery হোস্ট করে।

Google অথবা Microsoft থেকে হোস্ট করতে চাইলে নিচের যেকোন একটি প্রয়োগ করুন :

Google CDN:


<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
</head>

 

Microsoft CDN:


<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
</head>

 

 

Google অথবা Microsoft এ হোস্ট করার একটি বড় সুবিধা হচ্ছে:

এতোমধ্যে প্রচুর সংখ্যক ব্যবহারকারী Google অথবা Microsoft থেকে jQuery ডাউনলোড করেছে। ফলে আপনার সাইট দেখার সময় এটি এটা ক্যাশ থেকে লোড হবে, যা দ্রুত লোড হওয়ার সময় এর উপর প্রভাব ফেলে। অধিকাংশ CDN নিশ্চিত করে যে, যখন কোন ব্যবহারকারী কোন ফাইল এর জন্য অনুরোধ করবে তখন তা সবচেয়ে কাছের সার্ভার থেকে লোড হবে, যা দ্রুত লোড হওয়ার সময় এর উপর প্রভাব ফেলে।

Series Navigation<< jQuery ভূমিকা (jQuery Introduction)jQuery সিনট্যাক্স (Syntax) >>

Permanent link to this article: http://bangla.salearningschool.com/recent-posts/jquery-%e0%a6%b6%e0%a7%81%e0%a6%b0%e0%a7%81-%e0%a6%95%e0%a6%b0%e0%a6%be/

Leave a Reply

%d bloggers like this: