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



visibility  
mode_comment   ۰

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

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

جاوا اسکریپت چیست؟

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

زبان جاوا اسکریپت علیرغم اشتباه بسیاری از افراد ، با زبان جاوا هیچ ارتباطی ندارد. گرچه ساختار این زبان به جاوا و سی پلاس شباهت دارد. این شباهت باعث می شود که یادگیری زبان جاوا اسکریپت برای افرادی که می خواهند برنامه نویسی کنند آسان شود. بعضی از دستورالعمل های متداول زبان سی پلاس مانند while , catch , try , for , if  در زبان جاوا اسکریپت نیز یافت می شود.

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

بیشترین کاربرد زبان جاوا اسکریپت در وب سایت ها و صفحات اینترنتی می باشد که به وسیله این زبان می توان به اشیاء داخل صفحات اچ تی ام ال دسترسی پیدا کرد و آنها را به دلخواه تغییر داد به دلیل همین امر برای پویا نمایی در سمت کاربر از زبان جاوا اسکریپت استفاده می شود.

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back

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

زبان جاوا اسکریپت را در ابتدا شخصی به نام برندذان ایچ در شرکت نت اسکیپ با نام Mocha  طراحی کرد. نام این زبان بعدا به live script و در نهایت به جاوا اسکریپت تغییر پیدا کرد.اولین نسخه این زبان در دسامبر 1995 معرفی و عرضه شد. همین نام گذاری باعث ابهامات و سردرگمی های بسیاری شد که جاوا اسکریپت با زبان جاوا مرتبط است اما این در حالی بود که این 2 زبان ارتباطی به یکدیگر ندارند. زبان برنامه نویسی جاوا اسکریپت به دلیل موفقیت بیشمارش در نقش زبان نویسه ای سمت کاربر برای صفحات وب ، مایکروسافت یک نسخه سازگار از این زبان را ایجاد کرد که آن را جی اسکریپت نام گذاری کرد.

جاوا اسکریپت انیمیشن JavaScript Animation

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

تاکنون برای ساختن انیمیشن های صفحات وب از  css transition ها و css keyframe ها و یا یک کتابخانه خارجی مانند animate.css  یا velocity استفاده می شد حال با ارائه API جدید و محلی جاوا اسکریپت اکنون می توان هر عنصری از اچ تی ام ال را به صورت آزادانه و بدون اینکه مجبور به ترک js  شویم متحرک سازی و انیمیشن سازی کنیم.

ساخت انیمیشن ها  API

css

در روش CSS با اینکه کد به خوبی کار می کند, اما از آنجا که اتفاقات را در استایل شیت می نویسیم کمی غیر شهودی به نظر می رسد, اما در واقع روند اتفاقات و رویدادها بایستی با جاوا اسکریپت کنترل شود. همچنین ما کنترل محدودی روی انیمیشنی که یک بار اجرا شده داریم. تمام این مشکلات با سویچ کردن به Web Animation API برطرف می شود.

javascript

کاربر می تواند انیمیشن جاوا اسکریپت را با استفاده از همان  transition هایی که در بالا و در سی اس اس گفته شد ، بسازید. هر شی در آرایه یک حالت از انیمیشن را ارائه می نماید. بعد از اینکه آرایه انیمیشن را تعریف کردیم می توانیم آن را با استفاده از متد animate()  اجرا کنیم. همانگونه که می دانید روش جاوا اسکریپت با متغیری که انیمیشن در آن ذخیره می شود سازماندهی شده است و متد ()animate برای اجرای آن در هر زمانی که بخواهیم استفاده می شود.

کنترل انیمیشن ها

برای کنترل پخش یک انیمیشن در صفحات وب میتوان از Animation API Web  کمک گرفت که از طرق مختلف امکان کنترل را برای کاربر فراهم می آورد. متد animate () یک شی از انیمیشن را ارجاع می دهد که کاربر می تواند آن را در یک متغیر ذخیره کند تا در زمانی که به آن نیاز داشت به این متغیر اشاره کند. اضافه کردن انیمیشن ها به محیط کاربری صفحات وب باعث می شود که حس تعامل بین این صفحات و کاربر القا شود.

کارکرد و پشتیبانی

اکثر ویژگی های API  بصورت کاملا آزادانه در فایرفاکس و کروم قابل دسترسی میباشند. از نظر کارایی فرقی میان سی اس اس و جاوا اسکریپت وجود ندارد زیرا تمامی مرورگرها از یک موتور مشابه برای اجرای هر 2 زبان استفاده می کنند. این api به توسعه‌ دهندگان صفحات وب راه جدیدی را برای ساخت و کنترل انیمیشن های تحت وب با استفاده از جاوا اسکریپت اصل نشان می دهد. برای انیمیشن هایی که به تعامل کاربر و یا بقیه رخدادهای پویا لازم دارند، این خبر خوبی است که کل انیمیشن ‌می تواند توسط کد جاوا اسکریپت و بدون استفاده از یک فایل css برای جابجایی ها انجام گیرد

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.