انجمن برنامه نویسان البرز

برچسب: جی کوئری

زبان های برنامه نویسی ای که با تکنولوژی وب در ارتباط هستند، به دو دسته بزرگ تقسیم میشوند. زبان های سمت سرور و زبان های سمت کلاینت(کاربر). زبانهای سمت سرور مثل php یا asp .net توسط سرور اجرا میشوند و حاصل عملیاتی که انجام میدهند را به سمت مرورگر کاربر میفرستند. وقتی شما این مقاله را در سایت ما باز کردید، مرورگر شما به سرور سایت مااطلاعداد که میخواهید صفحه مربوط به آموزش جی کوئری را ببینید. در سرور ما، زبان PHP، اطلاعات این صفحه را از دیتابیس خواند و آنها را در یک صفحه html چید و این صفحه را به سمت مرورگر شما ارسال کرد. پس یک مرورگر نمیداند که در سمت سرور چه اتفاقی می افتد. فقط نتیجه را میبیند! حالا اگر در سمت مرور نیاز به کدنویسی باشد چه میشود؟

فرض کنید قرار است یک فرم ثبت نام را در یک سایت پر کنید. وقتی شما فرم را پر میکنید، در قسمت شماره موبایل، فقط مجاز به وارد کردن عدد هستید. اما سرور تا وقتیکه فرم ثبت نام را به آن نفرستادید، نمیتواند بفهمد که آیا فقط عدد وارد کرده اید یا خیر. اینجاست که نقش زبان های کدنویسی سمت کلاینت(کاربر) مشخص میشود. این زبان ها، صفحه را قبل از اینکه به سرور ارسال شود، بررسی میکند.

یک مثال دیگر : صفحه اول سایت ما در بالای خودش یک اسلایدشو دارد. هر چند ثانیه یک بار،تصویر آن عوض میشود. آیا هر بار که تصویر عوض میشود ما از سرور تصویر را میگیریم؟ خیر. این تصویر توسط زبان های برنامه نویسی سمت کاربر عوض میشود.

معروفترین و پرکاربرد ترین زبان سمت کاربر، جاوا اسکریپت است. این زبان علی رغم خلاصه بودن و کم بودن تعداد دستوراتش، قابلیت های بسیار زیادی دارد. کتابخانه های زیادی با این زبان نوشته شده است که یکی از مهمترین آنها جی کوئری است. در این سلسله مقالات، آموزش جی کوئری را به صورت کاربردی، برای شما قرار داده ایم.l

مقالات جی کوئری

Show و Hide کردن منو به وسیله ی اسکرول موس در Jquery

با سلام خدمت کاربران عزیز . امروز میخواهیم با نحوه ی ساخت عنصرهایی آشنا بشویم که با اسکرول رو به بالا نمایش و با اسکرول رو به پایین مخفی شوند. برای مثال Show و Hide کردن منو در سایت. قطعه کد زیر را برای درک بهتر موضوع در نظر بگیرید : See the Pen vJBLRW by […]...


افکت های جی کوئری بخش اول – درس هفتم

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


event در جی کوئری – درس ششم

در این جلسه از آموزش برنامه نویسی جی کوئری، مفهوم event در جی کوئری را به شما یاد میدهیم. با استفاده از event ها میتوانید با کاربر خود ارتباط برقرار کنید. این درس آخرین درس مفهومی آموزش جی کوئری است و از جلسات بعدی، درس ها ساده تر خواهند شد....


function در جی کوئری – درس پنجم

در این مقاله یاد میگیریم که چطور با استفاده از function در جی کوئری ، کدها را یک بار بنویسیم و چندین بار استفاده کنیم. با این روش هم کدهای کم حجم تری خواهیم داشت و هم کدهایمان حرفه ای تر خواهند بود....


چطور کد جی کوئری بنویسیم – درس چهارم

در درس های قبلی شما یاد گرفتید که کدهای مقدماتی جی کوئری را بنویسید. اما شاید ندانید این کدها را کجا باید نوشت تا موقع بالا آمدن سایت، اجرا بشوند. در این درس به شما یاد میدهیم که اصلا کد جی کوئری را کجا باید نوشت!!!...


دستورات جی کوئری – درس سوم

اگر بخواهیم طرز نوشتن دستورات جی کوئری را در یک خط توضیح بدهیم، میتوانیم بگوییم: در جی کوئری ما تگ html را انتخاب میکنیم و یک اکشن بر روی آن انجام میدهیم. دستورات جی کوئری دستورات جی کوئری به این شکل طراحی شده اند که از طریق آنها یک تگ html را انتخاب کنیم و […]...


استفاده از جی کوئری – درس دوم

برای استفاده از jquery باید ابتدا آن را به صفحه html خودتان لینک کنید. استفاده از جی کوئری دقیقا مشابه استفاده از سایر کتابخانه های جاوااسکریپت است. برای استفاده از جی کوئری دو راه وجود دارد: جی کوئری را دانلود کنیم و لینک کنیم. از یک CDN استفاده کنیم. اگر نمیدانید CDN چیست، نگران نباشید. […]...


جی کوئری چیست – درس اول

jquery یک کتابخانه جاوا اسکریپت است که اخیرا محبوبیت بسیار زیادی در بین طراحان سایت و برنامه نویسان پیدا کرده است. این کتابخانه با اینکه فرزند جاوا اسکریپت است، اما دستورات بسیار ساده تری دارد و یادگیری آن خیلی ساده است. اصولا هدف از ساخته شدن آن، استفاده ساده تر از جاوا اسکریپت بوده است. […]...