campaign-edianeh-98

آموزش جاوااسکریپت (قسمت 9) رویدادها - Events



visibility  
mode_comment   ۴۷

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

در آموزش ویدیویی امروز به بررسی و توضیح رویدادها در زبان جاوااسکریپت می پردازیم و با ذکر مثالهای کاربردی و جالب نحوه استفاده از رویدادها رو آموزش می دیم .

::در این آموزش  موارد زیر رو مطرح خواهیم کرد :

  • رویداد و یا event ها چیست ؟
  • هدف استفاده از رویدادها چیست
  • معرفی رویداد های مختلف در زبان جاوااسکریپت
  • معرفی رویدادهای مربوط به موس و کیبرد
  • معرفی رویدادهای مخصوص لود صفحه و اشیاء
  • معرفی رویدادهای مربوط به فرم ها و فیلدهای ورودی فرم ها
  • نحوه استفاده از دستورات و توابع جاوااسکریپت برای رویدادها
:: همچنین مثال های زیر رو در این ویدیو با هم خواهیم نوشت :
  • نمایش یک پیام در هنگام کلیک کردن روی موس
  • نمایش یک پیام در هنگام عبور موس از روی دکمه
  • نمایش یک پیام در هنگام لود شدن کامل صفحه وب
  •  تغیر محتوای درون تگ div با کلیک بر روی آن
  • تغیر رنگ متن و پس زمینه صفحه با کلیک روی یک دکمه خاص
  • مخفی و ظاهر کردن یک عکس در صفحه وب با کلیک بر روی دو دکمه ی hide و show 

:: سعی کنید برای فهم دقیقتر و بهتر این آموزش حتما قسمت های قبلی رو ببینید .

پیشنهاد میشه برای داشتن کیفیت کامل ، این ویدیو رو به صورت تمام صفحه (Full Screen) ببینید :

.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :.
در صورتي که عضو سايت هستيد می توانید لاگین شوید.
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد.

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
comment دیدگاه کاربران
مهدی

سلام
بعد از مدت طولانی لازم بود
ممنونم

حسن

سلام خیلی عالی بود…

mohsen

باسلام
لطفا کد برنامه جاوااسکریپتی را بدهید که یک کادر درون کادر دیگرباشه ودر اثر برخورد با دیواره کادر بزرگ 45درجه تغییر جهت بده وبرگردد
ممنون

reza

ماکه نمیتونیم دانلود کنیم چی ؟

لقمان آوند

چیو نمی تونی دانلود کنی رضاجان .
لینک دانلود ویدیو زیرش هست …

avasmspanel

سلام آقا لقمان، من یه سوال داشتم اینکه با چه نرم افزار فیلم های آموزشی رو ضبط میکنید و میسازید؟ اگه یه نرم افزار در این زمینه بهم معرفی کنید ممنون میشم
با تشکر

لقمان آوند

از اینجا دانلودش کن .

محمد

سلام ممنونم بابت معرفی این نرم افزار،برای ضبط باید دوربین داشته باشم؟

لقمان آوند

خیر ، ولی برای صدا میکروفون لازمه .

حسین

سلام خسته نباشی دادا
دادا با جاوا میشه یه همچین چیزی درست کرد؟
سمت چپ قسمت امکانات وبلاگ مقابل http://khandehbazar.blogfa.com/
دادا میشه بیای جواب رو تو وبلاگم بگی؟
مرسی

محمدسینا معراجیان

لطفا ددرخواستتون رو تو انجمن مطرح کنید
پایدار باشید

1090

سلام خیلی عالی بود.
ممنونم

web_pro

سلام لقمان جان
آموزش قسمت بعدی کی گذاشته می شود من مشتاقانه منتظر صدای گرم و دلنشینتان در آموزش هستم .

لقمان آوند

ممنون دوست عزیز
احتمالا 3 هفته ی دیگه . این دو هفته ایام امتحاناتم هست وقت انجام اینکارو ندارم .
موفق باشید .

web_pro

مجددا سلام
چرا وقتی در برنامه phpstorm فارسی می نویسم در مرورگر به صورت فارسی نشان داده نمی شود UTF-8را هم انتخاب کرده ام

لقمان آوند

تگ متای زیر رو در صفحه وبت استفاه کن :

web_pro

مرسی ؛ok شد

mohammadhasan99

سلام آقای آوند گفتم این پلاگین رو معرفی کنم شاید هم بدونید این برای وردپرس آنتی ویروسه و نرم افزار ها و کد های مخرب رو هم پیدا می کنه این هم لینک توضیحاتش:
http://wordpress.org/extend/plugins/antivirus/

unco

سلام مرسی از آموزش های مفیدتون
ببخشید، با چه نرم فزاری رکورد می کنید :دی ؟

لقمان آوند

Camtasia stedio

نبی

سلام.نحوه عملی بکارگیری کدها رو در سایت میخواستم بدونم

لقمان آوند

آموزش های قسمت اول و دوم رو دیدی ؟

raooff

سلام لقمان جون چرا این قد اموزش های جاوا اسکریپت رو دیر به دیر میدی؟؟؟

لقمان آوند

شرمنده آقا رئوف
یکم درگیر درسا و پایان نامه ام هستم …

Alireza crs

یه سوال ازتون دارم آقا لقمان
اون ویرایش گرتون چیه؟مطمئنم هرچی هست باحالتر از این html pad مضخرف هست.ممنون

لقمان آوند

PHP Storm هست و خیلی امکاناتش خوبه …

کیوان علی محمدی

من قبلا از Dream استفاده میکردم (البته هنوز هم استفاده میکنم)،با پیشنهاد آقای آوند الان بیشتر از Storm استفاده میکنم و واقعا ازش راضیم،برای طراحی وب و کد نویسی PHP که حرف نداره،Auto Complete اش هم واقعا عالیه،

Alireza crs

این خوبه یا dreamwaver?

کیوان علی محمدی

من نمیتونم مقایسه دقیقی بین این دوتا انجام بدم،اما به نظرم Dream هم ویژگی های خاص خودش رو داره،Storm از پلاگین استفاده میکنه و Dream واقعا Extension های جالبی داره،به نظرم باید ببینی با کدومشون راحتتری،من با دوتاش می مونم فعلا،البته من محیط ظاهری Storm رو کمی شخصی سازی کردم که برام بهتره.

13001300

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

raoof

سلام من یه سایت طراحی کردم ولی داخل قسمت موضوعات وقتی موضوع ازافه میکنم داخل قالب دیده نمشه یا اضافه نمیشه به لیست موضوعات.میخاستم میشه بگید چجوری میتونم درستش کنم؟؟؟؟
قالبمم داینامیکه با زبان php داینامیکش کردم همین جارو مشکل داره.اگرم میخاین بدمتون خودتو ببینید مشکلش از کجاست/؟؟؟؟ممنون

سجاد دریس

احتمالا چونکه دسته ها خالی هستن (مطلبی توشون قرار نداره،) نمایش داده نمیشن، پستی منتشر کنید و اون دسته هارو انتخاب کنید

raoof

کردم نشد اصلا میگم اون قسمتو داینامیک نکردم؟؟؟؟؟؟؟؟؟؟؟

sepehr2121

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

سجاد دریس

سلام.
هنوز آموزش ها ادامه دارد.

karimzadeh

سلام.من میخوام برنامه ای با جاوا اسکریپت بنویسم که 2تا عدد از کاربر بگیره وعمل ضرب وتقسیم وجمع وتفریق انجام میشه کمکم کنید

abdollah

سلام
بابا ایول داری بخدا
تو این زمونه کم آدم هایی پدا میشن که وقتشون برای آموزش دیگران بزارن

karimzadeh

سلام آموزش ها عالی بود

karimzadeh

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

sana_esi

سلام.از اموزش های خوبتون متشکرم.یک سوال دارم
من یه فرم برای ارسال نظرات ایجاد کردم که اکشن این فرم یه فایل دیگه هست.من میخوام این فرم به صورتی باشه که اگه کاربر تعدادی از فیلدها را کامل نکرده باشه وقتی کاربر روی دکمه ارسال کلیک میکنه چک کنه که آیا فبلدها پر شده اند یا نه و پیغام مناسبی بده و وارد فایلی که به عنوان اکشن فرم هست وارد نشه. اصلا چنین کار امکان پذیر هست؟

کیوان علی محمدی

سلام،بله توی جاوا اسکریپت با رویداد onsubmit که برای فرم تعریف میشه،می تونی عناصر فرم رو چک کنی و اگه خالی بود یا مقدار صحیح نداشت به کاربر پیغام خطا نشون بدی.

zabanzaban

سلام .با تشکر از مطالب مفیدتون
کد درس 9 را که در event است رو نوشتم ولی عکسو hide نمی کنه لطفا راهنمایی کنید که در کجا اشتباه کردم

کیوان علی محمدی

سلام توی کد جاوااسکریپت بعد از کلمه By یه کلمه Id هم اضافه کنید،دقیقا مثل همینی که نوشتم.

zabanzaban

ممنون

داود

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

کیوان علی محمدی

phpstorm

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.