مقدمه ای بر JavaScript – DEV Community

ما سفر خود را با کاوش در تاریخچه و تکامل جاوا اسکریپت، درک اهمیت آن و تنظیم محیط توسعه شما آغاز خواهیم کرد. در پایان این فصل، پایه محکمی خواهید داشت و آماده شروع نوشتن اولین خطوط کد جاوا اسکریپت خود هستید!
1.1 تاریخ و تکامل
جاوا اسکریپت در سال 1995 توسط برندان ایچ در زمانی که او در شرکت ارتباطات نت اسکیپ کار می کرد ایجاد شد. نام اصلی آن موکا بود، اما بعداً به لایو اسکریپت و در نهایت به جاوا اسکریپت تغییر نام داد. جاوا اسکریپت علی رغم نامش به طور مستقیم با جاوا مرتبط نیست. این نام به دلایل بازاریابی انتخاب شده است.
1.2 چرا جاوا اسکریپت را یاد بگیریم؟
جاوا اسکریپت یک مهارت ضروری برای توسعه دهندگان وب مدرن است. در اینجا چند دلیل برای مفید بودن یادگیری جاوا اسکریپ آورده شده است:
- تطبیق پذیری: جاوا اسکریپت هم برای توسعه front-end و هم برای توسعه back-end استفاده می شود. شما می توانید صفحات وب تعاملی ایجاد کنید، برنامه های سمت سرور بسازید، و حتی برنامه های تلفن همراه را توسعه دهید.
- محبوبیت: جاوا اسکریپت یکی از محبوب ترین زبان های برنامه نویسی در جهان است که جامعه ای بزرگ و فعال دارد. این بدان معناست که منابع، مجموعهها و چارچوبهای فراوانی در دسترس هستند.
- فرصت های شغلی: مهارت در جاوا اسکریپت فرصت های شغلی متعددی را باز می کند، زیرا این مهارت برای بسیاری از نقش های توسعه وب است.
- جامعه و اکوسیستم: جاوا اسکریپت دارای اکوسیستم غنی از کتابخانه ها و فریمورک ها مانند React، Angular و Node.js است که توسعه را سریعتر و کارآمدتر می کند.
1.3 تنظیم محیط توسعه شما
قبل از شروع کدنویسی، بیایید یک محیط توسعه راه اندازی کنیم. در اینجا چیزی است که شما نیاز دارید:
ویرایشگر متن یا IDE:
- گزینه های محبوب عبارتند از Visual Studio Code، Sublime Text و Atom. برای این سری، از کد ویژوال استودیو (VS Code) استفاده خواهیم کرد.
- VS Code را دانلود کنید
مرورگر اینترنت:
- مرورگرهای وب مدرن مانند گوگل کروم، موزیلا فایرفاکس و مایکروسافت اج دارای ابزارهای توسعه دهنده عالی برای اشکال زدایی و آزمایش کد جاوا اسکریپت هستند.
- گوگل کروم را دانلود کنید
Node.js و npm:
- Node.js یک زمان اجرا جاوا اسکریپت است که به شما امکان می دهد کد جاوا اسکریپت را خارج از مرورگر وب اجرا کنید. npm (Node Package Manager) برای مدیریت کتابخانه ها و وابستگی ها استفاده می شود.
- Node.js را دانلود کنید
1.4 نوشتن اولین کد جاوا اسکریپت
اکنون که محیط خود را تنظیم کرده ایم، بیایید اولین کد جاوا اسکریپت خود را بنویسیم. ما با یک “سلام، جهان!” مثال.
ایجاد یک فایل HTML:
- ویرایشگر متن خود (VS Code) را باز کنید و یک فایل جدید به نام index.html ایجاد کنید.
- کد زیر را به index.html خود اضافه کنید
ایجاد یک فایل جاوا اسکریپت:
- در همان دایرکتوری، یک فایل جدید با نام script.js ایجاد کنید.
- کد جاوا اسکریپت زیر را به فایل script.js خود اضافه کنید:
console.log("Hello, World!");
اجرای کد شما:
- index.html را در مرورگر وب خود باز کنید. شما باید "سلام، جهان!" در صفحه نمایش داده می شود.
- ابزارهای توسعه دهنده مرورگر را باز کنید (F12 یا کلیک راست کنید > Inspect، به تب Console بروید و پیام "Hello, World!" وارد کنسول شده است.
تبریک می گویم! شما به تازگی اولین کد جاوا اسکریپت خود را نوشته و اجرا کرده اید.
در این فصل، تاریخچه و تکامل جاوا اسکریپت، اهمیت آن و نحوه راه اندازی محیط توسعه را پوشش دادیم. ما همچنین اولین کد جاوا اسکریپت خود را نوشتیم و اجرا کردیم. در فصل بعدی، به مبانی جاوا اسکریپت، کاوش در متغیرها، انواع داده ها و جریان کنترل می پردازیم.
در حین ادامه، نظرات خود را بنویسید و سوالات خود را بپرسید.
کد نویسی مبارک!