فصل اول: جاوا اسکریپت و زیربنای دنیای مدرن وب
۱. چرا باید جاوااسکریپت را یاد بگیرید؟
اگر از هر برنامهنویس حرفهای بپرسید “مهمترین زبان حال حاضر دنیا چیست؟”، قطعاً یکی از نامهای اصلی جاوااسکریپت خواهد بود. اما چرا؟
در سالهای دور، صفحات وب فقط متنهای ساده و بیروحی بودند که هیچ واکنشی به کاربر نشان نمیدادند. جاوااسکریپت ابداع شد تا به مرورگرها اجازه دهد **فکر کنند**. امروز، این زبان نه تنها در مرورگر، بلکه در سرورها (Node.js)، اپلیکیشنهای موبایل (React Native) و حتی هوش مصنوعی حضور دارد.
۲. ابزارهای مورد نیاز برای شروع
برخلاف تصوری که از برنامهنویسی در فیلمها وجود دارد، شما به سیستمهای فوق پیشرفته نیاز ندارید. برای شروع با CSLearn، فقط دو چیز لازم دارید:
- یک مرورگر مدرن: گوگل کروم (Chrome) به دلیل داشتن ابزار قدرتمند Inspect، بهترین گزینه برای برنامهنویسان است.
- یک ویرایشگر متن (Code Editor): پیشنهاد ما VS Code است. این نرمافزار رایگان است و با نصب افزونههای مختلف، در هنگام کدزنی به شما کمک میکند (مثلاً کلمات را برایتان کامل میکند).
۳. کالبدشکافی متغیرها (شریان حیاتی برنامه)
بیایید عمیقتر شویم. وقتی میگوییم متغیر، در واقع در حال رزرو کردن بخشی از حافظه RAM کامپیوتر هستیم. ما به کامپیوتر میگوییم: “یک جا برای من نگه دار، اسمش را بگذار X و عدد ۱۰ را داخلش قرار بده”.
تفاوت سرنوشتساز let و const:
در گذشته از کلمه var استفاده میشد، اما به دلیل باگهای منطقی زیاد، امروزه منسوخ شده است. حالا ما دو انتخاب داریم:
| ویژگی | let | const |
|---|---|---|
| قابلیت تغییر مقدار | بله ✅ | خیر ❌ |
| نیاز به مقداردهی اولیه | اختیاری | اجباری |
| بهترین مورد مصرف | حلقهها، شمارندهها، وضعیتها | تنظیمات، توابع، اشیاء ثابت |
مثال دنیای واقعی (سیستم بانکی):
// شماره حساب بانکی هرگز تغییر نمیکند
const accountNumber = “6104-3378-1234-5678”;
// موجودی حساب با هر خرید تغییر میکند
let balance = 500000;
balance = 450000; // ۵۰ هزار تومان کسر شد
۴. قوانین مودبانه نامگذاری (Clean Code)
در جاوااسکریپت شما نمیتوانید هر طوری که دلتان خواست نام متغیر انتخاب کنید. برای اینکه یک برنامهنویس حرفهای باشید، باید این قواعد را رعایت کنید:
- حساسیت به حروف: متغیر
Nameباnameکاملاً متفاوت است. - شروع نشدن با عدد: نمیتوانید بنویسید
let 1user. حتماً باید با حروف یا علامت_یا$شروع شود. - قانون شتری (camelCase): استاندارد JS این است که کلمه اول کوچک و کلمات بعدی با حرف بزرگ شروع شوند. مثال:
userHomeAddress.
🛠 کارگاه آموزشی (خودآموزی فعال)
بیایید یک سناریو را پیاده کنیم. فرض کنید میخواهیم اطلاعات یک دانشجو را در سایت CSLearn ذخیره کنیم.
گام اول: یک فایل به نام index.html بسازید.
گام دوم: کد زیر را در آن قرار دهید:
<!– بخش بدنه HTML –>
<script>
const studentName = “علی رضا”;
let average = 18.5;
let isPassed = true;
console.log(“نام دانشجو:”, studentName);
console.log(“وضعیت قبولی:”, isPassed);
</script>
گام سوم: فایل را در مرورگر باز کنید، کلید F12 را بزنید و در تب Console معجزه کدتان را ببینید!
تبریک! شما اولین قدم بزرگ را برداشتید.
یادگیری برنامهنویسی یک ماراتن است، نه دو سرعت. امروز یاد گرفتید که جاوااسکریپت چیست، چطور محیط کار را آماده کنید و چطور با متغیرها به کامپیوتر دستور بدهید اطلاعات را ذخیره کند.
در درس بعدی (فصل ۲) یاد میگیریم چطور با این متغیرها عملیات ریاضی انجام دهیم و جملات بسازیم.
منتشر شده با ❤️ در CSLearn.ir