JQuery: একটি ওয়েব পৃষ্ঠার সাথে সংযোগ করা

সুচিপত্র:

JQuery: একটি ওয়েব পৃষ্ঠার সাথে সংযোগ করা
JQuery: একটি ওয়েব পৃষ্ঠার সাথে সংযোগ করা
Anonim

jQuery হল একটি জাভাস্ক্রিপ্ট লাইব্রেরি যা এইচটিএমএল, জাভাস্ক্রিপ্ট এবং সিএসএস প্রযুক্তি কীভাবে একসাথে কাজ করে তার উপর ফোকাস করে৷

jQuery কি করতে পারে

লাইব্রেরি নিম্নলিখিত কাজের তালিকার সাথে কাজ করতে পারে:

  • পেজ অবজেক্ট মডেলের (DOM) একেবারে যেকোন উপাদান অ্যাক্সেস করতে পারে এবং তাদের সাথে জটিল ম্যানিপুলেশন করতে পারে;
  • ইভেন্ট পরিচালনা সমর্থিত;
  • বিভিন্ন গ্রাফিক ইফেক্ট এবং অ্যানিমেশনের জন্য কার্যকারিতা রয়েছে;
  • AJAX ডাইনামিক লোডিং প্রযুক্তির সাথে সরলীকৃত কাজ (খুব গুরুত্বপূর্ণ এবং অত্যন্ত দরকারী বৈশিষ্ট্য, কিন্তু এখন এটি সম্পর্কে নয়);
  • jQuery এর নিজস্ব প্রচুর প্লাগইন রয়েছে, যার প্রধান কাজ হল ব্যবহারকারীর গ্রাফিকাল ইন্টারফেস এবং তাদের সাথে ব্যবহারকারীর মিথস্ক্রিয়া বাস্তবায়ন করা।

লাইব্রেরির সংকুচিত এবং সংকুচিত সংস্করণ

ডেভেলপারদের স্ক্রিপ্টের জন্য বিভিন্ন বিকল্প রয়েছে - একটি সংকুচিত, অন্যটি নয়। কোডিং এবং ডিবাগিং (পরীক্ষা) ওয়েব অ্যাপ্লিকেশনের পর্যায়ে সম্পূর্ণ সংস্করণটি ব্যবহার করা খুবই সুবিধাজনক। অন্যদিকে, ন্যূনতম সংস্করণে, ডিবাগিংয়ের সময় কিছু দরকারী সুবিধা থাকবে, তবে এটি অনেক দ্রুত লোড হয় এবং কম জায়গা নেয়। তাই jQuery এর একটি সংকুচিত সংস্করণ উপযুক্তইতিমধ্যে সমাপ্ত প্রকল্পে ব্যবহার করুন, কারণ এটি সার্ভারের ট্র্যাফিক এবং ডিস্কের স্থান সংরক্ষণ করে৷

jquery সংযোগ
jquery সংযোগ

কিভাবে jQuery এর সঠিক সংস্করণ নির্বাচন করবেন

আজ jQuery-এ বেশ কয়েকটি মূলধারা রয়েছে - 1.x, 2.x এবং 3.x শাখা। তাদের উল্লেখযোগ্য পার্থক্য হল, দ্বিতীয় সংস্করণ থেকে শুরু করে, পুরানো ব্রাউজারগুলির জন্য যে কোনও সমর্থন বন্ধ করা হয়েছিল, যেমন মাইক্রোসফ্ট কর্পোরেশনের ব্রাউজার - ইন্টারনেট এক্সপ্লোরার, অষ্টম সংস্করণ পর্যন্ত এবং সহ৷

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

jQuery-এর বিকাশকারীরা সংস্করণগুলির পিছনের সামঞ্জস্যের নীতিগুলি মেনে চলে৷ এর মানে হল যে লাইব্রেরির সংস্করণ 1.7 এর জন্য লেখা কোডটি সংস্করণ 1.8 এর সাথেও কাজ করবে। কিন্তু কখনও কখনও বিকাশকারী সংস্থা jQuery থেকে এমন ফাংশনগুলি সরিয়ে দেয় যেগুলি উপযোগী নয়, তাই আপনি যদি আপগ্রেড করতে যাচ্ছেন তবে নতুন সংস্করণের জন্য ডকুমেন্টেশনগুলি পুনরায় পড়া ভাল৷

2016 সালে, jQuery-এর একটি নতুন শাখা প্রকাশিত হয়েছিল৷ এটি ছিল সংস্করণ 3.0, যা পুরানো সংস্করণগুলির তুলনায় আরও দ্রুত এবং হালকা হয়ে উঠেছে। পুরানো ব্রাউজারে কিছু ফাংশন বাস্তবায়নের জন্য অবশেষে এটি থেকে হ্যাকগুলি সরানো হয়েছিল, যা লাইব্রেরিটিকে একটি আধুনিক এবং শক্তিশালী ডেভেলপমেন্ট টুল হিসাবে অবস্থান করার অনুমতি দেয়৷

যদি তোমারপ্রকল্পটি ইতিমধ্যেই কিছু লাইব্রেরিতে আবদ্ধ, তারপর প্রথমে আপগ্রেডের জন্য শ্রম খরচ অনুমান করুন। যদি নতুন সংস্করণ থেকে সুবিধাটি মূল্যবান হয় তবে নির্দ্বিধায় কাজ শুরু করুন। সমস্ত ডেভেলপার যারা এইমাত্র তাদের প্রোজেক্টে টুলটি ব্যবহার করা শুরু করছেন, তাদের সর্বশেষ সংস্করণগুলি দিয়ে সরাসরি শুরু করার পরামর্শ দেওয়া হচ্ছে।

কিভাবে jQuery দিয়ে শুরু করবেন

প্রথম ধাপ হল jQuery সংযোগ করা। এটি করার জন্য, আপনাকে সরাসরি jquery.com বিকাশকারী সংস্থান থেকে বা একটি আয়না থেকে লাইব্রেরিটি ডাউনলোড করতে হবে এবং আপনার ওয়েব সার্ভারে লাইব্রেরি স্থাপন করতে হবে৷

এখন ওয়েব পেজের সাথে প্রকৃত jQuery সংযোগ করা যাক। হাইপারটেক্সট মার্কআপ ভাষার বিভিন্ন স্ক্রিপ্টের সংযোগ স্ক্রিপ্ট ট্যাগ দ্বারা পরিচালিত হয়। নিম্নলিখিত কোডের সাথে jQuery সংযুক্ত করুন:

jquery সংযোগ
jquery সংযোগ

এই বিকল্পটি অফলাইন সংযোগের জন্য ভাল, তবে সার্ভার ব্যবহারের জন্য আরও অনেক উপায় রয়েছে।

ক্লাউড পরিষেবা ব্যবহার করে jQuery সংযুক্ত করুন

Google হোস্টেড লাইব্রেরি পরিষেবা প্রদান করে, যেটি ব্যবহার করে যে কেউ একটি জনপ্রিয় ফ্রেমওয়ার্ক বা লাইব্রেরি তাদের ওয়েব অ্যাপ্লিকেশনের সাথে সংযুক্ত করতে পারে। Google ক্লাউড স্টোরেজের মাধ্যমে jQuery সংযোগ করতে, নিম্নলিখিত প্যাটার্নে নির্বাচিত সংস্করণের সাথে মেলে এমন স্ট্রিং ব্যবহার করুন:

কিভাবে jquery লাইব্রেরি অন্তর্ভুক্ত করতে হয়
কিভাবে jquery লাইব্রেরি অন্তর্ভুক্ত করতে হয়

সংস্করণ কলামের সংখ্যাগুলি সংস্করণ নম্বরের সাথে মিলে যায় যা ইনস্টলেশনের জন্য উপলব্ধ এবং এটির সাথে আরও কাজ করা যায়৷ মধ্যবর্তী সংস্করণগুলির যেকোনো একটি সংযোগ করতে, এটি অনুলিপি করুনউদাহরণে উল্লেখিত সংখ্যার পরিবর্তে সংযোগ স্ট্রিং-এ সাংখ্যিক সংখ্যা।

আপনি সর্বদা বর্তমান সংস্করণের তালিকা এখানে দেখতে পারেন:

developers.google.com/speed/libraries/jquery

আপনি যদি কোনো কারণে Google-কে বিশ্বাস না করেন, কিন্তু তারপরও তৃতীয় পক্ষের বিশ্বস্ত সার্ভার থেকে jQuery লাইব্রেরি কীভাবে পেতে হয় তা জানতে চান, মাইক্রোসফটের সংগ্রহস্থল ব্যবহার করুন।

jquery লাইব্রেরি অন্তর্ভুক্ত
jquery লাইব্রেরি অন্তর্ভুক্ত

jQuery ওয়েব পৃষ্ঠাগুলিতে সহজেই অ্যানিমেশন তৈরি করার জন্য সেরা সরঞ্জামগুলির মধ্যে একটি। একবার আপনি এই টুলের শক্তি বুঝতে পারলে, আপনি খুব খুশি হবেন যে আপনি এই ধরনের একটি লাইব্রেরি শিখতে শুরু করেছেন।

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

প্রস্তাবিত: