telegram

توضیحات

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 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

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

دوره های آموزشی
آموزش Javascript پروژه محور
کامل شده

آموزش Javascript پروژه محور

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان
06:09:03
آموزش vue.js 3 پروژه محور
کامل شده

آموزش vue.js 3 پروژه محور

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

رایگان
11:05:31
آموزش ناکست جی اس (nuxt.js)
کامل شده
% 10 تخفیف

آموزش ناکست جی اس (nuxt.js)

بلاخره بعد از مدت ها انتظار nuxt.js (ناکست جی اس) ورژن 3 آمد و توی این دوره قصد داریم در مورد این فریموک فوق العاده جاوا...

599,000 539,000 تومان
09:18:11
آموزش بوت استرپ 5 (Bootstrap) پروژه محور
کامل شده

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان
12:08:39

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

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

  • foad fartash

    سلام،

    امیدوارم حال شما خوب باشد. ضمن تشکر از تمامی زحمات و دوره های خوبی که تهیه کرده اید من در تاریخ جمعه 5 ام اردیبهشت 1404 دوره آموزشی آموزش ویو ایکس (vuex) و pinia.js (پینیا جی اس) پروژه محور را از سایت شما خریداری کردم. متأسفانه این خرید به اشتباه انجام شده و بعد از چند دقیقه متوجه این اشتباه شدم و امروز 5 ا اردیبهشت در ساعت 15:50 دقیقه این درخواست را برای شما ارسال میکنم لازم به ذکر است که تاکنون از این دوره استفاده نکرده ام.

    لطفاً این خرید را لغو و مبلغ پرداختی را به حساب من عودت دهید. موضوع از طریق ایمیل و قسمت ارتباط با ما نیز اطلاع رسانی شده

    • علی شیخ

      2 هفته پیش

      سلام وقت بخیر.
      مشکلی نیست، ممنون میشم به تلگرام وب پروگ پیام بدید.
      webprogSupport@

  • Mahdi Moazeni

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

    • علی شیخ

      3 هفته پیش

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

  • Ali Ebi

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

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

    • علی شیخ

      2 سال پیش

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

    • علی شیخ

      2 سال پیش

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

  • majidarmantaheri

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

    • علی شیخ

      2 سال پیش

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

  • mmizanpoor

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

    • علی شیخ

      3 سال پیش

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

  • yasin siadat

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

    • علی شیخ

      3 سال پیش

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

    • علی شیخ

      3 سال پیش

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

  • Amir Hossein Bagherian

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

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

    • علی شیخ

      3 سال پیش

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

    • علی شیخ

      3 سال پیش

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

    • علی شیخ

      3 سال پیش

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

  • mahin

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

    • علی شیخ

      3 سال پیش

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

    • mahin

      3 سال پیش

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

    • علی شیخ

      3 سال پیش

      سلام وقت بخیر.
      به چه آدرسی باید درخواست بزنید؟
      توی دوره 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}