telegram
responsive

کاربران عزیز در صورت رفع نشدن مشکل خود می توانید با تلگرام dparsaee@ یا اسکایپ iranresponsive با مدیریت در ارتباط باشید (July 24)

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش کامل jquery
#1
[تصویر:  hwaapigtih6jr151vztb.png]
سلام.
در این تاپیک قصد داریم آموزش jquery را به صورت مبتدی تا پیشرفته برای شما عزیزان آغاز کنیم . سوالات مربوط به همین آموزش را در همین تاپیک مطرح کنید در سریعترین زمان ممکن پاسخگوی شما خواهیم بود .
معرفی jquery 
jQuery یک کتابخانه استاندارد و آماده شامل تعدادی متد و توابع نوشته شده به زبان JavaScript می باشد . از توابع و متدهای این کتابخانه برای کار با عناصر و تگ های موجود در صفحات HTML , ASP.Net و یا PHP استفاده می شود . به طور کلی با استفاده از این متدهای از پیش تعریف شده ، می توانید تغییراتی را در عناصر و تگ های HTML ایجاد کرده و یا نحوه نمایش آنها را تغییر دهید . برای مثال می توانید یک عنصر HTML را با کلیک بر روی یک دکمه فرمان پنهان کرده و یا در صورت مخفی بودن آن را نمایش دهید . 
زبان jQuery دارای یک شعار معروف است . این شعار می گوید کمتر بنویسید ، بیشتر انجام دهید ( write less , do more ) . به طور کلی کتابخانه jQuery شامل موارد زیر می باشد : 
در استفاده از jQuery شما نیاز ندارید برای انجام کارهای مورد نظرتان یک تابع جدید بنویسید . فقط کافی است عنصر مورد نظر خود را انتخاب کرده و سپس متد مورد نظر را فراخوانی نموده تا آن عنصر را تغییر دهد . کته قابل توجه ای است که شما قبل از اینکه شروع به مطالعه و یادگیری JQuery نمایید، باید یک دانش پایه از HTML، CSS و JavaScript داشته باشید.
ویژگی های jquery چیست ؟ 
به عناصر موجود در صفحات دسترسی پیدا کرده و موجب تغییر در نوع عملکرد آن ها می شود .
کنترل آسان رویداد ها (events) .
دستکاری در css و عملکرد آن .
ایجاد افکت و رویداد های انیمیشنی .
و...
آیا jQuery در تمام مرورگرها قابل پیاده سازی می باشد؟
تیم توسعه دهنده ی کتابخانه ی jQuery بر استانداردهای منحصربفرد هر مرورگر اشراف داشته و این موضوع را در طراحی و چارچوب کاری مزبور لحاظ کرده است و امروزه این کتابخانه قدرتمند در تمام مرورگرهای مطرح حتی IE6 بطور یکسان اجرا می گردد.
دلیل انتخاب jquery از میان این همه کتابخانه ی عرض شده ویژه ی JavaScript چیست ؟
تا به امروز کتابخانه های متعددی برای JavaScript زبان اسکرییپت نویسی سمت کلاینت ارائه گردیده، با این حال بنظر می رسد که jQuery در بین آنها از محبوبیت بیشتری برخوردار است و همچنین قابلیت توسعه پذیرتری بیشتری دارد و کاربردش در طراحی صفحات وب مشاهده می شود.
در لیست زیر نامبرخی از شرکت های بزرگی که از کتابخانه ی آماده یjQuery  بهره می گیرند آورده شده است :
Google
Microsoft
IBM
Netflix
معرفی عناوین آموزشی این بخش :
نحوه شروع و استفاده از جی کوئری در صفحات وب .
آشنایی با syntax و نحوه استفاده از آن .
آشنایی با selector و نحوه استفاده از آن .
رویدادها ( events ) در jQuery و نحوه استفاده از آن.
لیست افکت ها ( effects ) در jQuery و مثال هایی برای آشنایی با آن ها .
کاربرد جی کوئری در html و css .
کاربرد جی کوئری در ajax .
و سایر متد ها در جی کوئری و آشنایی با آن ها .
نکاتی راجع به نحوه آموزش HTML 5 :
در این بخش آموزشی ، همه آموزش ها بر اساس استاندارهای مرجع های آموزشی رسمی این زبان شده و با مرورگر های مطرح IE , Opera , FireFox و Chrome تست شده اند. روند این آموزش در ابتدا به این صورت است که ابندا به معرفی جیکوئری و نحوه استفاده از آن در صفحات وب پرداخته و سپس به معرفی امکانات و ویژیگی های مختلف از جمله رویداد ها و افکت ها و .. پرداخته و هرکدام را با ذکر مثالی برای شما عزیزان توضیح میدهیم تا مفهوم بهتر را درک کنید .

سلام دوستان .
با قسمت اول سری آموزش جی کوئری (jquery) در خدمتتون هستیم .
این قسمت :  نحوه شروع و استفاده از جی کوئری در صفحات وب 
 
قدم اول :  دانلود جی کوئری 
دو نسخه از جی کوئری در دسترس است برای دانلود و استفاده در کد نویسی صفحات وب .
1 - نسخه تولید : نسخه فشرده شده یا minify از جی کوئری هست برای برنامه نویسان و طراحانی که صرفا جهت استفاده مورد نیازشان است .
2 - نسخه توسعه : نسخه کامل از جی گوئری برای طراحانی که نیاز به شخصی سازی یا توسعه این زبان دارند .
هر دو نسخه را می توانید از سایت jQuery.com دریافت کنید.
 
خب برای استفاده و آموزش ما از نسخه تولید استفاده میکنیم .
برای استفاده ما به دو روش میتونیم جی کوئری رو به صفحه وب یا برناممون اضاف کنیم .
روش اول : دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
 و آپلود آن در پوشه قالب 

باید به این نکته توجه کنید که کتابخانه جی کوئری یک فایل جاوا اسکریپت است که باید با تگ script در ناحیه بالایی قالب و در قسمت head سایت قرار بگیرد تا به درستی عمل کند . به مثال زیر توجه کنید .
به عنوان مثال ما آخرین نسخه رو دانلود کردیم و در پوشه js قالبتون کپی کردیم و به شکل اد کردیم تو صفحه قالب سایتمون .
<head>
<script src="js/jquery-1.12.2.min.js"></script>
</head>

روش دوم : استفاده از جی کوئری CDN
اگه تمایل به دانلود جی کوئری و آپلود آن در قالب یا صفحه مورد نظرتون ندارید میتونید از cdn گوگل یا ماکروفاست لینک جی کوئری رو به صفحتون اضاف کنید . همانند روش قبلی باید لینک جیکوئری را با تگ script در ناحیه بالایی قالب و در قسمت head سایت قرار بگیرد.
 : Google CDN
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>

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

 
توجه کنید استفاده از این روش میتونه صفحه وب شمارو سنگین کنه و دیر لود بشه . پیشنهاد ما استفاده از روش اول هست . 
خب این جلسه صرفا برای آشنایی با نحوه استفاده از جی کوئری در صفحات وب بود . 
تا جلسه بعدی با ما همراه باشید .
پاسخ
 سپاس شده توسط admin
تبلیغات
 تبلیغات  تبلیغات  تبلیغات  تبلیغات


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش کامل و کاربردی بوتسترپ amiralibk 0 105 2016/08/15، 10:05 PM
آخرین ارسال: amiralibk
  آموزش کامل css amiralibk 0 68 2016/08/15، 09:59 PM
آخرین ارسال: amiralibk

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
پیام مدیر :
پیام مدیر اینجا قرار گیرد
کلیه حقوق برای انجمن وردپرس ایرانی محفوظ است
  • info@wpir.ir
  • admin@wpir.ir
قدرت گرفته از مای بی بی
SEO by PANGASH