جاوا اسکریپت (JavaScript) چیست و چه کاربردی دارد؟ آموزش کامل جاوااسکریپت

شغل:طراحی وب

درآمد:۱۳۰ هزار دلار سالانه

مکان:هر کشوری دوست داری

مسیر: ۷ دوره آموزشی

منتور ۲ :جلسه آنلاین با استاد

منتور ۱ : کافه گپ و گفت

بزن بریم

احتمالا تا حالا نام زبان برنامه نویسی جاوا اسکریپت (Javascript) را شنیده اید و متوجه شده اید که جاوا اسکریپت به عنوان محبوب ترین زبان برنامه نویسی معرفی شده است. شاید تا به حال با زبان برنامه نویسی جاوا اسکریپت کار نکرده اید و شناخت کافی درباره این زبان را نداشته باشید. نگران نباشید یادگیری زبان جاوااسکریپت بسیار آسان می باشد و به وسیله این مقاله می توانید به راحتی جاوا اسکریپت را بشناسید.

آنچه در این مقاله می آموزید:

زبان برنامه نویسی جاوا اسکریپت چیست؟

جاوااسکریپت که به آن JS نیز گفته می شود که به عنوان محبوبترین زبان‌ های برنامه نویسی به حساب می آید. جاوا اسکریپت یکی از زبان های سطح بالا، داینامیک، شی‌گرا و مفسیری می باشد که دارای شیوه ‌های مختلف برنامه نویسی است و به راحتی از این شیوه ها پشتیبانی می کند. می توانید از جاوا اسکریپت در برنامه نویسی سمت سرور (Server Side)، اپلیکیشن‌ های موبایل، بازی، اپلیکیشن ‌های دسکتاپ و برنامه نویسی سمت کاربر استفاده نمایید. زبان جاوااسکریپت به عنوان یک زبان همه فن حریف در بین برنامه نویسان معرفی می شود.

تعریف زبان ‌های برنامه نویسی مفسری

زبان ‌های مفسری (Interpreted)، زبان هایی هستند که کد ها را به صورت خط به خط تفسیر می کنند. این موضوع باعث کند شدن اجرا کد ها می شود. زبان ‌های مفسری به دلیل اینکه به طور همزمان از طریق مفسر اجرا می شوند، به سیستم‌ عامل وابستگی ندارند.

معنی زبان برنامه نویسی کامپایلری

در زبان های کامپایلری، تمام کدها به یکباره کامپایل یا ترجمه می شوند و در نهایت پس از پردازش بر روی آن ها، اجرا می شوند. بان‌ های کامپایلری بر خلاف زبان ‌های مفسری به سیستم‌ عامل دارند. شما نمی توانید از کد های کامپایل شده بر روی سیستم‌ عامل خود، در سیستم‌ عامل دیگری استفاده نمایید.

تفاوت زبان ‌های سمت سرور و سمت کاربر

سمت سرور	سمت کاربر
پردازش و اجرا زبان بر روی سرور (سایت) می باشد	پردازش و اجرا کد ها بر روی سیستم کاربر
نیاز به نرم‌ افزاری برای برقراری ارتباط (وب سرور)	نیاز نداشتن به نرم افزار

سه جزء مهم در صفحات وب

در طراحی صفحات وب، سه جزء مهم وجود دارد که در لیست زیر قابل مشاهده هستند.

زبان HTML
زبان CSS
زبان جاوا اسکریپت

تاریخچه جاوا اسکریپت

زبان برنامه نویسی Javascript برای اولین با در می ماه سال 1995 به وسیله فردی به نام برندن ایچ در شرکت Netscape ساخته شده است. شرکت Netscape به طراحی صفحات وب پویا و جذاب پرداخت. اولین استاندارد جاوا اسکریپت، استاندارد ECMAScript نام دارد که در سال 1997 تولید شد و آخرین ورژن استاندارد جاوا اسکریپت نیز در ژوئن 2017 با نام ECMAScript 2017 منتشر گردید.

چرا جاوا اسکریپت شی گرا می باشد؟

یکی از ویژگی های زبان برنامه نویسی Javascript، شی گرا بودن است. شی گرایی یک الگو و شیوه تفکر در برنامه نویسی می باشد که از جزء به کل انجام می شود. برنامه هایی که قرار است با زبان جاوااسکریپت طراحی می شوند، ابتدا واحدهای کوچکتری از برنامه ساخته می شوند. پس از چسباندن یا پیوند این قسمت های کوچک، قسمت های بزرگ ساخته می شوند و در نهایت کل برنامه ساخته می شود. ویژگی شی گرایی مشکلات زیادی را برطرف می کند و فرایند کد نویسی را برای شما راحت می کند.

ویژگی های جاوا اسکریپت

جاوااسکریپت دارای ویژگی های مختلفی می باشد که در لیست زیر به معرفی تعدادی از این ویژگی ها پرداخته شده است.

جاوااسکریپت یک زبان اسکریپتی و سبک است
کنترل تاریخ و زمان و ساعت توسط جاوا اسکریپت
جاوااسکریپت یک زبان برنامه نویسی شی گراست
کامپایل و اجرا جاوا اسکریپت توسط مرورگر (Browser)
جاوااسکریپت کنترل کاربر بر روی مرورگر را بیشتر میکند
جاوا اسکریپت نسبت به حروف کوچک و بزرگ حساس است
شناسایی مرورگر و سیستم عاملی که کاربر استفاده میکند
انتهای هر دستور از جاوااسکریپت باید از سیمیکالن (;) استفاده کرد

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

Javascript در دنیای برنامه نویسی کاربرد های بسیاری دارد که در این قسمت به معرفی آن ها می پردازیم.

جان دادن به سایت ‌های بی ‌روح
تعامل با کاربران خود
نمایش فایل ‌های انیمیشنی، صوتی و تصویری بر روی سایت
قرار دادن تایمر بر روی سایت
تغییر دادن رنگ ها با حرکت ماوس
ساخت برنامه‌ های وب، موبایل و دسکتاپ
استفاده از ز فریم‌ورک و کتابخانه ‌های جاوا اسکریپت

توسعه بازی ‌های رایانه ای تحت مرورگر
برنامه نویسی فرانت اند
برنامه نویسی بک اند
برنامه نویسی نرم افزارهای موبایل
برنامه نویسی نرم افزارهای دسکتاپ
طراحی انیمیشن های گرافیکی
اسلایدر عکس داشته باشید
کنترل فرم های ورودی کاربر
تعیین کنید که وقتی کاربر روی یک المان کلیک کرد، یک اتفاق خاص بیفتد
تگ های HTML را اضافه یا کم کنید و یا در آن تغییراتی ایجاد کنید
به رفتارهای کاربر عکس‌العمل نشان دهید
استایل ها، رنگ ها، اندازه ها و بطور کلی کد های CSS را عوض کنید
به کاربران پیام های خطا یا موفقیت آمیز نشان دهید
منو هایی بسازید که وقتی کاربر موس خود را روی آن ‌ها برد، باز شوند
IP کاربر را پیدا کنید
مرورگر کاربر و نسخه ‌ی آن را متوجه شوید
تشخیص سیستم عامل کاربر( ویندوز است یا لینوکسی)
بفهمید که کاربر با موبایل در حال مشاهده ‌ی صفحه ‌ی وب شماست یا دسکتاپ
و …

نمونه ‌ای از کاربرد جاوا اسکریپت

در کد زیر یک دکمه ساده را به وسیله زبان HTML طراحی شده است.

برای تغییر ظاهر دکمه بالا و زیبا کردن ظاهر آن باید از زبان CSS استفاده نمایید. به دستور زیر در زبان CSS توجه نمایید.

} button

; color: #fff

; background-color: #17a2b8

; border-color: #17a2b8

{

زمانی که دکمه بالا را طراحی کردید، لازم است در زمان کلیک بر روی آن عکس‌العمل برای آن مشخص نمایید. برای این کار باید از زبان جاوا اسکریپت استفاده نمایید. به دستور زیر که برای مخفی شدن دکمه در زبان جاوا اسکریپت نوشته شده است توجه نمایید.

} () document.getElementById(“myBtn”).onclick = function

;”document.getElementById(“myBtn”).style.display = “none

;{

روش کار کردن Javascript

جاوا اسکریپت برای اجرا شدن بر روی مرورگر ها از موتور های پردازشی (Engine) استفاده می کند که این موتور های پردازشی بر روی هر مرورگر متفاوت هستند. در جدول زیر می توانید موتور های پردازشی و مرورگر های آن ها را مشاهده نمایید.

موتور های پردازشی	مرورگر ها
موتور V8	مرورگر اپرا و کروم
موتور SpiderMonkey	مرورگر فایرفاکس
موتور های Trident و Chakra	مرورگر ورژن ‌های مختلف اینترنت اکسپلورر
موتور ChakraCore	مرورگر Edge
موتور های Nitro و SquirrelFish	مرورگر سافاری

مفهوم jQuery در جاوا اسکریپت

جی کوئری که به آن jQuery نیز گفته می شود، یکی از کتابخانه‌ های محبوب جاوا اسکریپت است. jQuery از مجموعه ‌ای از کدها تشکیل شده است که وظیفه راحت کردن کار های سخت جاوااسکریپت را برعهده دارد. برای مثال: اگر بخواهید کاری را با 10 خط کد نویسی انجام دهید، با جی کوئری می توانید آن کد را با ۲ خط انجام نمایید.

توانایی های جاوا اسکریپت

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

امکان تغییر در متون نمایش داده شده در مرورگر
امکان تغییر رنگها، رنگ پس زمینه و موقعیت قرار گیری المان های استفاده شده در طراحی وب سایت
تغییر در مشخصه های المانها و CSS آنها
متحرک سازی، انیمیشن و پویا نمایی
تعامل با کاربر و از طریق المانهای ورودی نظیر Textbox ها، RadioButton ها، TextArea و غیره
عکس العمل نشان دادن به واکنش های کاربران نظیر تغییر عکسها با حرکت موس روی آن ها
نمایش اخطار و یا پیام به کاربران
انجام محاسبات ریاضی
ساخت و تولید کد HTML بصورت پویا و برحسب شرایط مورد نیاز
منوهای جالب همراه با انیمیشن
جمع آوری اطلاعات کاربران از سایت و آمارگیری

آیا جاوا و جاوا اسکریپت یکی هستند؟

بیشتر برنامه نویسان مبتدی تصور می کنند که 2 زبان برنامه نویسی جاوا (Java) و جاوااسکریپت (Java Script) با هم یکی هستند. لازم است بگوییم که این 2 زبان از نظر اسمی با هم تشابه دارند، اما در کارکرد هایشان هیچ شباهتی با هم ندارند.

تفاوت Java و Java Script

جاوا	جاوااسکریپت
برنامه های آن قبل از اجرا باید کامپایل شود	استفاده در نوشتن برنامه های کوچک و ساده در صفحات وب
قدرت زیاد در ایجاد ارتباط متقابل بین server و client	نیازی به کامپایل برای اجرا ندارند
	ارسال یک پرسشنامه یا فرم را به server
	قدرت کم در ایجاد ارتباط متقابل بین server و client

باید جاوا اسکریپت(JavaScript) را یاد بگیریم؟

شاید برای شما هم سوال باشد که یادگیری جاوا اسکریپت واجب می باشد و باید آن را یاد بگیریم؟ در جواب این سوال باید بگوییم بله واجب می باشد. اگر در دنیای کامپیوتر می خواهید برنامه نویس شوید و در زمینه برنامه نویسی وب فعالیت نمایید، باید زبان جاوااسکریپت را یاد بگیرید. در صورتی که بخواهید برنامه نویس حرفه ای در حوزه Front-end شوید، فراموش نکنید که خیلی عمیق تر و بهتر با جاوا اسکریپت کار نمایید و با فریم‌ورک ها و کتابخانه های جاوا اسکریپت نیز آشنا شوید و از آن ها استفاده کنید. به طور کلی زبان برنامه نویسی جاوا اسکریپت لازمه برنامه نویسی وب، اپلیکیشن و … می باشد.

نقاط قوت و ضعف جاوا اسکریپت

نقاط قوت جاوا جاوا اسکریپت

محبوب ‌ترین زبان برنامه نویسی در سال 2018 بر اساس بررسی سایت stackoverflow
نیاز نداشتن به کامپایلر برای پردازش و اجرا
یادگیری آسان به نسبت دیگر زبان های برنامه نویسی
به صورت کراس پلتفورم روی مرورگر‌ ها یا پلتفرم ‌های مختلف اجرا می‌ شود
سبک ‌تر و سریع‌ تر بودن به نسبت دیگر زبان‌ های برنامه نویسی
فریم‌ورک ها، کتابخانه‌ ها و به صورت کلی ابزارهای بسیار زیادی را در اختیارتان قرار می ‌دهد.
زبان بومی مرورگر وب است و در مرورگر کاربران پردازش می ‌شود
امکان ایجاد صفحات وب تعاملی و پویا را به برنامه نویسان می‌ دهد
در جواب عمل کاربران، عکس العمل نشان می ‌دهد

نقاط ضعف جاوا اسکریپت

دشواری در تشخیص دلیل خطا دادن
مشکل در دیباگ کردن
محدودیت در اجرای اسکریپت‌ های جاوا اسکریپت با ایجاد محدودیت هایی جهت حفظ امنیت
اجرا نشدن بر روی مرورگر های قدیمی
نفوذ پذیری نسبت به اکسپلویت ‌ها و عوامل مخرب
می تواند برای اجرای کد های مخرب در کامپیوتر کاربران استفاده شود
با رندر شدن متفاوت بر روی ابزارهای مختلف می ‌تواند باعث ایجاد تناقض و نداشتن یکپارچگی شود

سخن پایانی

زبان جاوا اسکریپت (Javascript) به دلیل یادگیری آسان و داشتن فریم‌ورک، کتابخانه، امکانات، کاربرد ها و ویژگی های مختلف در بین برنامه نویسان بسیار محبوب شده است. فراموش نکنید که برای حرفه ای شدن در حوزه زبان های برنامه نویسی، باید زبان جاوا اسکریپت را یاد بگیرید. زبان جاوااسکریپت بعد از زبان های HTML و CSS سومین پیش زمینه در طراحی وب و برنامه نویسی به حساب می آید. در این مقاله به معرفی کامل زبان جاوااسکریپت و تمام نکات آن پرداخته شده است.

برای دریافت پاسخ سوالات خود و بهره مند شدن از تجربه اساتید خبره و دیگر دوستانتان در کمپین آموزشی بی لرن می توانید سوالات خود را در کافه گپ و گفت مطرح نمایید و در سریعترین زمان، پاسخ سوال خود را دریافت نمایید. همچنین می توانید با عضویت در کمپین آموزشی بی لرن، از دوره های آموزشی رایگان و کاربردی در زمینه های مختلف به صورت تخصصی و حرفه ای بهره مند شوید. با توجه به مسیر یادگیری در زمینه های مختلف می توانید برای شروع طراحی سایت از آموزش جاوا اسکریپت بهرهمند شوید.