تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 7 از 7

مقاله: آموزش کامل JQuery اختصاصی وی بی ایران - جلسه دوم

    1. آموزش کامل JQuery اختصاصی وی بی ایران - جلسه دوم »

      آموزش کامل JQuery اختصاصی وی بی ایران - جلسه دوم

      نگارش: , by (مدیریت ارشد وی بی ایران)
      2013/04/02 09:14 PM
      امتیاز: 





      درود بر تمام دوستان عزیز.




      امروز جلسه دوم آموزش Jquery رو آغاز میکنیم.
      این جلسه رو زیاد طولانی نمیکنم تا خسته نشیم!(هم من، و هم شما دوستان گل )




      در این جلسه به یکسری اقدامات کلی و نحوه فراحوانی فایل های Jquery میپردازیم.




      __ __ __




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




      برای دانلود به سایت jQuery میریم.
      فعلا با بخش های مختلف این سایت کار نداریم و فقط فایل Jquery رو میخوایم.
      روی Download jQuery کلیک کنید.
      در این صفحه روی گزینه زیر کلیک کنید:




      کد:
      Download the compressed, production jQuery 1.9.1



      اکنون به یک سری کد های در هم ریخته و نا مشخص میرسیم
      در صفحه کلیک راست کرده و فایل رو دانلود (Save as ) میکنیم.




      حالا ما کتابخونه جی کوئری رو داریم!!




      حالا ما باید این فایل رو در صفحه خودمون فراخوانی کنیم.که البته با فراخوانی این فایل هیچ اتفاق خاصی نمیفته و ما فقط در دستوراتی که در صفحه اجرا میکنیم باید این فایل فراخوانی بشه.
      حالا چطوری این فایل Jquery.js رو فراخوانی کنیم؟
      همونطور که در آموزش کامل HTML اختصاصی وی بی ایران - جلسه یک گفته شده،ما الان این کد رو داریم:








      کد HTML:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title></head><body></body></html>



      زیر قسمت " <title>Untitled Document</title> " کد زیر رو وارد میکنیم:




      کد HTML:
      <script type="text/javascript" src="jquery-1.9.1.min.js"></script>







      پس کد صفحه ی ما به این شکل در میاد:




      کد HTML:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script type="text/javascript" src="jquery-1.9.1.min.js"></script></head><body></body></html>

      حالا کتابخونه جی کوئری رو به صفحه پیوست کردیم!!




      برای اینکه کد های JQuery رو بنویسیم،باید اون ها رو بین دو تگ زیر قرار بدیم:


      کد HTML:
       <script type="text/javascript"> </script>



      یعنی کد های اصلی صفحه ما به این شکل خواهند بود:


      کد HTML:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascript"> </script></head><body></body></html>



      __ __ __


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




      جلسه اول این آموزش رو در این تاپیک میتونید ببینید:


      آموزش کامل JQuery اختصاصی وی بی ایران - جلسه اول


      ضمنا،آموزش های CSS و HTML رو حتما ببینید تا در این آموزش ها به مشکلی برنخورید.





      منبع:وی بی ایران


      موفق باشید.
  1. Top | #2
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2.2
    نوشته ها
    1,346
    میزان امتیاز
    0

    پیش فرض

    عالی امیر فقط یه شکایت دارم فاصله زمانی رو کم کن نمیدونی چقدر انتظار میکشیدم

    2 تشکر توسط:


  2. Top | #3
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    3,836
    میزان امتیاز
    473

    پیش فرض

    نقل قول نوشته اصلی توسط @Nim نمایش پست ها
    عالی امیر فقط یه شکایت دارم فاصله زمانی رو کم کن نمیدونی چقدر انتظار میکشیدم



    به روی چشم!

    3 تشکر توسط:


  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    5.0 , 4.2.1
    نوشته ها
    292
    میزان امتیاز
    38

    پیش فرض

    درود.
    لطفا فاصله بین آموزش ها رو کم کنید و توی جلسه ها یکم چیزهای بیشتر یاد بدید اینا که به درد ساهت چیزی نمیخورن فقط پیوست کردن بود همه ی این جلسه لا اقل یه کد کوچیک یا یه کار جالب یاد میدادید

    کاربر مقابل از Thunder بابت این پست مفید تشکر کرده است:


  4. Top | #5
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    3,836
    میزان امتیاز
    473

    پیش فرض



    متاسفانه به همین شکل هم برای بنده دووشوار هست اما سعی میکنم فاصله زمانی رو کمتر کنم.

    در مورد آموزش هم مجبورم مفصل توضیح بدم!
    چند بار سعی کردم آموزش رو کوتاه کنم اما نقص هایی به وجود میومد.
    به هر حال پیشنهاداتتون رو حتما لحاظ میکنم.

    2 تشکر توسط:


  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    5.0 , 4.2.1
    نوشته ها
    292
    میزان امتیاز
    38

    پیش فرض

    بقیش نیومد پس؟؟

  6. Top | #7
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    3,836
    میزان امتیاز
    473

    پیش فرض

    چند روزی صبر کنید.

    کاربر مقابل از AmirAshkan بابت این پست مفید تشکر کرده است:


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. آموزش کامل JQuery اختصاصی وی بی ایران - جلسه اول
    توسط AmirAshkan در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 14
    آخرين نوشته: 2013/07/13, 08:51 AM
  3. پاسخ: 0
    آخرين نوشته: 2012/10/14, 05:49 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/10/13, 10:39 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •