ویرگول
ورودثبت نام
مهدی غفاری
مهدی غفاری
خواندن ۵ دقیقه·۳ سال پیش

کاربرد جاوا اسکریپت در طراحی سایت | پشت صحنه

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

همونطور که میدونید همه ی ماها اولش که میشنویم برای طراحی سایت ها از جاوا اسکریپت استفاده میکنن , پیش خودمون اولین سوال که پیش میاد اینه که کاربرد جاوا اسکریپت در طراحی سایت چی میتونه باشه ؟

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

جاوا اسکریپت دقیقا یک زبان برنامه نویسی سمت مشتری (Client) برای پویا شدن و ایجاد انعطاف بیشتر کدهای Html هست . Client یا سمت مشتری بودن جاوااسکریپت به این معنیه که کدهای جاوا اسکریپت توسط کامپوتر کاربر تفسیر و اجرا میشن و نه به وسیله ی سرورهای دیگه.


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

یعنی در Html کاملا تعیین شده که فلان تگ فلان چیز رو در مرورگر نمایش میده . مثلا تگ <table> یک جدول ایجاد میکنه ، تگ <p> یک پاراگراف و … ولی با کدنویسی جاوا اسکریپت شما خیلی کارای جالب تر و جذاب تر می تونید انجام بدید.

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

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




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

به اختصار فقط بگم که بعد از اینکه طراحان وب متوجه شدند که Html به تنهایی نمی تونه ارتباط لازم رو با کاربر برقرار کنه به فکر ایجاد زبان جدیدی افتاند . به همین دلیل برای اولین بار شرکت Netscape در سال ۱۹۹۵ از این زبان در مرورگرهای خودش استفاده کرد.

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




برای طراحی سایت با جاوا اسکریپت از چه ابزار هایی استفاده می شود؟

شما می توانید برای برنامه نویسی با جاوا اسکریپت از نرم افزار های مختلف مثل وی اس کد، اتم، سابلایم تکست، پی اچ پی استورم و … استفاده کنید.

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

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

1

alert("به وب سایت خوش آمدید")

حال اگر بخواهیم به جای وی اس کد از نرم افزار Atom استفاده کنیم، باز هم همین کد را خواهیم نوشت و از لحاظ کد هیچ تفاوتی ندارند و کد های جاوا اسکریپت همیشه یکسان هستند.

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

شما می توانید نرم افزار وی اس کد (VsCode) را از این وب سایت دانلود و استفاده نمایید.




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

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

می توانید مرورگر گوگل کروم را از این لینک دانلود کرده و استفاده نمایید.




آیا جاوا اسکریپت برای طراحی سایت کافی است؟

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

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

از تکنولوژی های جاوا اسکریپت که برای برنامه نویسی فرانت اند استفاده می شوند، می توان به ری اکت، ویو، انگیولار، جی کوئری و … اشاره کرد که برای ورود به بازار کار باید یکی از آن ها مسلط باشید.

از بین تکنولوژی های موجود لایبرری ری اکت بازار کار، محبوبیت بالا، جامعه آماری زیاد و … منابع آموزشی زیادی دارد و اگر موارد ذکر شده از معیار های شما می باشند، ری اکت را برایتان پیشنهاد می کنم.

شما می توانید برای شروع یادگیری ری اکت به داکیومنت آن به آدرس reactjs.org مراجعه کنید.



خب اینم از مقاله ی امروز که سعی کردمی خیلی طولانی نباشه تا براتون حوصله سر بر باشه

امیدوارم که لذت کافی رو برده باشید و بتونید به علم خودتون اضافه کرده باشید

منبع : https://sabzlearn.ir/web-designing-with-javascript/

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