آشنایی با زبان برنامه نویسی جاوا اسکریپت

جاوا اسکریپت چیست؟ …. یک زبان برنامه نویسی پویا است که برای توسعه وب، برنامه های کاربردی وب، توسعه بازی و بسیاری موارد دیگر استفاده می شود. این به شما امکان می دهد ویژگی های پویا را در صفحات وب پیاده سازی کنید که فقط با HTML و CSS قابل انجام نیستند. نقش جاواسکریپت در ابتدای خلقت، تنها پویا سازی صفحات وب بود. اگر شما تجربه کدنویسی در طراحی صفحات وب داشته باشید حتما نام جاواسکریپت برایتان آشنا خواهد بود.  به برنامه های این زبان اسکریپت می گویند. آنها را می توان مستقیماً در HTML یک صفحه وب نوشت و با بارگیری صفحه به طور خودکار اجرا می شود. قابل ذکر است که جاواسکریپت کاملا با زبان برنامه نویسی جاوا متفاوت است.

بسیاری از مرورگرها از جاوا اسکریپت به عنوان یک زبان برنامه نویسی برای انجام کارهای پویا در وب استفاده می کنند. هر زمان که منوی کشویی کلیک برای نمایش، محتوای اضافی اضافه شده به یک صفحه، و تغییر پویا رنگ عناصر در یک صفحه، برای نام بردن چند ویژگی، را ببینید، اثرات جاوا اسکریپت را مشاهده می کنید. بدون جاوا اسکریپت، تمام چیزی که در وب خواهید داشت HTML و CSS خواهد بود. اینها به تنهایی شما را به چند پیاده سازی صفحه وب محدود می کند. 90٪ (اگر نه بیشتر) از صفحات وب شما ثابت خواهد بود، و شما فقط تغییرات پویا مانند انیمیشن هایی که CSS ارائه می دهد خواهید داشت.

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

وب اپلیکیشن (Web Application)

همانطور که روز به روز بهبود مستمری در مرورگرها به وجود می آید، جاوا اسکریپت برای ساخت برنامه های کاربردی وب بسیار محبوبیت پیدا کرد. ما می توانیم آن را با مثالی از Google Maps درک کنیم. در Maps، کاربر فقط باید ماوس را کلیک کرده و بکشد. جزئیات فقط با یک کلیک قابل مشاهده است. پشت این مفاهیم استفاده از جاوا اسکریپت وجود دارد.

توسعه وب (Web Development)

جاوا اسکریپت معمولا برای ایجاد صفحات وب استفاده می شود. این به ما اجازه می دهد تا رفتار پویا را به صفحه وب اضافه کنیم و جلوه های ویژه را به صفحه وب اضافه کنیم. در وب سایت ها، عمدتاً برای اهداف اعتبار سنجی استفاده می شود. جاوا اسکریپت به ما در اجرای اقدامات پیچیده کمک می کند و همچنین تعامل وب سایت ها با بازدیدکنندگان را امکان پذیر می کند. با استفاده از جاوا اسکریپت، امکان بارگیری محتوا در یک سند بدون بارگیری مجدد صفحه وب نیز وجود دارد.

موبایل اپلیکیشن (Mobile Application)

در حال حاضر دستگاه های تلفن همراه روزانه به طور گسترده برای دسترسی به اینترنت استفاده می شوند. با استفاده از جاوا اسکریپت می‌توانیم یک برنامه کاربردی برای زمینه‌های غیر وب نیز بسازیم. ویژگی ها و کاربردهای جاوا اسکریپت آن را به ابزاری قدرتمند برای ایجاد اپلیکیشن های موبایل تبدیل کرده است. React Native فریم ورک جاوا اسکریپت پرکاربرد برای ایجاد اپلیکیشن های موبایل است. با استفاده از React Native می‌توانیم اپلیکیشن‌های موبایل برای سیستم‌عامل‌های مختلف بسازیم. ما نیازی به نوشتن کدهای مختلف برای سیستم عامل های iOS و Android نداریم. فقط کافی است یک بار آن را بنویسیم و روی پلتفرم های مختلف اجرا کنیم.

ساخت بازی (Game)

از JavaScript نیز برای ساخت بازی استفاده می شود. دارای کتابخانه ها و فریمورک های مختلفی برای ساخت بازی است. بازی می تواند دو بعدی یا سه بعدی باشد. برخی از موتورهای بازی جاوا اسکریپت مانند PhysicsJS و  Pixi.js به ما در ایجاد یک بازی وب کمک می کنند. همچنین می‌توانیم از WebGL (کتابخانه گرافیکی وب)، که API جاوا اسکریپت است برای ارائه تصاویر دو بعدی و سه بعدی در مرورگرها استفاده کنیم.

ارائه (Presentation)

جاوا اسکریپت همچنین به ما در ایجاد ارائه به عنوان یک وب سایت کمک می کند. از کتابخانه‌هایی مانند RevealJs و BespokeJs می‌توان برای ایجاد یک اسلاید مبتنی بر وب استفاده کرد. استفاده از آنها راحت تر است، بنابراین ما می توانیم به راحتی در مدت زمان کوتاهی چیزی شگفت انگیز بسازیم. Reveal.js برای ایجاد دک های اسلاید (deck مجموعه از اسلاید به هم مرتبط در یک ارائه) تعاملی و زیبا با کمک HTML استفاده می شود. این ارائه ها با دستگاه های تلفن همراه و تبلت ها عالی کار می کنند. همچنین از تمام فرمت های رنگی CSS پشتیبانی می کند. BespokeJS شامل لیست گلوله های متحرک، مقیاس پذیری پاسخگو و طیف گسترده ای از ویژگی ها است.

برنامه های کاربردی سرور (Server Applications)

تعداد زیادی از برنامه های کاربردی وب دارای سمت سرور هستند. جاوا اسکریپت برای تولید محتوا و رسیدگی به درخواست های HTTP استفاده می شود. جاوا اسکریپت همچنین می تواند روی سرورها از طریق Node.js اجرا شود. Node.js محیطی را فراهم می کند که حاوی ابزارهای لازم برای اجرای جاوا اسکریپت بر روی سرورها است.

وب سرور (Web Server)

با استفاده از Node.js می توان یک وب سرور ایجاد کرد. Node.js رویداد محور (event-driven) است و منتظر پاسخ تماس قبلی نیست. سرورهای ایجاد شده با استفاده از Node.js سریع هستند و از بافر و انتقال تکه های داده استفاده نمی کنند. ماژول HTTP می تواند برای ایجاد سرور با استفاده از متد ()createServer استفاده شود. این روش زمانی اجرا می‌شود که کسی سعی می‌کند به پورت 8080 دسترسی پیدا کند. به عنوان پاسخ، سرور HTTP باید HTML را نمایش دهد و باید در هدر HTTP گنجانده شود.

چگونه جاوا اسکریپت را به صفحه خود اضافه کنیم ؟

در سند HTML شما از طریق عنصری به نام <link> می توانید فایل CSS را معرفی کنید. یا از عنصر  <Style> استفاده کنید. در جاواسکریپت هم چنین فرایندی وجود دارد با این تفاوت که از عنصری به نام <script> استفاده می شود.

به سه روش زیر می توانید از جاواسکریپت در سند Html خود استفاده کنید.

    • Internal JS
    • External JS
    • Inline JS Handler

نتیجه

جاوا اسکریپت دارای ویژگی‌های بسیار بیشتری است که می‌توانیم در مورد آنها صحبت کنیم، اما امیدوارم این مقاله نقطه شروع روشنی برای رفتن بیشتر به سوی js به شما ارائه کرده باشد. اکنون باید بدانید که زبان js چیست و چگونه می توانید از آن در وب استفاده کنید. در این مقاله، نحوه افزودن کد جاوا اسکریپت به فایل‌های HTML هم متوجه شده اید و همچنین که در کجاها کاربرد دارد.