برای پیگیری آخرین آموزش های منتشر شده توسط ما، کد های تخفیف و اخبار تکنولوژی، کانال یوتیوب ما را دنبال کنید.

آموزشlightweight interpreted (or just-in-time compiled)

JavaScript

جاوااسکریپت (JavaScript) یک زبان برنامه‌نویسی قدرتمند و پویا است که به‌طور گسترده برای توسعه وب استفاده می‌شود. این زبان به کاربران اجازه می‌دهد تا وب‌سایت‌ها و برنامه‌های وب را تعاملی و پویا کنند، مانند مدیریت رویدادها، ایجاد انیمیشن‌ها و برقراری ارتباط با سرور. جاوااسکریپت به صورت سمت کلاینت (Client-side) در مرورگر اجرا می‌شود، اما با استفاده از پلتفرم‌هایی مانند Node.js، می‌تواند به‌صورت سمت سرور (Server-side) نیز استفاده شود. جاوااسکریپت یکی از سه فناوری اصلی وب، در کنار HTML و CSS است و نقشی کلیدی در ایجاد صفحات وب مدرن و پویا ایفا می‌کند.

آموزش هایی که برای شروع می توانند مفید باشند:

رویداد ها یا Events در جاوااسکریپت

Events

در جاوااسکریپت، رویدادها (Events) وقایعی هستند که در مرورگر یا صفحه وب اتفاق می‌افتند و می‌توانند شامل کلیک روی دکمه‌ها، تغییر متن، بارگذاری صفحه، حرکت موس و بسیاری از تعاملات دیگر باشند. هر رویداد می‌تواند به وسیله یک Event Listener یا ``گوش‌دهنده‌ی رویداد`` شنیده شود که به جاوااسکریپت امکان می‌دهد واکنش مناسبی به آن نشان دهد. برای مثال، می‌توانیم رویدادی تعریف کنیم که وقتی کاربر روی یک دکمه کلیک کرد، عملکرد خاصی مانند تغییر محتوا یا ارسال درخواست به سرور را اجرا کند. رویدادها بخش مهمی از برنامه‌نویسی تعاملی و واکنش‌گرا در جاوااسکریپت هستند.

رویداد های مربوط به فرم ها

رویدادتوضیحات
onblurهنگامی که نشانگر موس متمرکز برروی یک عنصر ، از حالت focus خارج شود اسکریپت اجرا می شود
onchangeرویداد زمانی که مقدار یک عنصر تغییر کند اجرا می شود
oncontextmenuزمانی که در یک محدوده مشخص جهت نمایش منو کلیک راست شود اسکریپت اجرا می شود
onfocusهنگامی که نشانگر موس برروی یک عنصر متمرکز شود اسکریپت اجرا می شود
oninputزمانی که یک ورودی از کاربر دریافت شود این رویداد اجرا می شود
oninvalidاسکریپت زمانی که اعتبار سنجی فرم با خطا مواجه شود اجرا می شود
onresetاین رویداد زمانی رخ میدهد که دکمه reset در یک فرم کلیک شود
onsearchزمانی که در عنصر جستجو (<input=”search”>) ورودی دریافت شود این رویداد رخ می دهد
onselectهنگامی که یک متن داخل یک عنصر انتخاب شود این رویداد رخ می دهد
onsubmitهنگامی که دکمه submit در یک فرم کلیک شود این رویداد اجرا می شود

رویداد های موس

رویدادتوضیحات
onclickهنگامی که کلیک چپ موس فشار داده می شود ، رویداد رخ می دهد
ondblclickوقتی روی یک عنصر دوبار کلیک شود این رویداد اجرا می شود
onmousedownهنگام فشار دادن یکی از دکمه های موس روی یک عنصر این رویداد اجرا می شود
onmousemoveوقتی نشانگر موس روی یک عنصر قرار بگیرد این رویداد اجرا می شود
onmouseoutوقتی نشانگر موس از روی یک عنصر برداشته شود یا خارج شود این رویداد اجرا می شود
onmouseoverوقتی نشانگر موس روی یک عنصر قرار بگیرد این رویداد اجرا می شود
onmouseupهنگامی که کلیک موس از روی یک عنصر رها شود این رویداد رخ می دهد
onmousewheelاین رویداد منسوخ شده است بجای آن از رویداد onwheel استفاده کنید
onwheelهنگامی که دکمه اسکرول موس برروی یک عنصر به سمت بالا یا پایین حرکت داده شود ، رویداد رخ می دهد

رویداد های صفحه کلید

رویدادتوضیحات
onkeydownهنگامی که کاربر در حال فشار دادن یک کلید هست این رویداد اجرا می شود
onkeypressهنگامی که کاربر یک کلید را فشار می دهد این رویداد اجرا می شود
onkeyupهنگامی که کاربر یک کلید را رها میکند این رویداد اجرا می شود

رویداد های کشیدن / رها کردن

رویدادتوضیحات
ondragاسکریپت زمانی که یک عنصر کشیده شود اجرا می شود
ondragendاسکریپت زمانی که عملیات کشیدن یک عنصر به پایان برسد اجرا می شود
ondragenterاسکریپت زمانی اجرا می شود که عنصر به یک عنصر هدف معتبر و مشخص کشیده شود
ondragleaveاسکریپت زمانی اجرا می شود که عنصر کشیده شده عنصر هدف را ترک کند
ondragoverاسکریپت زمانی اجرا می شود که عنصر برروی محدوده ای که مشخص شده قرار گیرد
ondragstartوقتی عمل کشیدن عنصر شروع شود اسکریپت اجرا می شود
ondropمحل یا محدوده ای که قرار است یک عنصر در آن رها شود
onscrollهنگامی که عملیات اسکرول با موس برروی عنصر اجرا شود این رویداد رخ می دهد

رویدادهای کلیپ بورد

رویدادتوضیحات
oncopyوقتی کاربر محتوای یک عنصر را کپی ( Copy ) کند این رویداد اجرا می شود
oncutوقتی کاربر محتوای یک عنصر را کات ( Cut ) کند این رویداد اجرا می شود
onpasteوقتی یک مقدار که در حافظه کپی قرار دارد پیست ( Paste ) شود این رویداد رخ می دهد

رویداد های متفرقه

رویدادتوضیحات
ontoggleهنگامی که کاربر عنصر <details> را باز یا بسته میکند اسکریپت اجرا می شود

رویداد های مربوط به بدنه

رویدادتوضیحات
onafterprintاسکریپت بعد از عمل چاپ صفحه اجرا می شود
onbeforeprintاسکریپت قبل از عمل چاپ صفحه اجرا می شود
onbeforeunloadاسکریپت زمانی که سند در حال بارگیری است اجرا می شود
onerrorاسکریپت هنگام بروز خطا اجرا می شود
onhashchangeوقتی قسمت لنگر یا anchor از یک URL تغییر کند این رویداد رخ میدهد
onloadبعد از بارگذاری کامل صفحه این رویداد اجرا می شود
onmessageوقتی یک پیغام از سمت سرور ایجاد شود این رویداد اجرا می شود
onofflineوقتی مرورگر در حالت آفلاین باشد این رویداد اجرا می شود
ononlineوقتی مرورگر در حالت آنلاین باشد این رویداد اجرا می شود
onpagehideاسکریپت هنگامی که کاربر از صفحه به طور موقت خارج/دور شده اجرا می شود
onpageshowاسکریپت هنگامی که یک صفحه به کاربر نمایش داده شده اجرا می شود
onpopstateوقتی در پنجره تاریخچه ویندوز تغییری ایجاد شود اسکریپت اجرا می شود
onresizeهنگامی که سایز پنجره مرورگر تغییر کند اسکریپت اجرا می شود
onstorageوقتی یک منطقه ذخیره سازی وب بروز شود اسکریپت اجرا می شود
onunloadوقتی یک صفحه توسط کاربر بسته شود این رویداد اجرا می شود

رویداد های رسانه

رویدادتوضیحات
onabortوقتی در هنگام لود یک رسانه مشکلی (ارتباط قطع شود) پیش بیاید اسکریپت اجرا می شود
oncanplayهنگامی که یک رسانه قابلیت اجرا شدن داشته باشد رویداد رخ می دهد
oncanplaythroughهنگامی که فایل بدون توقف میتواند اجرا شود رویداد رخ می دهد
oncuechangeهنگامی که تغییراتی در عنصر <track> رخ بدهد اسکریپت اجرا می شود
ondurationchangeهنگامی که تغییراتی در مدت زمان رسانه رخ بدهد اسکریپت اجرا می شود
onemptiedهنگامی که اتصال و دسترسی به پرونده به طور ناگهانی قطع شود اسکریپت اجرا می شود
onendedهنگامی که رسانه به پایان می رسد اسکریپت اجرا می شود ( مثال : وقتی یک ویدیو تمام می شود میتوان پیام خاصی را نمایش داد )
onerrorوقتی هنگام بارگذاری فایل خطایی رخ بدهد اسکریپت اجرا می شود
onloadeddataهنگامی که بارگذاری فایل یا رسانه تکمیل شود ، اسکریپت اجرا می شود
onloadedmetadataوقتی متا داده های یک رسانه مانند ( مدت زمان ، ابعاد و… ) بارگذاری شود ، این رویداد رخ می دهد
onloadstartاسکریپت درست زمانی که پرونده شروع به بارگیری می کند قبل از اینکه چیزی بارگیری شود ، اجرا می شود
onpauseاسکریپت زمانی اجرا می شود که رسانه توسط کاربر یا به روشی دیگر متوقف شود
onplayاسکریپت زمانی اجرا می شود که رسانه آماده پخش شدن ( Play ) باشد
onplayingزمانی که رسانه شروع به پخش شدن ( Playing ) میکند اسکریپت اجرا می شود
onprogressاسکریپت زمانی که مرورگر در حال دریافت اطلاعات رسانه است اجرا می شود
onratechangeبا هر بار تغییر سرعت پخش رسانه (مانند زمانی که کاربر به حالت صحنه آهسته یا حرکت سریع می رود) اسکریپت اجرا می شود
onseekedوقتی کاربر به نقطه ی پایان از پخش رسانه برسد اسکریپت اجرا می شود
onseekingوقتی کاربر در حال جابه جایی یا جستجو به یک نقطه زمانی جدید از پخش رسانه باشد اسکریپت اجرا می شود
onstalledهنگامی که مرورگر به هر دلیلی قادر به دریافت اطلاعات رسانه نمی باشد ، اسکریپت اجرا می شود
onsuspendهنگامی که مرورگر قبل از بارگیری کامل رسانه به هر دلیلی با مشکل مواجه شود و رسانه بارگیری نشود رویداد رخ می دهد
ontimeupdateهنگامی که نقطه زمانی رسانه توسط کاربر تغییر کند مانند زمانی که کاربر نقطه زمانی رسانه را به جلوتر یا عقب تر تغییر می دهد ، اسکریپت اجرا می شود
onvolumechangeهر تغییری در میزان صدای رسانه ( کم یا زیاد شدن صدا ) رخ بدهد ، اسکریپت اجرا می شود
onwaitingهنگامی که کاربر در حال مشاهده رسانه می باشد ولی کامل بارگیری نشده و باید صبر کند تا ادامه آن بارگیری شود ، اسکریپت اجرا می شود ( مثلاً وقتی کاربر داره یک ویدیو رو تماشا میکنه و ادامه ویدیو هنوز کامل دانلود نشده و باید صبر کنه تا دانلود بشه )

  • در این بخش به بررسی نحوه تبدیل نوع داده در جاوا اسکریپت می پردازیم، در جاوا اسکریپت، تبدیل نوع داده به دو شکل اصلی انجام می‌شود: تبدیل خودکار (Implicit Type Conversion) و تبدیل دستی (Explicit Type Conversion)...

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

  • در این بخش به بررسی نحوه پردازش JSON در جاوا اسکریپت می پردازیم، در جاوا اسکریپت، JSON به صورت بومی پشتیبانی می‌شود و این امر پردازش داده‌ها را بسیار آسان کرده است...

  • در این بخش به بررسی دستورات break و continue در جاوا اسکریپت می پردازیم، دستور break برای متوقف کردن اجرای یک حلقه یا بلوک کد استفاده می‌شود...