به یکی دیگر از دوره های آموزش برنامه نویسی خوش آمدید. من امیر جوان میر هستم و قصد دارم تا شما را با زبان قوی و کاربردی جاوااسکریپت آشنا بکنم.
در بخش اول قصد دارم شما را با دنیای جاوااسکریپت آشنا کنم و به شما بگم که اصلا جاوااسکریپت چیه؟ به چه دردی میخوره و …
جاوااسکریپت چیست؟
دنیای برنامه نویسی در سمت وب به دو بخش frontend و backend تقسیم می شود که frontend مربوط به سمت کاربر و backend مربوط به سمت سرور می باشد.
جاوااسکریپت یک زبان برنامه نویسی مفسری سمت کاربر است که زبانی محبوب و جهانی است.
رتبه زبان جاوااسکریپت در بین سایر زبان های برنامه نویسی در تمامی این سالها اول بوده است.
منظور از مفسر بودن یک زبان چیست؟
منظور از مفسر بودن این است که کدها به جای کامپایل شدن توسط مرورگر تفسیر و اجرا می شود.
یادگیری این زبان بسیار ساده و سریع است. بهتر است مفاهیم این زبان را با استفاده از مثال هایی که زده می شود فرا بگیرید چون فهمیدن آنها راحتتر است.
هدف از ارائه این زبان؟
- هدف از ارائه این زبان، داینامیک کردن صفحه وب است. برای مثال با کلیک کردن بر روی یک لینک یک انیمیشن در صفحه اجرا شود. یا با رفتن بر روی منو زیر منوی آن اجرا شود.
- با یادگیری این زبان می توان فریم ورک ها و کتابخانه های مربوط به سمت front را یاد بگیرید و به خلق برنامه ها در پلتفرم های مختلف بپردازید.از این زبان می توان برای ساخت اپلیکیشن های تحت وب، موبایل و دستکتاپ استفاده کرد.
- براساس نظرسنجی سایت stack overflow زبان جاوااسکریپت در هفت سال پیاپی بعنوان زبان محبوب frontend شناخته شده است. علت این محبوبیت بخاطره بروزرسانی جدید در زمان های مختلف است این بروزرسانی مربوط به فریم ورک نیست بلکه خود زبان جاوااسکریپت است.
- یکی از کتابخانه هایی که براساس زبان جاوااسکریپت ساخته شده،کتابخانه React است که از آن برای ساخت اپلیکیشن های تحت وب استفاده می شود.
- زبان سمت سرور nodejs از جاوااسکریپت استفاده کرده است.
چه کتابخانه هایی و فریم ورک هایی از جاوااسکریپت استفاده کرده اند؟
کتابخانه ها و فریم ورک های بسیاری این زبان را به عنوان پایه زبان خود قرار داده اند که عبارتند از:
کتابخانه ها:
فریم ورک ها:
چرا باید جاوااسکریپت را یاد بگیریم؟
علت یادگیری این زبان را بصورت تیتر وار برایتان توضیح می دهیم.
این زبان جز ۳ زبان اصلی تحت وب است که هر توسعه دهنده ای باید آن را فرا بگیرد.
- زبان HTML: آن را نمی توان یک زبان برنامه نویسی نامید بلکه با استفاده از دستورات و تگ هایی ساختار صفحات وب خود را مشخص می کنیم.
- زبان CSS: با استفاده از این زبان یه چیدمان های خود رنگ و لعاب می دهیم. مانند تخصیص رنگ و فونت و …
- زبان JS: این زبان یک زبان برنامه نویسی است که بوسیله آن می توان به صفحات و قسمت های مختلف وب سایت خود پویایی ببخشیم. مانند کلیک کردن بر روی یک لینک و اسکرول شدن صفحه به سمت بالا یا پایین.
تاریخچه و نسخه های مختلف زبان جاوااسکریپت
این زبان از زمان پیدایش تا الان نسخه های مختلفی را ارائه کرده است و در هر نسخه امکان جدیدی به آن اضافه شده است:
- نسخه اورجینال و ابتدایی آن با نام های ES1,ES2,ES3 از سال ۱۹۹۷ تا ۱۹۹۹ ارائه شد که بدلیل مشکلاتی که داشت مورد استقبال قرار نگرفت.
- نسخه اصلی جهت استفاده با نام ES5 در سال ۲۰۰۹ ارائه شد و تا سال ۲۰۱۴ مورد استفاده قرار می گرفت. در این سال nodejs ارائه شد که طرفداران زیادی را به سمت خودش کشید.در این سال جاوااسکریپت به یک زبان cross platform تبدیل شد.
- نسخه بهبود یافته ES5 با نام ES6 در سال ۲۰۱۵ ارائه شد
- نسخه های آخر با نام های ES7,ES8,ES9 در سال های ۲۰۱۶-۲۰۱۷-۲۰۱۸ ارائه شدند.
نکته ای که در نام گذاری نسخه ها وجود دارد این است که از واژه ES استفاده شده است که این واژه مخفف ECMA Script است و نام استاندارد این زبان است. هر نسخه ای که ارائه می شود ابتدا باید توسط سازمان استاندارد سازی کدها (Ecma) مورد بررسی قرار گیرد و برای آن تائیدیه ارسال شود. ecma-262 نام رسمی این زبان است.
نکته: توجه داشته باشید که در هر نسخه ویژگی های جدیدی به زبان اضافه شده است و فکر نکنید زبان بطور کلی متحول شده است.
بین جاوا و جاوااسکریپت تفاوت وجود دارد؟
برخی افراد تصور می کنند این دو زبان شبیه یکدیگرند، در صورتی که این دو زبان تنها در تلفظ شبیه بهم هستند و دارای دستورات و ساختار متفاوتی می باشند.
برخی از سوالاتی که ممکن است برای شما پیش بیاید
- چطور می توانم این زبان را داشته باشم؟
- از کجا می توانم آن را دانلود کنم؟
- آیا استفاده کردن از این زبان رایگان است؟
باید گفت که نه نیازی به دانلود هیچ فایلی نیست.این زبان بصورت خودکار و براساس نسخه مرورگر بر روی Browser شما نصب است و ربطی به دستگاه مورد استفاده مانند لپ تاپ و تبلت یا گوشی ندارد.
هرجا که مرورگری را باز کنید در هسته آن زبان جاوااسکریپت وجود دارد و در حال اجرا است.
برنامه های ویرایشگر جهت توسعه برنامه
برای کدنویسی نیاز به ویرایشگری داریم تا بتوانیم با استفاده از آن راحتتر و سریعتر برنامه خود را توسعه بدهیم.در زیر نمونه هایی از این ویرایشگرها را معرفی میکنم.
اکثر این ویرایشگرها دارای پکیج های جانبی کاربردی بهمراه تم مناسب کدنویسی هستند.همچنین استفاده از برخی از آنها اپن سورس و رایگان است و برخی از آنها دارای لایسنس می باشند.
ویژگی دیگر این برنامه ها این است که برای اکثر سیستم عامل ها دارای برنامه مناسب نصبی است.این برنامه ها عبارتند از:
- visual studio code
- web storm
- phpstorm
- atom
- sublime
- notepad++
- notepad که پیش فرض بر روی سیستم عامل ویندوز نصب است
از چه مرورگری استفاده کنیم؟
برای کار کردن و مشاهده خروجی بهتر است از مرورگر استاندارد مانند Chrome یا Firefox استفاده کنید.پیشنهاد من کروم است که دارای ابزارهای مفیدی مانند console و مشاهده element ها است.
