توضیحات

فریم ورک Vue js یا ویو جی اس یکی از محبوب ترین فریم ورک های جاوااسکریپت است که با هدف توسعه رابط کاربری (UI) در سال 2014 به عنوان یک فریم ورک متن باز معرفی شد و طی سال های اخیر استفاده از آن به شدت رو به رشد بوده است.

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

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

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

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

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

 

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

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


javascript جاوا اسکریپت vuejs ویو جی اس

مدرس دوره علی شیخ
مدت دوره 11:05:31
تعداد ویدیو 69

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

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

    • سلام وقت بخیر.
      ویو جی اس که در کنار ناکست استفاده نمیشه!!!
      بلکه ناکست فریمورک ویو هست و از ویو داره استفاده میکنه، برای آشنایی بیشتر میتوانید ویدیو معرفی دوره ناکست جی اس و ویدیو های ابتدای رایگان دوره را مشاهده کنید.

    • سلام وقت بخیر.
      بله، vue فریمورک js هست. حتما پیش نیاز های دوره ای vue را ببینید.

    • ببخشید استاد منظورم این بود که می تونیم به این فریمورک هایی که نام بردم به صفحمون استایل و بقیه ی کارهاش رو انجام بدم و برای تک صفحه ای کردنش از ویو جی اس استفاده کنم ؟

    • بله، قطعا شما برای استایل و کد html به این موارد نیاز دارید.
      دوره را تا انتها ببنید، پروژه که پیاده سازی کردیم.

  • سلام و خسته نباشید.

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

    تشکر.

    • سلام وقت بخیر.
      ممنون از ارسال نظرتون
      ممنون میشه اگه نکته ای مثبتی هم هست بفرمائید.

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

      دوره های مشابه در یوتیوب هر قسمت حدودا 40 دقیقه بود و در 11 قسمت آموزش تموم میشد.

    • سلام و وقت بخیر.
      استاد من هر موقع که میخوام یه کامپوننت رو نامگذاری کنم مرورگر مشکل multi-word ازم میگیره ...
      راهکار؟

    • سلام وقت بخیر.
      توی توضیحات جلسه مربوطه یعنی ۲۳ گفته شده حتی توی کامنت های اون جلسه

    • عزیز با کمال ادب باید بگم که استاد فن بیانش فوق العاده هست
      و حرف نداره
      متاسفانه درک شما کم هست
      وگرنه تولید محتوا استاد کره ماه هم پیدا نمیشه
      من با همین اموزش ها دو سایت خبری قالب سایتشون رو بروز کردم

    • خیلی ممنونم از محبت و حماییتون
      خداروشکر دوره براتون مفید بوده

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

    • سلام وقت بخیر.
      اگه توضیحات و ویدیو معرفی را ببینید گفته شده!!!
      مناسب برای تک صفحه ای هست اما سطحش بالا هست و باید حتما پیش نیاز های دوره را کار و آشنا باشید.

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

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون?
      خداروشکر دوره براتون مفید بوده

  • سلام وقتتون بخیر من جلسه 23 اموزش vuejs هستم و وقتی میخوام فایل Home.vue رو به App.vue بفرستم از اسم Home.vue خطا میگیره
    C:\Users\zahra\Desktop\vueclii\src\components\Home.vue
    1:1 error Component name "Home" should always be multi-word vue/multi-word-component-names
    چکار باید بکنم تا باگم حل شه؟

  • سلام استاد خسته نباشید دوره ب شدت عالی بود و من دیدمش کامل میخاستم برم سمت nuxt فق قبلش میخاستم روی vue مسلط بشم ولی نمیدونم چ پروژه هایی رو بزنم ک بتونه بهم کمک کنه اگه میشه راهنماییم کنین

    • سلام وقت بخیر.
      پروژه دوره ای vue را کار کنید اوکی هست و مباحث دوره را درک کنید اوکی هست و بعد وارد دوره ای nuxt و فروشگاهی nuxt بشید.

  • سلام وقتتون بخیر من وقتی vue create vu3رو میزنم با ارور you are using node v10.18.0 ,but this version of @vue /cli requires Node ^12.0.0 ||<=14.0.0
    Please upgrade yoyr Node version
    رو به رو شدم .لازم به ذکره سیستم من ۳۲بیتی و ویندوز ۷ چیکار کنم؟
    به خاطر مول پایین بودنم‌نمیدونم ویندوز کامپیوتر رو عوض کنم

    • سلام وقت بخیر.
      ارور میگه که باید ورژن های بالاتر node را نصب کنید حتما و شما ببینید ورژن بالاتر نیاز به چه مواردی داره و باید سیستم شما به اون صورت باشه

  • با سلام
    یه سوال دیگه هم داشتم
    من پس از اتمام پروژم با Vue
    محتوایات فایل dist رو زیپ کرده و روی پوشه public-html هاست گزاشتم و اکسترکتش کردم
    ولی وقتی دامنه رو میزنم مینویسه This site can’t be reached
    نمی دونم مشکلش چیه
    من کلا ناشی هستم در این زمینه اگه میشه یه کمک و یه راهنمایی ریزی کنید ،دمتون گرم

    • سلام وقت بخیر.
      اگه طبق جلسه deploy انجام داده باشید نباید مشکلی باشه و مشکل از جای دیگه ای هست حالا دامنه هنوز ست نشده و نیاز به مدت زمان هست یا سرور مشکل داره
      بازم برای تست شما هر آنچه توی پوشه public_html هست را پاک کنید و فقط یک سند html به اسم index قرار بدید که فرضا یدونه تگ h1 با متنی تستی داخلش و اگه ادرس دامنه را بزنید باید نشون بده

  • سلام استاد خسته نباشید
    من یک پروژه کامل با vue توی بخش فرانت اند نوشتم و حالا میخوام بهش بک اند اضافه کنم (هیچ اطلاعاتی راجب به بک اند ندارم)
    میخواستم بدونم که قبل از شروع آیا میشود در پروژه های vue بک اند نوشت و یا استفاده کرد
    همین طور که گفتم هیچ اطلاعاتی راجب به بک اند ندارم و اگه میشه راهنماییم کنید کلا

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

  • استاد سلام
    استاد یه سوال ازتون دارم
    استاد من میخوام یه فریمورک جاوااسکریپت رو یاد بگیرم ولی گیج شدم
    به نظر شما آلپاین قدرتمند تره یا ویو ؟

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

  • سلام
    من میخوام یک مقدار از درون تگ a رو بگیرم که عدد هست اما با v-model نمیتونم چون فقط برای input کار میکنه
    اگر مثل این مثال اینپوتی نداشتیم و خواستیم مقدار را بگیریم باید از چه دایرکتیوی استفاده کنیم؟
    تشکر

    • سلام وقت بخیر.
      میتوانید از ref استفاده کنید. حتما داکیومنت هم بخونید.

  • عرض سلام و وقت بخیر
    عذر میخوام من سوالی در رابطه با nuxt و vue داشتم
    من بخش بک اند و ارتباط با سرور یک وبسایت رو با جنگو رست و nuxt انجام دادم ولی الان که پروژه رو روی هاست گذاشتم و قصد دارم که اون رو سئو کنم مشکلی وجود داره که اطلاعات و دیتا بعد از قالب وبسایت روی وبسایت قرار میگیره و خزنده های گوگل متون و عکس ها رو که از سرور ارسال میشه رو نمیتونن دریافت کنن و اطلاعات داینامیک بعد از لود شدن صفحه روی صفحه قرار میگیرن و همین دلیلی هست که سایت از نظر سئو رنک خوبی نمیتونه بگیره
    ممنون میشم اگر مقدور هستش راهنمایی بفرماییید تا چطور کاری کنم که اطلاعات و دیتا همزمان با قالب و لود شدن صفحه روی صفحه قرار بگیرند

    • سلام وقت بخیر.
      Vue یک فریمورک js سمت فرانت هست و کدهای vue توی مروگر دانلود و اجرا میشه، پس توی سورس کدی که به مروگر ارسال میشه فقط یک div به ای دی app هست و بقیه کارها زمانیکه مروگر کدهای vue را دانلود کرد اجرا میشه به این موضوع
      csr (client side rendering) گفته میشه
      حالا شما میتوانید ساختار صفحه را ایجاد و بعد به مروگر ارسال کنید که بهش
      ssr (server side rendering) گفته میشه که با فریمورک nuxt خیلی ساده میتوانید انجام بدید.

    • سلام وقت بخیر.
      اطلاعی در خصوص مشکل با axios ندارم. اما خودش یکسری توابع برای دریافت اطلاعات ایجاد کرده و شما نیازی به axios ندارید.

  • استاد عزیز سلام
    استاد من یه سوال و راهنمایی برای ادامه راهم از شما دارم
    استاد من پروژه هامو با لاراول و بوت استرپ تمرین و پیاده سازی میکنم و همه چی صفر تا صد برنامه نویسی و از سایت شما آموزش دیدم
    الان میبینم که برای طراحی سایت به دانش جاوا اسکریپت و ajax هم نیازه
    من دوره جاوااسکریپت شمارو دیدم و تمرین کردم
    برای بحث ajax شما کدوم فریمورک رو معرفی میکنید که من یادش بگیرم و توی پروژه هام استفاده بکنم ازش ؟

    • سلام وقت بخیر.
      برای فرانت اند، بله باید با جاوااسکریپت آشنا باشید، من فریمورک alpine که دوره اش به همراه پیش نیاز هاش که توی وب سایت هست را پیشنهاد میکنم.