طراحی سایت

JavaScript چیست؟ فریم ورک های معروف جاوا اسکریپت و چگونه کار میکند؟

جاوا اسکریپت یک زبان برنامه نویسی سمت کلاینت هست که بر روی مرورگر اجرا می شه، به نظر من یکی از بزرگ ترین مزیت های JavaScript اینه که باعث میشه یه صفحه خنثی نباشه و با کاربر تعامل کند.
البته با وجود آمدن محیط Node.js یک زبان سمت سرور هم شده است! با اَبَر پرس همراه باشید.

جاوا اسکریپ چگونه کار می کند

به صورت خلاصه کد های جاوا اسکریپت توی مرورگر اجرا میشن.
به صورت عمیق تر مرورگر ها دارای یه مفسر (interpreter) هستند و وقتی که یه مرورگر در حال بارگزاری (load) یک صفحه وب هست، کد های JavaScript رو که پیدا می کنه و خط به خط اجرا میکنه.

توانایی ها و کاربردهای JavaScript با مثال

JavaScript کاربردهای زیادی دارد در زیر به قسمت های کوچکی اشاره شده است:

انجام محاسبات ریاضی: مثلا ممکنه تا حالا دیده باشید که در وبسایتی یه سری محاسبات رو دارین مثل:

  • محاسبه سن دقیق
  • تبدیل تاریخ شمسی به قمری
  • مبدل های ارز
  • مبدل مبناها
  • وجود یه ماشین حساب در صفحه
  • و…

کنترل فیلدها در فرم ها:

  • سایت های دولتی برای این که تشخیص بده که کاربر کد ملی خودشو رو درست وارد کرده از java script استفاده میکنن.
    علتش هم برای اینه که مثلا 10,000 نفر دارن از اون سایت استفاده می کنن برای این که یه سری کارها سرعت بیشتری داشته باشه بهتره که توی مرورگر خود کاربر بررسی بشه که مثلا در این جا فرمت کدملی رو درست وارد کرده یا نه، و اگه برعکس به سرور ارسال بشه به خاطر همین بررسی کوچیک میتونه بسته به تعداد بازدید کننده های هم سرعت سایت کم تره بشه و کاربر دیرتر بفهمه که فرمت کد ملیش رو اشتباه وارد کرده یا نه، حتی با همین کارهای کوچیک برای سایت هایی که بازید زیادی دارن تا حدی می توان از دسترس خارج شدن سایت جلوگیری کرد.
  • مثلا در قسمت عضویت کاربر اسم خودش رو به فارسی وارد کنه.
  • نمایش اخطار به کاربر زمانی که فرمت email خودش رو درست وارد نکرده
  • و…
کنترل فیلدها در JavaScript
کنترل فیلدها در JavaScript

تولید محتویات تصادفی: مثلا برای جلوگیری از کامنت های spam در آخر فرم ها یه captcha میتونه قرار بگیره.

ساخت captcha با JavaScript
ساخت captcha با JavaScript

ساخت mega menu: یکی از بهترین کارهایی که میشه باهاش انجام داد ساخت مگا منو هست.

مگامنو ساخته شده به کمک JavaScript
مگامنو ساخته شده به کمک JavaScript

جمع آوری اطلاعات کاربران :

  • مثلا google analytics که یک ابزار برای مدیران سایت ها هست برای بررسی آمار سایت شون از این ابزار استفاده می کنند.
  • جمع آوری اطلاعات کاربران مثل نوع مرورگر، سیستم عامل، IP کاربر.
  • و…

و آخرین مثال هایی که توی ذهنم دارم:

  • نمایش شمارش معکوس
  • ساخت انیمیشن
  • توسعه بازی های تحت وب
  • و…

مزیت ها و معایب جاوا اسکریپ

در زیر لیستی از معایب و مزایای جاوا اسکریپ آمده است:

مزایای جاوا اسکریپ

  • بزرگ ترین مزیت جاوا اسکریپ اینه که برای این زبان فریم ورک های زیادی نوشته شده.
  • با به وجود آمدن محیط Node.js امکان اجرای کدهای جاوا اسکریپت در سمت سرور به وجود آمده.
  • Syntax زبان جاوا اسکریپت به زبان های سطح بالایی همچون C# نزدیک است.
  • ممکنه بسته به نوع دانش قبلی شما از برنامه نویسی یادگیری این زبان برای شما آسان باشد.

معایب جاوا اسکریپ

  • کاربران می توانند در مرورگر کدهای جاوا اسکریپ را غیرفعال کنند (البته این امکان برای سواستفاده سایت ها از کاربران گذاشته شده است.) هم میتواند یک مزیت برای کاربر باشه و هم یه مشکل برای توسعه دهنده سایت.

فریم ورک های معروف JavaScript

از فریم ورک های معروف جاوا اسکریپت می توان به jQuery, React, Angular, Vue اشاره کرد.

فریم ورک های معروف JavaScript
فریم ورک های معروف JavaScript

jQuery: دستورات پیچیده و سخت جاوا اسکریپت رو از طریق این فریم ورک میشه استفاده کرد.

Vue: یه فریم ورک با امکانات زیاد برای ساخت رابط کاربری.

React: یه فریم ورک توسعه داده شده توسط فیس بوک با امکانات زیاد برای ساخت رابط کاربری و همچنین برای ساخت اپ های موبایل استفاده میشود.

Angular: یه فریم ورک توسعه داده شده توسط گوگل برای وب اپلیکیشن های پویا

دوستان عزیز هرگونه سوالی که در طول خواندن مطالب براتون پیش آمد کافیه که درقسمت نظرات از من بپرسید و در سریع ترین زمان ممکن به سوال شما پاسخ می دهم
برچسب ها

رسول وطن پرست

من کارشناس نرم افزار هستم علاقمند به یادگیری و آموزش و نشر اطلاعات و دانسته های خودم هستم.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن