آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی سرفصل های دوره - جلسه معرفی دوره
دسته بندی: طراحی و برنامه نویسی وب
- تعداد شرکت کنندگان: 215 نفر
- جلسات منتشر شده: 236 جلسه
- مدت زمان دوره : 70:39:00
- قیمت دوره: 549000 تومان
- وضعیت دوره: تکمیل شده
- وضعیت تکمیل شدن دوره: 100%
توفیق حمزه ئی
1628
جلسه منتشر کرده6
دوره دارد788
دانشجو دارد
دوره پروژه محور vue.js 3
برای مشاهده جلسات رایگان بیشتر وارد کانال https://t.me/vuedotjs شوید.
احتمال تغییرات در سرفصل های موجود هستش دوستان عزیز
هفته ای 5 الی 7 جلسه داخل سایت قرار میگیره
حسین
سلام خسته نباشید من با لاراول کار می کنم چند تا کامپونت ساده ویو در لاراول استفاده کردم موقع استفاده از لاراول میکس فقط فایل app.js شده 2mb بدون این که کد زیادی نوشته باشم .. می خواستم راهی که کد ها خیلی کم حجم تر بشه؟ ممنون میشم راهنمایی کنید.
توفیق حمزه ئی
سلام بله اولا کامپوننت هاتونو باید lazy load کنین و دوما پکیجهایی که استفاده میکنین و احتمالا تغییر نمیکنن رو میتونین ببریت تو یه فایل جدا که راحت تر لود بشن
saeed A
سلام ببخشید اگر nuxt 3 بیاد این دوره آپدیت میشه؟ و چقدر تفاوت بین nuxt 2 و 3 هست ایا منتظر ورژن 3 بمونیم یا تفاوت کمه ؟ ممنون
توفیق حمزه ئی
سلام دوست عزیز فعلا نسخه بتا هست اما تا جایی که من میدونم کلا فرق میکنه باید ببینیم وقتی rc و یا نسخه نهایی اومد به چه شکل خواهد بود اونوقت در موردش تصمیم میگیریم اما هنوز هم وقتی که اپدیت شد بخش بزرگی از اپ ها با ورژن 2 هستن پس اون رو هم باید بلد باشید
papi
با سلام با توجه به تغییراتی که در vue3 ایجاد شده آیا کماکان این دوره میتونه قابل استفاده باشه ؟
توفیق حمزه ئی
سلام دوست عزیز فصل 17 در مورد تغییرات جزئی هست که ویو داشته و همچنان دوره قابل دیدن هست
saeed A
زمانی که عکس ها در assets هستن نمی تونم به این روش background بدم اصلا عکس رو نمیاره ولی در public باشه میاره
Ali
سلام و احترام . وقتی که از composition api استفاده میکنیم ، و بخوایم داده ای رو توی تمپلیت نمایش بدیم، مثلا یک داده ری اکتیو یا رف ، اول باید اون ها رو از ویو ایمپورت کنیم بعد متغییر رو تعریف کنیم ، بعد در قسمت return اسم اون ها رو بنویسیم تا بتونیم از اون ها توی تمپلیت استفاده کنیم ، حالا اگر این داده رو فقط و توی return قرار بدیم بدونه اینکه کاره های بالا رو براش انجام بدیم باز هم توی تمپلیت قابل استفاده است ، میشه کمی مفهوم این قسمت رو توضیح بدید که چطوری این کار امکان پذیره ؟
توفیق حمزه ئی
اگه منظورتون این هست که بدون استفاده از ریکتیو یا رف دیتا تعریف کردین کاملا شدنی هست ولی دیتا فقط یک متغییر ساده هست و یک دیتای ریکتیو نیست. برای بیشتر اشنا شدن با دیتای ریکتیو میتونین دوره دیگه من رو در همین سایت مشاهده کنین چند جلسه اول رایگان هست و با موارد لازم اشنا میشین.
saeed A
سلام در پروژه موزیک پلیر زمانی که background-image رو به صورت inline css وارد میکنیم عکس رو پیدا نمیکنه چون من عکس رو توی فایل assets گذاشتم ولی وقتی داخل public باشه پیدا میکنه (در هردو ادرس به درستی بوده) دلیل این اختلاف چیه؟ و در کل فایل public برای بارگذاری عکس های وبسایت مناسبه یا assets؟
توفیق حمزه ئی
سلام دوست عزیز اگه میشه توضیح بدین چجوری عکس رو لود کردین.
حمیدرضا خسروی
سلام خسته نباشید از composition-api برای چه مواردی استفاده میشه؟
توفیق حمزه ئی
سلام توی پایین توضیح دادم.
حمیدرضا خسروی
سلام خسته نباشید استاد برای چی از setup باید استفاده کرد؟
توفیق حمزه ئی
برای استفاده از composition-api و اینکه منطق یا همون لاجیک کامپوننت رو به فایل های مختلف ببریم.
Ali
سلام اگر از cms وردپرس استفاده کنیم و بخوایم داده ها رو بگیریم و نمایش بدیم . به صورت رندر شده هستند یعنی همراه با تگ و استایل ها ، اون ها رو ارسال میکنه و باید از v-html استفاده کنم تا درست نمایش داده بشن . آیا این کار درستی هست ؟
توفیق حمزه ئی
سلام، تا جایی که من از وردپرس میدونم یک api از نوع headless بهت میده یعنی از نوع json و نه html و میتونین ازش استفاده کنین. درکل با استفاده از v-html محدود باشه و فقط جاهایی که لازم هست ازش استفاده کنین.
saeed A
سلام و خسته نباشید . آیا وقتی از nuxt چه به صورت ssr یا ssg مثلا برای یه پروژه فروشگاهی بزرگ استفاده میکنیم که صفحات زیادی لود اولیه صفحه خیلی طولانی نمیشه یا nuxt راه حلی براش داره؟ ممنون
توفیق حمزه ئی
اولا دوست عزیز SSG برای سایت فروشگاهی بزرگ نمیشه بیشتر برای سایت فروشگاهیی که محصولاتش استاتیک هستن به درد میخوره. اما برای لود سریع کافیه بزنین nuxt performance کلی مقاله وجود داره
حمیدرضا خسروی
سلام خسته نباشید استاد computed دقیقا چیکار میکنه؟
توفیق حمزه ئی
یه دیتایی هست بر اساس یه منطق که توی computed مینویسم محاسبه و برگشت داده میشه و درنهایت کش میشه تا وقتی که یکی از دپندنسی هاش تغییر کنه و دوباره دیتا محاسبه میشه.
امیر
سلام وقت به خیر من تو پروژه م دارم از composition-api استفاده می کنم یه ماژول برای بیزنسی نوشتم حالا می خوام از متد های اون ماژول تو قسمت script یک کامپوننت استفاده کنم متاسفانه درست کار نمی کنه و استیت های ماژول آپدیت نمی شند ممنون میشم راهنمایی بفرمایید
توفیق حمزه ئی
سلام دوست عزیز اگه از ref استفاده کردین دوباره کدتون رو ریویو کنین که به درستی از value. استفاده کرده باشین وگرنه باید کدتونو ببینم
Ali
سلام توی قسمت ران کردن سرور strapi وقتی npm run develop رو میزنم این خطا رو میگیرم connect ECONNREFUSED 127.0.0.1:5432 سرچ هم که میکنم مشکل رو Couldn't run with db PostgreSQL نشون میده . ولی خب ما که با دیتا بیس اصلا کاری نداریم . شما اگر به این مشکل خوردید ممنون میشم راهنمایی کنید
توفیق حمزه ئی
سلام اتفاقا برای strapi به دیتابیس نیاز داریم وگرنه اطلاعات رو از کجا میخاد بخونه؟ برای اینکار درایور دیتابیس postgres رو نصب کنین و اگه مشکلی داشتین میتونین خبر بدین.
saeed A
سلام و خسته نباشید . ببخشید که زیاد سوال میپرسم ولی دوره انقدر خفنه که سوال پیش میاد و داخل اینترنت هم جوابمو پیدا نکردم. طوری که من دیدم وقتی که از vue به تنها استفاده میکنیم(بدون router یا nuxt ) وقتی میخوایم در پروژه ای صفحات مختلف داشته باشیم نمیشه چون فقط یک app.vue هستش پس فقط یک صفحه رندر میشه نمیشه یه صفحه دیگه ساخت که بچه سوییچ کرد بهش چیکار میشه کرد ایا هر صفحه باید یه پروژه vue براش بسازیم ممنون؟
saeed A
خب اخه نمیشه که یه فروشگاه اینترنتی رو spa زد مشکل سئو داره پیشنهاد شما برای اینجور مواقع چیه؟ ساختار پروژه رو چطور باید چید؟ ممنون
توفیق حمزه ئی
سلام من که پیشنهاد میکنم حتما از روتر استفاده کنین اما در غیر این صورت کاملا ساختار پروژه به خودتون بستگی داره و معمولا از طرف سرور روت ها مشخص میکنن تو این نوع اپلیکیشن ها.
saeed A
واقعا ممنون که پاسخ دادید . ولی خوندم که فایل assets توسط webpack کامپایل میشه واسه همین فایلهای scss و css و img و ... داخلش میزارن ، مگه فایل های دیگه توسط webpack کامپایل نمیشه؟؟
توفیق حمزه ئی
سلام چرا بقیه هم کامپایل میشه به جز اونایی که توی پابلیک هستن
saeed A
توی قالب فروشگاهی گفتید استفاده از require برای ادرس دهی به عکس ها باعث میشه بعدا اگر از همون عکس با سایز دیگه ای از همون عکس استفاده کنیم از کش استفاده میکنه یا عکس رو دوباره لود میکنه من متوجه نشدم؟؟!! و یه سوال دیگه چرا بعضی وقتا عکس ها رو داخل پوشه public میزارید ولی وقتی که از vue-cli استفاده میکنید داخل assets هم میتونستید بزارید میشه توضیح بدید؟ ممنون
توفیق حمزه ئی
سلام استفاده از require باعث میشه اگه یه فایل دیگخ با همون اسم دوباره اپلود و یا بیلد بشه چون تشخیص میده یه فایل دیگه از کش نمیخونه. در قالب های اماده چون یه تمپلیتی داریم که قبلا ازش بیلد گرفتن و عکسا قبل استفاده در پروژه وجود داشتن و توی css و بعضی جاهای دیگه ممکنه استفاده شده باشه، کمی کار سخت میشه وقتی بخایم از assets استفاده کنیم
Ali
سلام . توی قسمت 63 . که با کامپوزیشن api یک فانکشن تعریف میکنیم چرا count رو اگر بصورت مستقیم و بدون تابع توی event کلیک بنویسیم که با هر بار کلیک بعلاوه یک بشه نیازی به value. نداره ؟ و فقط داخل setup نیاز هست از value استفاده کنیم که به صورت count.value نوشته بشه و بتونه مقدار رو زیاد کنه ؟
توفیق حمزه ئی
سلام به دلیل اینکه در تمپلیت خود ویو میاد این .value رو اضافه میکنه ولی خب طبیعتا در composition api لازمه چون اینجوری کار میکنه ولی قراره یه روش جدید اضافه بشه که نیازی به این value. نیست(البته در ورژن های بعدی ویو)
saeed A
سلام و خسته نباشید . ایا جایگزینی برای cookie و localStorage هستش که بشه توکن رو در فرانت ذخیری کرد چون فک کنم هر دو کاملا روش های امنی نیستن. و یا کلا روش یا کاری میشه کرد برای بهتر شدن امنیت اینا، ممنون میشم یه توضیح کوتاه بدید.
توفیق حمزه ئی
سلام و خسته نباشید کلا با هر روشی سعی کنین توی فرانت توکن ذخیره کنین امن نیست. هرچند روش هایی وجود داره که میشه امنیتش رو بالا برد ولی بهر حال توصیه میشه این کارو توی بک اند انجام بدین.
علیرضا
سلام وقت بخیر می خواستم نرم افزار موبایل بنویسم با Vue Native خوبه یا باید react native بنویسم
توفیق حمزه ئی
سلام کامیونیتی vue-native نسبت به react-native خیلی خیلی کوچیکتره و من اصلا vue-native رو پیشنهاد نمیکنم اما یه فریمورک به اسم quasar داریم که نسبتا خوبه و حداقل چندتا دوره میتونین براش پیدا کنین و خوبیش این هرچیزی رو با این فریم ورک میتونین بسازین
امیر
سلام این که تو بخش پلاگین های nuxt فرمویدید ممکنه برای نصب پکیج های vue به مشکل بخوریم که وقتی mode رو بزاریم client مشکل حل میشه می خواستم بپرسم یعنی چی پکیج ما به سرور نیاز نداره و مخصوص کلاینته ؟ و اگه نیاز به سرور داشته باشه چی میشه ؟ این روی seo تاثیر میزاره ؟ ممنون
توفیق حمزه ئی
سلام دوست عزیز به این دلیل هست که بعضی پلاگین ها فقط روی براوزر کار میکنن و نه توی سرور اگه داخل نود اجرا بشه به اررور میخوریم. این مسایل یه خورده سنگینه و برای همین تصمیم گرفتم که توی یه دوره جدا بیایم و از اول ssr نه با اناکست بلکه با ویو و نود خالی بسازیم و این مسائل رو بهتر درک کنیم. همچنین سیستم ریکتیویتی ویو رو هم از اول پیاده کردیم که باز هم باعث میشه دانشتون از ویو عمیق تر بشه. https://bicoo.ir/courses/vue-expert/view