سبد خرید

بستن سبد خرید

سبد خرید شما خالی است.

تعداد محصول: 0 کل قیمت: تومان0

بارگذاری و اجرای جاوااسکریپت

قبل از یادگیری جاوااسکریپت، حتما برای نوشتن کدهای html کار کردید. اگر کار نکردید، پیشنهاد میکنم آموزش html را ببینید. پس قطعا کدهای html را داخل یک Editor نوشتید مثل VS Code, Sublime Text, Atom, PHP Storm, Web Storm یا هر editor دیگری. پیشنهاد من VS Code است …


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

نصب محیط برنامه برای کد نویسی جاوااسکریپت

قبل از یادگیری جاوااسکریپت، حتما برای نوشتن کدهای html کار کردید. اگر کار نکردید، پیشنهاد میکنم آموزش html را ببینید. پس قطعا کدهای html را داخل یک Editor نوشتید مثل VS Code, Sublime Text, Atom, PHP Storm, Web Storm  یا هر editor دیگری. پیشنهاد من VS Code است و در این آموزش از همین ویرایشگر استفاده میکنیم، به سه دلیل اصلی:

  • VS Code رایگان است
  • VS Code سبک و کم حجم است
  • VS Code مناسب کد نویسی می باشد

برنامه ی vscode برای همه قابل دسترس و در همه سیستم ها حتی سیستم های ضعیف از نظر سخت افزاری قابل اجراست و همه کس میتوانند استفاده کنند. اما برای شروع، به نصب چند تا افزونه یا Extension روی VS Code نیاز داریم که باید نصب شود. کافی است اسم افزونه های زیر را داخل قسمت Extension نرم افزار VS Code سرچ و نصب کنید:

  • One Dark Pro
  • Material Theme
  • Live Server
  • JavaScript Sinppets
  • Bracket Pair Colors
  • Beautify
  • Auto Close Tag
  • Auto Rename Tag
  • Prettier
  • Emmet

نصب جاوااسکریپت

برای اجرا کردن دستورات جاوا اسکریپت در سایت نیاز به بارگذاری جاوااسکریپت در سایت داریم. در واقع با استفاده از تگ Script فایل با فرمت js. (فرمت مخصوص جاوا اسکریپت) فراخونی و دستورات جاوااسکریپت اجرا میشود. این فراخونی فایل به دو صورت Internal و External میتوان انجام داد.
کدنویسی و ساخت برنامه با زبان جاوا اسکریپت نیازمند کامپایلر یا تنظیمات خاص و پیچیده ندارد و تنها در سند html خود باید از تگ اسکریپت (script) استفاده کنیم. استفاده از این تگ به دو روش استفاده میشود که عبارتند از:

  1. اینترنال جاوا اسکریپت

  2. اکسترنال جاوا اسکریپت

در ادامه به یادگیری هر دو روش فوق میپردازیم.

جاوااسکریپت داخلی (INTERNAL)

در این روش به صورت تگ اسکریپت استفاده میکنیم. روشی که در کد پایین تر آمده است، کد های جاوا اسکریپت مابین تگ script نوشته شده است.

<script>
   document.getElementById("demo").innerHTML = "shahcode.com";
</script>

جاوااسکریپت خارجی (EXTERNAL)

در روش اکسترنال، ما به صورت یک سند جاوا اسکریپت ایجاد میکنیم. پسوند فایل های جاوا اسکریپ js است. در این روش ما کد ها و دستورات جاوااسکریپت را در فایل جدا گانه ای که پسوند js دارد، مینویسیم و در فایل html خود فراخوانی میکنیم. فراخوانی فایل های جاوا اسکریپت خارجی به این صورت شکل میگیرد که تگ اسکریپت را وارد میکنیم و به آن attribute سورس src را اختصاص میدهیم. سپس آدرس فایل جاوا اسکریپت را در بخش src وارد میکنیم.

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

پست های مشابه

دیدگاه و پرسش