توضیحات

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

Vue.js یکی از فریم ورک های جاوا اسکریپت برای طراحی رابط کاربری است و امروزه محبوبیت زیادی را در بین توسعه دهندگان کسب کرده است.دوره رایگان و پروژه محور Vue.js ورژن 3 در سایت قرار گرفته برای مشاهده اینجا کلیک کنید.

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

دوستان دقت کنید: این دوره آپدیت شده و آموزش کتابخانه pinia.js که به عنوان، کتابخانه مدیریت وضعیت بصورت پیش فرض در vue.js معرفی شده است هم به دوره اضافه شده که مفهوم و کانسپت آن مانند vuex هست و حتی ساده تر از vuex اما به دلیل اینکه vuex قدیمی تر است و ممکنه توی یک شرکت یا پروژه ای که کار میکنید از vuex استفاده شده باشد، نیاز هست که با vuex آشنا باشید از طرفی آشنایی با vuex برای درک بهتر pinia به شما کمک میکند.

برای آشنایی از مباحث و پروژه های این دوره حتما ویدیو معرفی دوره را مشاهده کنید.

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

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

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


javascript جاوا اسکریپت جاوااسکریپت vuejs ویو جی اس vuex ویو ایکس pinia pinia.js پی نیا جی اس

مدرس دوره علی شیخ
مدت دوره 05:16:05
تعداد ویدیو 32

وضعیت دوره : کامل شده
قیمت دوره : 299,000 239,000 تومان
% 20 تخفیف

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

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

  • درود فراوان!
    من بیشتر آموزش های شما رو شرکت کردم و راضی بودم بجز این آموزش pinia که واقعا از خریدش الان واقعا پشیمون هستم.
    من بخاطر دوره pinia این دوره رو خریدم اما به دلایل زیر اصلا از شرکت در این دوره راضی نیستم.
    آموزش ها اولیه pinia طبق معمول دپره هاتون خوب بود اما دو تا
    مینی پروژه مدیریت تسک و سبدخرید pinia
    که در این آموزش خیلی مهم و ضروری اند -بخاطر راحتی کار خودتون- مستقل و از اول تدریس نشده و خیلی توضیحات داده نشده و ارجاع داده شده به آموزش قبلی شما در Vuex
    به عبارتی مخاطب مجبور هستش حتما آموزش Vuex رو که برای خیلی ها فعلا ضروری و در اولویت نیست رو حتما و اجبارا اول بصورت کامل ببیند و کامل یاد بگیرید و بعد آموزش دو تا مینی پروژه pinia رو دنبال کند و این اصلا درست،منطقی،اصولی و حرفه ای نیست.شاید کسی نخواد فعلا Vuex کار کنه و فقط هدفش آموختن pinia باشه
    به همین خاطر دو تا مینی پروژه pinia براش بشدت ناقص،نامفهوم و گیج کننده و بدون استفاده میشه.به نظر من شما بایستی دو تا مینی پروژه pinia رو از اول-صفر فقط با pinia آموزش می دادید و همه جزییات اونها را کامل توضیح و آموزش می دادین و مراحل رو از اول تا آخر پیش می رفتید.من که خودم مجبور شدم قید دو تا مینی پروژه pinia رو کلا بزنم و مجبورم نمونه پروژه های pinia رو دوباره از جای دیگه هزینه و تهیه کنم.
    به همین خاطر به تمام عزیزانی که هدف اصلی و اولویت خرید این آموزش فقط pinia است این آموزش رو اصلا توصیه نمی کنم.
    چون آموزش pinia مستقل تدریس نشده و شما رو مجبور کردن حتما اول Vuex رو کامل بیاموزید و به همین خاطر کیفیت این آموزش در مینی پروژه های pinia بشدتت پایین آمده و حتی تا حد زیادی بدون استفاده.
    کاش در توضیحات و معرفی این آموزش pinia می گفتین که این آموزس مستقل نیست و قبل از آن آموختن Vuex حتما اجباری ست و در آموزش مینی پروژه های pinia همچین روند و تصمیمی گرفته شده.

    • سلام وقت بخیر.
      ممنون از شما و ارسال نظرتون
      توی توضیحات دوره اشاره شده که pinia از کانسپت های vuex استفاده میکنه و ساده تر شده و برای درکش آشنایی با vuex کمک کننده هست و دوره هم کلا 5 ساعت هست و میتونستید ازابتدا مشاهده کنید و تمرین فقط روی pinia انجام میدادید. بازم ممنون از ارسال نظرتون

  • سلام خدمت استاد گرامی آقای شیخ
    خیلی ممنون از دوره های خوب شما

    بنده از pinia داخل پروژه ناکست خودم استفاده میکنم ولی متاسفانه یه مشکلی هست!! بنده با استفاده از fetch$ اقدام به دریافت دیتا در pinia میکنم و بعد همین دیتا رو در index.vue دریافت میکنم و همه چیز به خوبی اجرا میشه و سمت کلاینت هم اطلاعات رو میبینم ولی وقتی روی گزینه viewPageSource میزنم متاسفانه
    هیچکدوم از دیتاها رو نمیبینم و این موضوع برای seo خیلی بده...
    نکته عجیب اینجاست که وقتی از fetch$ بصورت مستقیم بدون pinia داخل index.vue استفاده میکنم تمام دیتا رو در viewPageSource میبینم!!!
    مشکل انگار از pinia هست!!
    بنده دقیقا همونجوری که گفتید از pinia دارم استفاده میکنم ولی نمیدونم مشکل کجاست؟؟!!

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

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

  • سلام استاد عزیز،
    ما همچنان منتظر دوره ناکست هستیم ، کی شروع میشه انشا الله؟
    توی سایت ک نگاه کردم دیگه کلمه بتا برای ناکست نیست انگاری

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

  • سلام استاد ،یک فرم برای ثبت مشخصات محصول برای ثبت در دیتابیس از طریق vuex ارسال می کنیم ولی چون تصویر رو هم می خواهیم ارسال کنیم که در یک مسیر ذخیره اش کنیم باید با استفاده از formdata ارسال کنیم که formdata خالی ارسال میشه ؟اما اگه یه دستور مثل `(var key in formdata)for` بزنیم ولاگ بگیریم میبینیم که پر می باشد.اگه امکانش هست یه راهنمایی بفرمائید ممنون میشم

    • سلام وقت بخیر.
      شما برای تست api میتوانید یک پروژه معمولی ایجاد و با js در خواست بزنید به سرور api، باید چک کنید که api به درستی کار میکنه و در قدم بعدی داکیومنت formdata را مطالعه کنید و تست کنید.

  • سلام آقای شیخ وقتتون بخیر
    ببخشید یه سوال داشتم اینکه دو تا گروه چک باکس دارم و میخوام اگر چک باکس های ۱و۲و۳ تز گروه اول تیک خوردن چک باکس اول از گروه دوم تیک بخوره
    شما راه حل یا مثالی دارید؟

    • سلام وقت بخیر.
      کافیه شرط براش قرار بدید، که مثلا اون سه تا model مقدارش true بود بیاد model چک باکس مورد نظر شما را true کنه
      با توجه به اینکه توی دوره vuex سوال پرسیدید و احتمالا از vue استفاده میکنید.

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

  • سلام استاد
    توی داکیومنت ها می خوندم که Vuex دیگه توسعه داده نمی شه و باید از pinia استفاده کنیم
    بنظرتون چیکار باید کرد؟

    یه موضوع دیگه من میخوام jwt توکن را از بکند بگیرم و همراه هر درخواست بفرستم سمت سرور، ممنون میشم این موضوع را هم راهنمایی کنید

    • سلام وقت بخیر.
      بله، توسعه vuex دیگه روی pinia هست و اگه با vuex آشنا باشید خیلی ساده میتونید با pinia آشنا بشید هر چند الان استفاده از vuex 4 مشکلی نداره اما در کل میتونید با pinia آشنا بشید و ازش توی پروژه استفاده کنید.
      در مورد سوال دوم شما، سخته توضیحش اینجا و من نمیدونم شما چقد مسلط هستید بر جاوااسکریپت و بحث API، توصیه میکنم سرچ کنید و مقالات مورد نظر را مطالعه کنید.

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

    • سلام وقت بخیر.
      ممنون از شما?
      این دوره بر اساس ورژن ۴ هست و کلیات کار مانند ورژن ۳ هست، خیلی تفاوتی نداره بازم میتونید داکیومنتش را مطالعه کنید.

  • سلام استاد
    من با api واقعی کار میکنم و آدرسش رو قراردادم تو دستور ولی چیزی برام برنمیگردونه امکانش هست راهنماییم کنید

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

    • ممنون از راهنماییتون .استاد در واقع میخوام یه صفحه لاگین ساده ایجاد کنم و با api واقعی این کار رو انجام بدم.توی مصاحبه اینو ازم خواستن.اگه امکانش باشه یه قطعه کد قرار بدین ممنونتون میشم بی نهایت تا من با نحوه کار آشنا بشم .
      لینک API: http://tip.bp1.ir/test/api.html

    • سلام وقت بخیر.
      به چه آدرسی باید درخواست بزنید؟
      توی دوره async js در مورد ارسال درخواست به سرور صحبت شده که پیش نیاز این دوره هست، هر چند بیشتر دوستان پیش نیاز ها براشون مهم نیست و قصد یادگیری ندارند. به هر حال، آدرس api که توی سورس کد این لینکی که فرستادید، این http://tip.bp1.ir/api/api/API بود و مثال درخواست اگه از fetch استفاده میکنید به این شکل هست :

      fetch("http://tip.bp1.ir/api/api/API", {
      
      method: "POST",
      headers: {
      "Content-Type": "application/json",
      },
      body: JSON.stringify({ "FN": "User_Token_Request", "UserType": "S", "Username": "Meghdad.Shakiba@gmail.com", "Password": "24681" }),
      })
      .then((response) => response.json())
      .then((data) => {
      console.log("Success:", data);
      })
      .catch((error) => {
      console.error("Error:", error);
      });

      اما از طرف سرور ارور میده
      {"Result":-1,"Message":"Exception in server.","TimeOut":-1}

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

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