illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی جاوااسکریپت (جلسه 10): event ها و کنترل رفتار کاربران در جاوااسکریپت

47 5507 ۲۰ خرداد ۹۴
به جرات میشه گفت چیزی که جاوااسکریپت رو در سمت وب بسیار کاربردی، قدرتمند و جذاب کرده توانایی اون در مدیریت و کنترل رفتار کاربران و مرورگر اون ها در صفحات وب هست . امروز می خوایم در مورد بحث بسیار مهم event ها در جاوا اسکریپت و کنترل رفتار کاربران و مرورگرها در صفحات وب صحبت کنید و ببینیم چطوری میشه تعین کرد زمانی که کاربری فعالیت خاصی انجام داد بخش خاصی از کدهای جاوااسکریپت اجرا بشه! در این جلسه 3 تا مینی پروژه بسیار جالب هم داریم و یک بازی جذاب هم با هم خواهیم نوشت که در اون عنکبوتی باید به دنبال مگس بره و اون رو بخوره !!! مطالب مطرح شده در این جلسه عبارتند از :
  •  معرفی رویدادها در جاوااسکریپت و اهمیت آن ها
  • ذکر مثال هایی از event های رایج در صفحات وب
  • روش های توزیع رویدادها (Event Propagation) در جاوااسکریپ و مفهوم آن ها
  • لیست event های موجود و توضیح مهمترین آن ها
  • دو روش استفاده از رویداد ها و اتصال کدهای جاوااسکریپت به event ها
  • روش استفاده درون تگ های html و ویژگی رویدادی  آن تگ
  • روش استفاده از متد addEventListener اتصال رویداد به توابع به شکل برنامه نویسی
  • متد addEventListener برای افزودن یک رویداد و اتصال یک تابع به آن
  • مشکل و ناسازگاری IE9 به پایین به متد addEventListener و removeEventListener
  • متد attachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
  • متد removeEventListener برای حذف یک event از قبل وصل شده
  • متد detachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
  • توانایی تعریف چندین eventListener برای یک شی
  • استفاده از توابع ناشناخته (anonymouse functions) در eventListener ها
  • نحوه اتصال یک event به توابعی که پارامتر ورودی دارند
  • مینی پروژه : نمایش ابعاد پنجره مرورگر در حین تغیر سایز آن توسط کاربر
  • مینی پروژه : نمایش موقعیت اسکرول صفحه وب در حین اسکرول کردن توسط کاربر
  • مینی پروژه : طراحی و کدنویسی یک بازی جذاب، گرفتن مگس توسط عنکبوت با استفاده از دکمه های جهت کیبرد
  • نحوه تمرین کردن برای تسلط در کار با رویدادها
این مطلب یک جلسه از دوره آموزش جامع و پروژه محور جاوااسکریپت و جی کوئری (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : پس از استقبال فوق العاده شما عزیزان از دوره های PHP ، طراحی وب و فتوشاپ سون لرن، اینک دوره کامل و جامع جاوا اسکریپت و کتابخانه محبوب آن، جی کوئری را با هزینه ای معادل 25% کلاس های حضوری برای شما برگزار خواهیم کرد. در این دوره با هزینه ای بسیار اندک نسبت به کلاس های حضوری موجود، آموزش صفر تا صد و از پایه تا پیشرفته javascript و jQuery را برای شما تهیه و تولید خواهیم کرد. این دوره یکی از جذاب ترین دوره هایی خواهد بود که سون لرن قصد برگزاری آن را دارد. در طول دوره با انجام ده ها پروژه عملی، کاربردی و جذاب، شما را با قدرت بلامنازع جاوااسکریپت و جادوی آن در طراحی صفحات وب آشنا خواهیم کرد. حتما دموی دوره را از صفحه ثبت نام آن مشاهده بفرمایید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 47 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    Alireza Sajedi(۱۹ شهریور ۱۳۹۵)

    سلام استاد بعضی سایت ها هستن که با تغیر موقعیت موس عکس پس زمینه تغیر میکنه این نوع کار رو با جاوااسکریپت انجام میدن؟

  • ‏‏

    سلام.چرا بعضی جاها مانند کدهای زیر از پرانتز برای صدا زدن فانکشن استفاده می کنیم

    و بعضی جاها برای صدا زدن فانکشن مانند کدهای زیر پرانتز را حذف می کنیم

  • ‏‏
    Aria Banazadeh(۲۷ آبان ۱۳۹۵)

    سلام اقای اوند

    من میخواتم این بازییو که نوشتینو توسعه بدم مگسهای بیشتر میخواستم بکن و توی ی ارایه بزارم ولی وقتی میخوام پوزیشنشونو مشخص کنم با for نمیشه و مجبورم یکی یکی ست کنم و ی سوال دیگه که در اونجا اگه عنکبوت مگسو بگیره از کجا بفهمم کدوم یک از مگس هارو گرفته گیج شددم 😳

    • ‏‏
      لقمان آوند(۱۸ آذر ۱۳۹۵)

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

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

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram