شروع کار و معرفی IDE زبان برنامه نویسی جاوا اسکریپت

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

فهرست مطالب

شروع کار زبان برنامه نویسی جاوا اسکریپت

برای شروع برنامه نویسی به زبان جاوا اسکریپت JavaScript نیاز به نرم افزاری داریم تا ابزار های مورد نیاز برای برنامه نویسی را تامین کند. این نرم افزار IDE نام دارد.

چند مورد از IDE و ویرایشگر های معروف جاوا اسکریپت:

NetBeans
Dreamweaver
Atom
Visual Studio
Sublime Text
WebStorm

شروع کار زبان برنامه نویسی جاوا اسکریپت

فراخوانی کدهای جاوا اسکریپت به دو شکل است:

داخلی
خارجی

فراخوانی داخلی، با استفاده از تگ script درون فایل HTML قرار می گیرد.

کد:

<script>
  alert("CodeUni.Ir");
</script>

فراخوانی خارجی، با استفاده از تگ script و صفت src فایلی را با فرمت js فراخوانی می کند.

کد:

<script src="script.js"></script>

برای شروع ابتدا یک فایل HTML بسازید:

یک پوشه جدید بسازید و درون آن کلیک راست کرده و گزینه New > Text Document را انتخاب کنید تا یک فایل با فرمت txt ساخته شود.

در ادامه روی فایل ساخته شده کلیک راست کرده و با استفاده از Rename نام و فرمت فایل را به index.html تغییر دهید.

نکته: در صورتی که امکان تغییر فرمت فایل میسر نمی باشد از سربرگ View در ویندوز گزینه File name extensions را فعال کنید.

حالا فایل ساخته شده را با برنامه Notepad ویندوز باز کرده و به عنوان نمونه، کد زیر را درون آن قرار داده سپس ذخیره کنید.

<!DOCTYPE html>
<html>
  <head>
    <title>CodeUni.Ir</title>
  </head>
  <body>

  </body>
</html>

جهت استفاده از فراخوانی داخلی، کدهای جاوا اسکریپت را درون تگ script قرار دهید.

<!DOCTYPE html>
<html>
  <head>
    <title>CodeUni.Ir</title>
      <script>
        //JavaScript Code
      </script>
  </head>
  <body>

  </body>
</html>

جهت فراخوانی خارجی، ابتدا باید یک فایل جاوا اسکریپت با فرمت js بسازید:

درون پوشه ساخته شده کلیک راست کرده و گزینه New > Text Document را انتخاب کنید تا یک فایل با فرمت txt ساخته شود.

در ادامه روی فایل ساخته شده کلیک راست کرده و با استفاده از Rename نام و فرمت فایل را به script.js تغییر دهید.

نکته: در صورتی که امکان تغییر فرمت فایل میسر نمی باشد از سربرگ View در ویندوز گزینه File name extensions را فعال کنید.

کد JavaScript:

alert("CodeUni.Ir");

حالا جهت فراخوانی فایل script.js از تگ script و صفت src استفاده می کنیم.

آدرس فایل جاوا اسکریپت باید در صفت src قرار گیرد.

<!DOCTYPE html>
<html>
  <head>
    <title>CodeUni.Ir</title>
    <script src="script.js"></script>
  </head>
  <body>

  </body>
</html>

شروع کار و معرفی IDE زبان برنامه نویسی جاوا اسکریپت

شروع کار زبان برنامه نویسی جاوا اسکریپت

معرفی مطالب در این زمینه