دوره مجازی جاوااسکریپت (جلسه 14): توابع زمانی، خطایابی و تشخیص خطا در جاوااسکریپت



visibility  
mode_comment   ۴۶

در جلسه امروز یکی جالبترین و جذابترین مطالب مربوط به جاوااسکریپت رو آموزش خواهیم داد. در ابتدا دو روش مختلف تشخیص خطا در جاوااسکریپت رو آموزش میدیم و پس از اون در مورد توابع زمانی در جاوااسکریپت صحبت می کنیم. شما با استفاده از این توابع می تونید تعین کنید قسمتی از کدهاتون در بازه های زمانی مشخص به صورت اتوماتیک اجرا بشه. و یا اینکه بخشی از کدتون با یک تاخیر دلخواه اجرا بشه. بعد از آموزش این موارد 4-5 تا مینی پروژه جالب رو با همدیگه می نویسیم که قطعا از نوشتن کدشون لذت خواهید برد !

مطالب مطرح شده در این جلسه عبارتند از :

  • آموزش نحوه صحیح دیباگ کردن و خطایابی کدهای جاوااسکریپت
  • روش های مختلف خطایابی و مزیت ها و معایب هر کدام
  • استفاده از ابزارهای دیباگر و اینسپکتور مرورگر برای آنالیز و بررسی روند اجرای کدها
  • استفاده از ساختار try..catch برای مدیریت خطاها در هنگام اجرای کد
  • مینی پروژه : نوشتن یک برنامه جالب برای تصحیص داده ها وروری کاربر و خطایابی آن
  • معرفی توابع اجرا در بازه زمانی در جاوااسکریپت
  • معرفی تابع setInterval : اجرای کدها در بازه های زمانی مشخص
  • معرفی تابع clearInterval: پاک کردن متغیر زمانی ساخته شده توسط setInterval
  • معرفی تابع setTimeout : اجرای کدها با یک تاخیر مشخص
  • معرفی تابع clearTimeout: پاک کردن متغیر زمانی ساخته شده توسط setTimeout
  • مینی پروژه: ایجاد یک ساعت زنده و آپدیت شونده
  • مینی پروژه: ایجاد یک تولید کننده اعداد رندم با استایل دهی مناسب
  • مینی پروژه : پیاده سازی و ایجاد انیمیشن های fadeIn و fadeOut
  • جایگذاری انیمیشن های کدنویسی شده به عنوان متد در اشیاء صفحه وب
  • ارائه تمرینات مناسب ...
info توجه

این مطلب یک جلسه از آموزش جاوا اسکریپت - آموزش جی کوئری می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش جاوا اسکریپت - آموزش جی کوئری

comment دیدگاه کاربران

سوال دومی هم داشتم البته.فرمودین با خاصیت protoype میتونیم یک شی یا متد رو به یک کلاس اضافه کنیم.شما توو این جلسه اومدین و از دستور زیر استفاده کردین و مثلا متد a رو به شی element اضافه کردین

الان متد a به شی element اضافه شد.سوالم اینه مگه با prototype شی رو به کلاس اضافه نمیکردیم؟ پس اینجا چجوری شی a به شی element(و نه کلاس element) اضافه شده؟ ممنون

لقمان آوند

در کدی که دادین a به کلاس اضافه شده و روی اشیاء مختلف کلاس element قابل دسترسی هست الان!

Arash Taghavi

آهان پس Element کلاس هستش؟ آخه توو آموزش ها میگفتین شی element

لقمان آوند

آره معمولا اون مواردی که با حرف بزرگ شروع میشن کلاسن. احتمالا اشتباه می گفتم. شی در واقع متغیری (نمونه ای) هست که از این کلاس ها ساخته میشه.

Arash Taghavi

درسته،مدت زیادی درگیر این موضوع بودم 🙂 ممنونم 😀

مجید زارعی هوشیار

سلام آقای آوند……………. کد های زیر برای scrooll درسته ؟:

لقمان آوند

تست کنید تو صفحه وب. اگه درست باشه جواب میده 😉

مجید زارعی هوشیار

و اضافه کردن یه متد به Window که میتونستم پارامتره ایی هم بهش پاس بدیم ولی من ساده اش رو نوشتم :

Aria Banazadeh

سلام من این کدو تست کردم جواب نمیده اصا کاری نمیکنه این اسکری
پت باید وقتی رو start میزنیم اجرا شه و مث باکتری button بسازه هر 1ثانیه دو برار کنه تعداد باتنایی که میسازرو ولی کار نمیکنه لطفا جواب بدید

لقمان آوند

لطفا فایل کامل حاوی این کد رو برام ایمیل کنید ببینم

morteza

سلام
تگ img وقتیid میگره و به عنوان پارامتر به یک تابع ارسال میشه داخل تابع جاوا اسکریپت شی ارسالی شناخته نمی شه و undefined میزنه..و با تابع getComputedStyle( ) هم نمیشه دسترسی داشت به style اون حالا چطور میشه این مشکل رو حل کرد باید از روی img یک ابجک Image() بسازیم یا روشی هس برای پاس دادن تگ img به عنوان پارامتر داخل تابع هست؟؟

لقمان آوند

سلام
اینطور که میگید نیست احتمالا اشتباهی در کدهاتون دارید. دقت کنید در این مورد که مشکلتون رو پیدا کنید

ارسال نظرات

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

1 2