ویو جی اس چیست ؟ همه چیز در مورد Vue Js + ویدئو

محمدامین سعیدی راد

1399/10/21

260

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

این خلاصه ای هست از تولد Vue Js یا ویو جی اس

ویو جی اس یکی از فریمورک های محبوب جاوا اسکریپت هست که در سال 2013 توسط آقای Evan You ارایه شد؛

آقای Evan You عزیز قبل از بوجود آوردن Vue Js در شرکت گوگل مشغول به فعالیت بود و از فریمورک انگیولار استفاده میکرد؛

بعدها تصمیم میگیرد فریمورکی بوجود آورد که توانایی های انگیولار رو داشته باشه و در عین حال کم حجم تر از اون باشه این خلاصه ای هست از تولد Vue Js

دانلود کتاب ویو جی اس pdf + ویدئو

حجم Vue Js و تاثیر آن در سرعت لود وب سایت

فریمورک ویو جی اس در مقایسه با ریکت و انگیولار حجم بسیار کمی دارد و مسلما حجم وب سایت با سرعت لود وب سایت رابطه عکس دارد؛

به این معنی که هرچقدر حجم وب سایت کم باشد به همان اندازه سراعت لود وب سایت بیشتر است

سرعت یادگیری ویو جی اس

فریمورک ویو جی اس یا vue js در مقایسه با ریکت و انگیولار سینتکس به شدت ساده و راحتی دارد و به راحتی میشه درکش کرد؛

بنابراین سرعت یادگیری در ویو جی اس بیشتر از ریکت و انگیولار هست به طوری که اگر شما جاوا اسکریپت را خوب بلد باشید میتونین سرفصل های Vue Js رو در یک ماه به راحتی یاد بگیرین

(دقت کنین برای تسلط به زمان بیشتری نیاز دارید و در یک ماه تمامی مباحث لازم رو یاد میگیرین و برای مسلط شدن باید تمرین کرده و پروژه هایی انجام دهید)

یادگیری ویو جی اس چه پیش نیاز هایی دارد؟

شما برای یادگیری Vue Js نیاز نیست مثل انگیولار، تایپ اسکریپت بلد باشین یا مثل ریکت نیاز به یادگیری سینتکس JSX داشته باشین برای یادگیری Vue Js جاوا اسکریپت رو بلد باشین؛

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

موزش نصب ویو جی اس (Vue Js)

ساخت وب سایت های SPA با ویو جی اس

شاید تا به حال کلمه SPA به گوشتون خورده باشه؛

SPA مخفف Single Page Application بوده و به معنی اپلیکیشن های تک صفحه ای می باشد سایت های spa به این شکل هستند که وقتی از یک url به یک url دیگه منتقل میشه، مثل وب سایت های دیگر صفحه رفرش نشده و در همان صفحه url تغییر می کند!

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

یک وب سایت SPA به سایت Vutify مراجعه کنین، شما مشاهده خواهید کرد که به هنگام منتقل شدن از یک url به یک url دیگر سایت رفرش نمی شود

شما میتوانید با فریمورک Vue Js وب سایت های Spa بنویسین

Vue cli چیست؟

فریمورک Vue نسخه Cli نیز دارد که برای یادگیری آن میتوانید به داکیومنت خود Vue به آدرس https://cli.vuejs.org/ مراجعه کنین

شاید براتون سوال باشه که اصلا cli یعنی چی؟

cli مخفف Command Line Interface هست که به شما این امکان رو میده بتونین از طریق کامند های خیلی ساده بتونین پروژه خودتون رو مدیریت بکنین و به توسعه شما سرعت بیشتری میده

Vuetify چیست؟

ویو جی اس چیست ؟ همه چیز در مورد Vue Js

ویوتیفای یکی از کتابخانه های رابط کاربری محبوب و پراستفاده Vue Js هست که شعار آن “هیچ مهارت طراحی لازم نیست، هر آنچه برای ایجاد برنامه های شگفت انگیز و جذاب نیاز دارید در دسترس شما است.” هست!!

ویوتیفای رو میتونم شبیه بوت استرپ براتون معرفی کنم، ولی خیلی بهتر و با امکانات تر از آن!

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

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

چه سایت های بزرگی از Vue Js استفاده کردند؟

سایت های بزرگ و محبوب بسیاری در توسعه از Vue Js استفاده کردند؛ یکی از این سایت های سایت Gitlab هست که برای مدیریت پروزه های تیمی مورد استفاده قرار میگیرد

یکی دیگر از سایت های بزرگ که از Vue استفاده کرده اند سایت سایت wappalyzer هست؛

این سایت برای یک افزونه مرورگر کروم می باشد که با نصب این افزونه وارد هر سایتی که بشید به شما ابزار های توسعه سایت مدنظرتون رو بهتون نشون میده، این افزونه برای توسعه وب سایت خود از فریمورک Vue Js استفاده کرده است

و … سایت های بزرگ بسیاری هستند که با فریمورک محبوب Vue Js نوشته شده است.

آموزش رایگان جاوا اسکریپت مقدماتی تا پیشرفته