درود دوستان جاوااسکرپیتی! توی این قسمت میخوایم ببینیم که کجاها و به چه صورت میتونیم کدهای جاوااسکریپت رو اجرا کنیم.
کدهای جاوااسکریپت خیلی راحت و بدون دردسر اجرا میشن و برای این کار روشهای زیادی وجود داره. ما میخوایم ۳ روش رایج زیر رو بررسی کنیم:
- اجرای کدهای جاوااسکریپت توسط مرورگر
- اجرای کدهای جاوااسکریپت توسط کنسول مرورگر
- اجرای کدهای جاوااسکریپت توسط محیط Node.js
نصب برنامههای کاربردی
قبل از هر چیزی لازم داریم یک سری برنامههای کاربردی رو روی سیستم عاملمون نصب کنیم.
نصب VS Code
ما باید جایی رو داشته باشیم که بتونیم توی اون کدهامون رو بنویسیم. VS Code یک ادیتور (ویرایشگر متن) هست که توی اون میتونم کدهای جاوااسکریپت بنویسیم و برنامههامون رو توسعه بدیم. این برنامه رو دانلود کنین.
یک مرورگر
اگه الان این متن رو میخونین حتماً یک مرورگر دارین :)
نصب Node.js
نود جیاس یک محیط اجرای کدهای جاوااسکریپت هست که برای توسعه برنامههای سمت بکاند استفاده میشه. کافیه نود روی سیستم ما نصب باشه. برای این کار باید بسته به نوع سیستم عاملی که داریم نود رو نصب کنیم. از میتونین نود رو دانلود و نصب کنین.
اگه مشکلی توی نصب یکی از این برنامهها داشتین مشکلتون رو توی قسمت نظرات بفرستین.
۱. اجرای کدهای جاوااسکریپت توسط مرورگر
توی این روش ما به ۲ چیز نیاز داریم: یک ادیتور (ویرایشگر متن) ساده مثل VS Code و یک مرورگر. از ادیتور استفاده میکنیم تا کدهای جاوااسکریپت رو بنویسیم و از مرورگر استفاده میکنیم تا این کدها رو اجرا کنیم. تقریباً همه کدهای جاوااسکریپت رو میشه به این روش اجرا کرد.
برای اینکه کدهای جاوااسکریپت توسط مرورگر اجرا بشه، ما باید یک فایل HTML بسازیم. برای این کار ابتدا ادیتور رو باز میکنیم و این فایل رو با محتویات زیر میسازیم:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Learning JS! 💪</title> </head> <body> <script> alert(`I'm Learning JS 🎉💪`); </script> </body> </html>
این فایل رو با اسم دلخواه مثلاً index.html (به پسوند دقت کنین) ذخیره میکنیم. حالا کافیه روی این فایل کلیک کنیم تا توسط مرورگر باز بشه. اگه پیام خط ۹ رو گرفتین، تبریک 🎉 شما اولین و مهمترین قدم رو توی یادگیری جاوااسکریپت برداشتین 😉
