سلام
شما تو این دوره کدوم ورژن pinia آموزش دادید؟
Vuex یک کتابخانه مدیریت وضعیت یا داده است که مخصوص ایجاد اپلیکیشن‌های متوسط، پیچیده و بزرگ در Vue.js است. این کتابخانه به عنوان یک منبع مرکزی برای داده های برنامه عمل می کند و می توانید در سراسر برنامه از داده های این منبع استفاده کنید.
Vue.js یکی از فریم ورک های جاوا اسکریپت برای طراحی رابط کاربری است و امروزه محبوبیت زیادی را در بین توسعه دهندگان کسب کرده است.دوره رایگان و پروژه محور Vue.js ورژن 3 در سایت قرار گرفته برای مشاهده اینجا کلیک کنید.
مشکل اصلی در یک اپلیکیشن بزرگ، شیوه مدیریت وضعیت‌ها یا داده ها در بین کامپوننت‌های مختلف است. باید به صورتی این کار انجام شود که همه چیز واضح باشد و کدهای مرتبی داشته باشید. در این دوره شما روش حل این مشکل را با استفاده از Vuex یاد خواهید گرفت.
دوستان دقت کنید: این دوره آپدیت شده و آموزش کتابخانه pinia.js که به عنوان، کتابخانه مدیریت وضعیت بصورت پیش فرض در vue.js معرفی شده است هم به دوره اضافه شده که مفهوم و کانسپت آن مانند vuex هست و حتی ساده تر از vuex اما به دلیل اینکه vuex قدیمی تر است و ممکنه توی یک شرکت یا پروژه ای که کار میکنید از vuex استفاده شده باشد، نیاز هست که با vuex آشنا باشید از طرفی آشنایی با vuex برای درک بهتر pinia به شما کمک میکند.
برای آشنایی از مباحث و پروژه های این دوره حتما ویدیو معرفی دوره را مشاهده کنید.
همچنین دوستان دوره nuxt.js (ناکست جی اس) در سایت قرار گرفت که پیشنهاد میکنم حتما بعد از این دوره مشاهده کنید.
دوره پیشنهادی، بعد از گذراندن این دوره :
پیش نیاز این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام
شما تو این دوره کدوم ورژن pinia آموزش دادید؟
سلام وقت بخیر.
آخرین ورژنی که در حال حاضر داره یعنی ورژن 2
سلام استاد ببخشید مدت زیادیه منتظر دوره nuxt هستیم میشه بفرمایید کی شروع به ضبط دوره میکنید؟
سلام وقت بخیر.
کار تولید محتوا، کار بشدت سخت و زمانبری هست و دوره خوب هم نیاز به تلاش و زمان زیادی داری
زمانش مشخص نیست ولی درحال آماده سازی هستیم.
سلام استاد عزیز،
ما همچنان منتظر دوره ناکست هستیم ، کی شروع میشه انشا الله؟
توی سایت ک نگاه کردم دیگه کلمه بتا برای ناکست نیست انگاری
سلام وقت بخیر.
بله نسخه stable آمده و در تلاشیم که زودتر محتواش را آماده و توی وبسایت قرار بدیم.
سلام استاد ،یک فرم برای ثبت مشخصات محصول برای ثبت در دیتابیس از طریق vuex ارسال می کنیم ولی چون تصویر رو هم می خواهیم ارسال کنیم که در یک مسیر ذخیره اش کنیم باید با استفاده از formdata ارسال کنیم که formdata خالی ارسال میشه ؟اما اگه یه دستور مثل `(var key in formdata)for` بزنیم ولاگ بگیریم میبینیم که پر می باشد.اگه امکانش هست یه راهنمایی بفرمائید ممنون میشم
سلام وقت بخیر.
شما برای تست api میتوانید یک پروژه معمولی ایجاد و با js در خواست بزنید به سرور api، باید چک کنید که api به درستی کار میکنه و در قدم بعدی داکیومنت formdata را مطالعه کنید و تست کنید.
سلام وقت بخیر
استاد پروژه پنل کاربری هم توی این دوره قرار داره؟
سلام وقت بخیر.
خیر، توی ویدیو معرفی دوره گفته شده که چه مواردی آموزش داده میشه
سلام آقای شیخ وقتتون بخیر
ببخشید یه سوال داشتم اینکه دو تا گروه چک باکس دارم و میخوام اگر چک باکس های ۱و۲و۳ تز گروه اول تیک خوردن چک باکس اول از گروه دوم تیک بخوره
شما راه حل یا مثالی دارید؟
سلام وقت بخیر.
کافیه شرط براش قرار بدید، که مثلا اون سه تا model مقدارش true بود بیاد model چک باکس مورد نظر شما را true کنه
با توجه به اینکه توی دوره vuex سوال پرسیدید و احتمالا از vue استفاده میکنید.
سلام. وقت بخیر
میخوام یه سایت واسه نمونه کار با vue بزنم.
ولی ایده ای ندارم.
شما پیشنهادی ندارین؟
سلام وقت بخیر.
انواع مختلفی هست شخصی، شرکتی، فروشگاهی، وبلاگی و ...
قالب هم برای هموشون توی نت هست. کافیه سرچ کنید.
سلام
آیا pinia از typescript هم پشتیبانی میکند؟
سلام وقت بخیر.
بله، حتما داکیومنتش را یکبار هم که شده بخونید!!!
سلام استاد
ممنون از دوره خوبتون
استاد لطفا authentication in nuxt3 هم بگین
سلام وقت بخیر.
ممنون از شما، انشاا... توی دوره خودش گفته میشه
سلام استاد
توی داکیومنت ها می خوندم که Vuex دیگه توسعه داده نمی شه و باید از pinia استفاده کنیم
بنظرتون چیکار باید کرد؟
یه موضوع دیگه من میخوام jwt توکن را از بکند بگیرم و همراه هر درخواست بفرستم سمت سرور، ممنون میشم این موضوع را هم راهنمایی کنید
سلام وقت بخیر.
بله، توسعه vuex دیگه روی pinia هست و اگه با vuex آشنا باشید خیلی ساده میتونید با pinia آشنا بشید هر چند الان استفاده از vuex 4 مشکلی نداره اما در کل میتونید با pinia آشنا بشید و ازش توی پروژه استفاده کنید.
در مورد سوال دوم شما، سخته توضیحش اینجا و من نمیدونم شما چقد مسلط هستید بر جاوااسکریپت و بحث API، توصیه میکنم سرچ کنید و مقالات مورد نظر را مطالعه کنید.
سلام خیلی ممنون بابت این دوره عاالی انشاءالله که همیشه موفق باشید.
سلام وقت بخیر.
ممنون از شما، اما شما این دوره را از ما تهیه نکردید، ممنون میشم برای حمایت از ما، از سایت دوره ها را تهیه کنید.
سلام ببخشید دوره ناکست کی قراره برگزار بشه؟
سلام وقت بخیر.
زمانی که نسخه استیبل ورژن 3 بیاد.
سلام.خیلی ممنون از آموزشهای خوبتون
ببخشید با دیدن این دوره میشه با Vuex3 هم پروژه انجام داد؟
سلام وقت بخیر.
ممنون از شما?
این دوره بر اساس ورژن ۴ هست و کلیات کار مانند ورژن ۳ هست، خیلی تفاوتی نداره بازم میتونید داکیومنتش را مطالعه کنید.
خیلی عالیییییییییییی بود, مرسی از توضیحات کاملتون, بهترینین
سلام وقت بخیر.
ممنون از حمایتتون?
سلام استاد
من با 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);
});سلام
پروژه های این دوره با composition api نوشته شده یا option api ؟
سلام وقت بخیر.
آموزش و پروژه ها بر اساس composition api هست.
بدون شک یکی از اساتید خیلی خوب با تدریس عالی و فن بیان قوی و استاندارد با هدف آموزش و یادگیری تدریس میکنه، بدون هرگونه اضافه کاری شما هستید. واقعا هر دوره ای از شما دیدم عالی بودید. دوره Vue و vuex شما جز کامل ترین ها بود.
من دوره های راکت و... رو هم دیدم ولی سطح آموزشی شما بالاتر و باکیفیت تر است.
سلام وقت بخیر.
ممنون از شما، خداروشکر که دوره ها براتون مفید بوده?
سلام وقتتون بخیر ممنون بابت دوره ویو جی اس که رایگان گذاشتین.
دوره ویو ایکس هم تهیه کردم فقط کی قراره دوره ناکست 3 رو بزارین؟
اگر امکانش هست توی اون دوره یک پروژه کامل تر که کمی با بک هم کار شده باشه قرار بدین بازم ممنون از شما
سلام وقت بخیر.
انشاا... نسخه stable بیاد چشم
سلام
این دوره با vue 3 سازگار است یا باید اپدیت بشه ؟
سلام وقت بخیر.
این دوره بعد از دوره vue 3 قرار دادیم و از آخرین ورژن استفاده کردیم.
Ali Ebi
سلام خدمت استاد گرامی آقای شیخ
خیلی ممنون از دوره های خوب شما
بنده از pinia داخل پروژه ناکست خودم استفاده میکنم ولی متاسفانه یه مشکلی هست!! بنده با استفاده از fetch$ اقدام به دریافت دیتا در pinia میکنم و بعد همین دیتا رو در index.vue دریافت میکنم و همه چیز به خوبی اجرا میشه و سمت کلاینت هم اطلاعات رو میبینم ولی وقتی روی گزینه viewPageSource میزنم متاسفانه
هیچکدوم از دیتاها رو نمیبینم و این موضوع برای seo خیلی بده...
نکته عجیب اینجاست که وقتی از fetch$ بصورت مستقیم بدون pinia داخل index.vue استفاده میکنم تمام دیتا رو در viewPageSource میبینم!!!
مشکل انگار از pinia هست!!
بنده دقیقا همونجوری که گفتید از pinia دارم استفاده میکنم ولی نمیدونم مشکل کجاست؟؟!!
علی شیخ
4 ماه پیش
سلام وقت بخیر.
ممنون از شما، ببینید این پکیچ برای مدیریت state ها در سمت فرانت هست و دلیلش هم همینه و شما بصورت کلی دیتا های که نیاز هست سمت سرور رندر و ارسال بشه را باید بصورت ssr در نظر بگیرید مخصوصا صفحاتی که توی سرچ گوگل قرار باشه ولی خب اطلاعاتی مثله سبد خرید نیاز به این مورد نداره