{
    "id": "jquery",
    "title": "জেকুয়েরি",
    "slug": "jquery",
    "description": "জাভাস্ক্রিপ্টের অনেকগুলো লাইব্রেরীর মদ্ধে একটি লাইব্রেরী হচ্ছে জেকুয়েরি, এটা জাভাস্ক্রিপ্ট প্রোগ্রামিংকে অনেক সহজ করে তুলেছে।",
    "colorPref": "#49a34c",
    "contents": [{
            "title": "জেকুয়েরি শুরুর আগে",
            "items": [{
                    "definition": "জেকুয়েরির মৌলিক সিনট্যাক্স",
                    "code": "$(selector).action();"
                },
                {
                    "definition": "ইভেন্ট মেথড",
                    "code": "$(document).ready();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি সিলেক্টর সমূহ",
            "items": [{
                    "definition": "সকল এলিমেন্টকে সিলেক্ট করতে",
                    "code": "$('*')"
                },
                {
                    "definition": "id='test' যুক্ত সকল এলিমেন্টকে সিলেক্ট করতে",
                    "code": "$('#test')"
                },
                {
                    "definition": "class='demo' যুক্ত সকল এলিমেন্টকে সিলেক্ট করতে",
                    "code": "$('.demo')"
                },
                {
                    "definition": "ক্লাস 'demo' অথবা 'test' যুক্ত সকল এলিমেন্টকে সিলেক্ট করতে",
                    "code": "$('.demo, .test')"
                },
                {
                    "definition": "সকল <h4>, <div> এবং <p> এলিমেন্টকে সিলেক্ট করতে",
                    "code": "$('h4,div,p')"
                }
            ]
        },
        {
            "title": "জেকুয়েরি ইভেন্ট মেথড",
            "items": [{
                    "definition": "এলিমেন্টে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে। এইচটিএমএল এলিমেন্টের উপর ক্লিক করলে ফাংশনটি এক্সিকিউট হয় ",
                    "code": "$(selector).click();"
                },
                {
                    "definition": "এলিমেন্টে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে। এইচটিএমএল এলিমেন্টের উপর ডাবল-ক্লিক করলে ফাংশনটি এক্সিকিউট হয়",
                    "code": "$(selector).dblclick();"
                },
                {
                    "definition": "এলিমেন্টে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে। এইচটিএমএল এলিমেন্টের উপর মাউসের পয়েন্টারটি নিয়ে আসলে ফাংশনটি এক্সিকিউট হয়",
                    "code": "$(selector).mouseenter();"
                },
                {
                    "definition": "এলিমেন্টে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে। এইচটিএমএল এলিমেন্টের উপর মাউসের পয়েন্টারটি সরিয়ে নিয়ে আসলে ফাংশনটি এক্সিকিউট হয়",
                    "code": "$(selector).mouseleave();"
                },
                {
                    "definition": "এলিমেন্টে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে। এইচটিএমএল এলিমেন্টের উপর মাউসের যেকোনো একটি বাটন প্রেস করলে ফাংশনটি এক্সিকিউট হয়",
                    "code": "$(selector).mousedown();"
                },
                {
                    "definition": "এলিমেন্টে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে। এইচটিএমএল এলিমেন্টের উপর মাউসের যেকোনো একটি বাটন প্রেস করে ছেড়ে দিলে ফাংশনটি এক্সিকিউট হয়",
                    "code": "$(selector).mouseup();"
                },
                {
                    "definition": "ফরম এলিমেন্টের ইনপুট ফিল্ডে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে",
                    "code": "$(selector).focus();"
                },
                {
                    "definition": "ফরম এলিমেন্টের ইনপুট ফিল্ডে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে",
                    "code": "$(selector).blur();"
                },
                {
                    "definition": "ফরম এলিমেন্টে কোন পরিবর্তন ঘটলে ইভেন্ট হ্যান্ডলার ফাংশন সংযুক্ত করে",
                    "code": "$(selector).change();"
                },
                {
                    "definition": "এলিমেন্টে এক বা একাধিক ইভেন্ট হ্যান্ডলার সংযুক্ত করতে",
                    "code": "$(selector).on();"
                },
                {
                    "definition": "mouseenter() এবং mouseleave() এই দুই মেথডের সমন্বয়ে গঠিত",
                    "code": "$(selector).hover();"
                },
                {
                    "definition": "কোন নির্দিষ্ট সেকশনে স্ক্রল করার সাথে সাথে যে ইভেন্ট কল হয়",
                    "code": "$(selector).scroll(function() {})"
                },
                {
                    "definition": "চাইল্ড এলিমেন্টে ক্লিক করার সাথে সাথে প্যারেন্ট এলিমেন্টে বাবল হওয়া বন্ধ করে",
                    "code": "event.stopPropagation()"
                }
            ]
        },
        {
            "title": "জেকুয়েরি ইফেক্ট",
            "items": [{
                    "definition": "এলিমেন্টকে অদৃশ্য করতে",
                    "code": "$(selector).hide();"
                },
                {
                    "definition": "এলিমেন্টকে দৃশ্যমান করতে",
                    "code": "$(selector).show();"
                },
                {
                    "definition": "হিডেন এলিমেন্টকে প্রদর্শন করা এবং প্রদর্শিত এলিমেন্টকে হাইড করা",
                    "code": "$(selector).toggle();"
                },
                {
                    "definition": "কোনো এলিমেন্টকে হাইড/প্রদর্শন করার গতি নির্ধারণ করতে",
                    "code": "$(selector).toggle(speed);"
                },
                {
                    "definition": "লুকানো এলিমেন্টকে ধীরে ধীরে প্রদর্শন করতে",
                    "code": "$(selector).fadeIn(speed);"
                },
                {
                    "definition": "দৃশ্যমান এলিমেন্টকে ধীরে ধীরে লুকাতে",
                    "code": "$(selector).fadeOut(speed);"
                },
                {
                    "definition": "লুকানো এলিমেন্টকে ধীরে ধীরে দৃশ্যমান করতে এবং দৃশ্যমান এলিমেন্টকে ধীরে ধীরে লুকিয়ে ফেলতে",
                    "code": "$(selector).fadeToggle(speed);"
                },
                {
                    "definition": "একটি রেঞ্জ এর মধ্যবর্তী মান দিয়ে কোনো এলিমেন্টকে স্পষ্ট/অস্পষ্ট করতে",
                    "code": "$(selector).fadeTo(speed);"
                },
                {
                    "definition": "এলিমেন্টকে নিচে স্লাইড করেতে",
                    "code": "$(selector).slideDown(speed);"
                },
                {
                    "definition": "এলিমেন্টকে উপর দিকে স্লাইড করেতে",
                    "code": "$(selector).slideUp(speed);"
                },
                {
                    "definition": "এলিমেন্টকে উপরে নিচে স্লাইড করেতে",
                    "code": "$(selector).slideToggle(speed);"
                },
                {
                    "definition": "কাস্টম এনিমেশন তৈরি করতে",
                    "code": "$(selector).animate({css},speed);"
                },
                {
                    "definition": "এনিমেশন অথবা অন্য যে কোন ইফেক্ট শেষ হওয়ার পূর্বেই বন্ধ করে দেয়ার জন্য",
                    "code": "$(selector).stop();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি- এট্রিবিউট এবং কন্টেন্ট খোজা",
            "items": [{
                    "definition": "এলিমেন্টের টেক্সট কন্টেন্ট রিটার্ন করতে",
                    "code": "$(selector).text();"
                },
                {
                    "definition": "এলিমেন্টের মার্কআপ সহ কন্টেন্ট রিটার্ন করতে",
                    "code": "$(selector).html();"
                },
                {
                    "definition": "ফর্ম এলিমেন্টের ভ্যালু রিটার্ন করতে",
                    "code": "$(selector).val();"
                },
                {
                    "definition": "এট্রিবিউটের ভ্যালু পাওয়ার জন্যে",
                    "code": "$(selector).attr('attributeName');"
                }
            ]
        },
        {
            "title": "জেকুয়েরি- এট্রিবিউট এবং কন্টেন্ট সেট",
            "items": [{
                    "definition": "এলিমেন্টের টেক্সট কন্টেন্ট সেট করতে",
                    "code": "$(selector).text('write something');"
                },
                {
                    "definition": "এলিমেন্টের মার্কআপ সহ কন্টেন্ট সেট করতে",
                    "code": "$(selector).html('<h3>hello world</h3>');"
                },
                {
                    "definition": "ফর্ম এলিমেন্টের ভ্যালু সেট করতে",
                    "code": "$(selector).val('zihadul islam');"
                },
                {
                    "definition": "এট্রিবিউটের ভ্যালু পরিবর্তন করতে",
                    "code": "$(selector).attr('attributeName','value');"
                }
            ]
        },
        {
            "title": "জেকুয়েরি - নতুন এলিমেন্ট যুক্ত করা",
            "items": [{
                    "definition": "এলিমেন্টের শেষে নতুন কন্টেন্ট যুক্ত করতে",
                    "code": "$(selector).append();"
                },
                {
                    "definition": "এলিমেন্টের শুরুতে নতুন কন্টেন্ট যুক্ত করতে",
                    "code": "$(selector).prepend();"
                },
                {
                    "definition": "এলিমেন্টের পরে নতুন কন্টেন্ট যুক্ত করতে",
                    "code": "$(selector).after();"
                },
                {
                    "definition": "এলিমেন্টের আগে নতুন কন্টেন্ট যুক্ত করতে",
                    "code": "$(selector).before();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি - এলিমেন্ট রিমুভ করা",
            "items": [{
                    "definition": "এলিমেন্টকে রিমুভ করতে",
                    "code": "$(selector).remove();"
                },
                {
                    "definition": "এলিমেন্টের চাইল্ড এলিমেন্টকে রিমুভ করতে",
                    "code": "$(selector).empty();"
                },
                {
                    "definition": "রিমুভ করার জন্য এলিমেন্ট ফিল্টার করতে",
                    "code": "$(selector).remove('.className, #id');"
                }
            ]
        },
        {
            "title": "জেকুয়েরি সিএসএস ক্লাস Get এবং Set",
            "items": [{
                    "definition": "এলিমেন্টে এক বা তার অধিক ক্লাস যুক্ত করতে",
                    "code": "$(selector).addClass('className');"
                },
                {
                    "definition": "এলিমেন্ট থেকে এক বা তার অধিক ক্লাস রিমোভ করতে",
                    "code": "$(selector).removeClass('className');"
                },
                {
                    "definition": "এলিমেন্ট থেকে ক্লাস যুক্ত/রিমোভ করতে",
                    "code": "$(selector).toggleClass('className');"
                },
                {
                    "definition": "এলিমেন্টে স্টাইল এট্রিবিউট রিটার্ন করতে",
                    "code": "$(selector).css('propertyName');"
                },
                {
                    "definition": "এলিমেন্টে স্টাইল এট্রিবিউট সেট করতে",
                    "code": "$(selector).css('propertyName','value');"
                }
            ]
        },
        {
            "title": "জেকুয়েরি - ডাইমেনশন",
            "items": [{
                    "definition": "এলিমেন্টের প্রস্থ (প্যাডিং, বর্ডার এবং মার্জিন ব্যাতীত) সেট/রিটার্ন করতে",
                    "code": "$(selector).width();"
                },
                {
                    "definition": "এলিমেন্টের উচ্চতা (প্যাডিং, বর্ডার এবং মার্জিন ব্যাতীত) সেট/রিটার্ন করতে",
                    "code": "$(selector).height();"
                },
                {
                    "definition": "এলিমেন্টের প্রস্থ (প্যাডিং সহকারে) রিটার্ন করতে",
                    "code": "$(selector).innerWidth();"
                },
                {
                    "definition": "এলিমেন্টের উচ্চতা (প্যাডিং সহকারে) রিটার্ন করতে",
                    "code": "$(selector).innerHeight();"
                },
                {
                    "definition": "এলিমেন্টের প্রস্থ (প্যাডিং এবং বর্ডার সহকারে) রিটার্ন করতে",
                    "code": "$(selector).outerWidth();"
                },
                {
                    "definition": "এলিমেন্টের উচ্চতা (প্যাডিং এবং বর্ডার সহকারে) রিটার্ন করতে",
                    "code": "$(selector).outerHeight();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি ট্রাভার্সিং - পূর্বসূরী",
            "items": [{
                    "definition": "এলিমেন্টের সরাসরি প্যারেন্ট এলিমেন্টকে খুঁজে পাওয়ার জন্য",
                    "code": "$(selector).parent();"
                },
                {
                    "definition": "এলিমেন্টের সকল পূর্বসূরিকে ফেরত পাওয়ার জন্য",
                    "code": "$(selector).parents();"
                },
                {
                    "definition": "দুইটি এলিমেন্টের মধ্যবর্তী সকল পূর্বসূরীকে খুঁজে বের করার জন্য",
                    "code": "$(selector).parentsUntil();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি ট্রাভার্সিং - উত্তরসূরী",
            "items": [{
                    "definition": "এলিমেন্টের সরাসরি চাইল্ড এলিমেন্টকে খুঁজে পাওয়ার জন্য",
                    "code": "$(selector).children();"
                },
                {
                    "definition": "এলিমেন্টের সকল উত্তরসূরী এলিমেন্টকে খুঁজে পাওয়ার জন্য",
                    "code": "$(selector).find();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি ট্রাভার্সিং - সিবলিং",
            "items": [{
                    "definition": "এলিমেন্টের সকল সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).siblings();"
                },
                {
                    "definition": "এলিমেন্টের পরবর্তী সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).next();"
                },
                {
                    "definition": "এলিমেন্টের পরবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).nextAll();"
                },
                {
                    "definition": "দুটি আর্গুমেন্টের মধ্যবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).nextUntil();"
                },
                {
                    "definition": "এলিমেন্টের পূর্ববর্তী সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).prev();"
                },
                {
                    "definition": "এলিমেন্টের পূর্ববর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).prevAll();"
                },
                {
                    "definition": "দুটি আর্গুমেন্টের মধ্যবর্তী সকল সহোদর এলিমেন্টকে সিলেক্ট করার জন্য",
                    "code": "$(selector).prevUntil();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি ট্রাভার্সিং - ফিল্টার",
            "items": [{
                    "definition": "এলিমেন্টের প্রথম এলিমেন্টকে রিটার্ণ করতে",
                    "code": "$(selector).first();"
                },
                {
                    "definition": "এলিমেন্টের শেষ এলিমেন্টকে রিটার্ণ করতে",
                    "code": "$(selector).last();"
                },
                {
                    "definition": "এলিমেন্টের ইনডেক্স অনুসারে কাঙ্ক্ষিত এলিমেন্টকে রিটার্ণ করতে",
                    "code": "$(selector).eq();"
                },
                {
                    "definition": "মানদণ্ডের উপর ভিত্তি করে কোনো এলিমেন্টকে রিটার্ণ করতে",
                    "code": "$(selector).filter();"
                },
                {
                    "definition": "filter() মেথডের বিপরীত",
                    "code": "$(selector).not();"
                }
            ]
        },
        {
            "title": "জেকুয়েরি - এজ্যাক্স",
            "items": [{
                    "definition": "সার্ভারে HTTP GET রিকুয়েস্ট পাঠিয়ে কাঙ্ক্ষিত ডেটা পেতে",
                    "code": "$.get('URL/file_name.ext', function(data, status){})"
                },
                {
                    "definition": "সার্ভারে HTTP POST রিকুয়েস্ট এ কিছু ডাটা পাঠিয়ে এক্সিকিউটেড ডেটা পেতে",
                    "code": "$.post('URL/file_name.ext', data, function(data, status){})"
                }
            ]
        }
    ]
}