فریم ورک Vue js (ویو جی اس) یکی از محبوب ترین فریم ورک های جاوااسکریپت است. یک فریمورک متن‌ باز و سبک برای توسعه رابط کاربری (UI) با استفاده از جاوااسکریپت است که در سال 2013 توسط Evan You، یکی از توسعه دهندگان سابق گوگل منتشر شد و به سرعت تونست توجه توسعه دهندگان را به خود جلب کند.

هدف از توسعه این فریمورک، ایجاد یک جایگزین برای Angular.js بود، جایگزینی که بتواند پروژه‌ها را سبک نگه دارد، سرعت بالایی داشته باشد و علاوه بر مقیاس پذیری، انعطاف زیادی نیز داشته باشد.

از Vue js برای ساخت و طراحی رابط کاربری نرم افزار ها و اپلیکیشن های تحت وب و موبایل استفاده می شود. همچنین میتوانید وب سایتی پیاده کنید که تک صفحه ای ( اصطلاحا spa یا single page application ) باشد و یا حتی وب سایت­ هایی در مقیاس بزرگ با ساختارهای مختلف استفاده کنید. همچنین می‌­توانید کامپوننت ­هایی ایجاد کرده و در سایر بخش‌های پروژه یا حتی پروژه­‌های دیگر از آن استفاده کنید.

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

به عنوان یک فریمورک مدرن  Vue.js می‌تواند نیازهای متفاوتی را برآورده کند. این فریمورک برای داشتن کارایی بهتر از یک DOM مجازی استفاده می‌کند. (DOM مجازی، حالتی مفهومی و البته انتزاعی از یک DOM واقعی است). اهمیت این ماجرا در این است که فریمورک با استفاده از چنین تکنیکی سبک‌تر و در نهایت برای اجرا سریع‌تر می‌شود.

مزایای استفاده از Vue.js

سادگی: یادگیری و آموزش آن بسیار آسان است و حتی برای مبتدیان نیز دسترسی آسانی دارد.

انعطاف‌پذیری: امکانات بسیاری برای ساخت رابط‌های کاربری انعطاف‌پذیر را فراهم می‌کند و از ادغام آسان با کتابخانه‌های دیگر جاوااسکریپت پشتیبانی می‌کند.

کارایی بالا: برای ساخت وب‌سایت‌ها و اپلیکیشن‌های پیچیده با کارایی بالا بسیار مناسب است.

برای آشنایی بیشتر با vue.js و همچنین مشاهده پروژه ای که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی که در پایین قرار گرفته را مشاهده کنید.

همچنین دوره ای ناکست جی اس (nuxt.js) و دوره ای آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)  هم توی وبسایت قرار گرفت که ناکست جی اس فریمورک، ویو جی اس هست و پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با vue.js

• آشنایی با فریمورک vue.js
• ایجاد پروژه vue.js با cdn
• ایجاد پروژه vue.js با vite.js
• آشنایی و ایجاد کامپوننت

آشنایی با reactivity در vue.js

• آشنایی با ref و ractive

آشنایی با دایرکتیوها (directives)

• آشنایی با دایرکتیو ها
• آشنایی با v-bind و v-show و v-if و v-for

کار با style در vue.js 

• آشنایی با style binding
• آشنایی با class binding
• افزودن فایل css و sass
• افزودن فریمورک بوت استرپ (bootstrap)
• افزودن فریمورک تیلویند سی اس اس (tailwindcss)

آشنایی با events و data binding

• کار با event در vue.js
• آشنایی با دایرکتیو v-model
• آشنایی با computed و watch و template ref

کار با المان های فرم (form) در vue.js 

• کار با input و textarea و select box
• کار با checkbox و radio

آشنایی با props و emit

آشنایی با provide/inject و slot

آشنایی با composable function و lifecycle

آشنایی با vue router

• آشنایی با spa (single page application)
• آشنایی با link و active link
• آشنایی با params و query string
• nested routing (روت های تو در تو)
• route name و route guards

ایجاد و پیاده سازی پروژه spa (single page application)

دوره های پیشنهادی، بعد از گذراندن این دوره :

• آموزش ناکست جی اس (nuxt.js)
• آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js)

پیش نیاز این دوره :

• آموزش رایگان javascript (جاوا اسکریپت) پروژه محور
• آموزش asynchronous در javascript (جاوااسکریپت) پروژه محور
• آموزش npm
• آموزش webpack (وب پک) و vite.js (ویت جی اس)
• آموزش تیلویند(Tailwindcss) پروژه محور (اختیاری، استفاده شده در پروژه spa)