آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی -جلسه سرفصل های دوره
دسته بندی: طراحی و برنامه نویسی وب

توفیق حمزه ئی
1429
دانشجو دارد6
دوره دارد788
جلسه منتشر کردهدوره پروژه محور vue.js 3
برای مشاهده جلسات رایگان بیشتر وارد کانال https://t.me/vuedotjs شوید.
احتمال تغییرات در سرفصل های موجود هستش دوستان عزیز
هفته ای 5 الی 7 جلسه داخل سایت قرار میگیره
تا اکنون 389 دیدگاه ارسال شده است. شما نیز دیدگاه تان را بنویسید. ارسال دیدگاه
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
مسعود انصاری
سلام وقت بخیر من کد js رو داخل assets یا static هم قرار میدهم باز هم کار نمیکند(ناکست جی اس)
توفیق حمزه ئی
سلام باید کدتونو داخل یک ریپازیتوری گیتهاب بزارین و من نگاه کنم
امیر
سلام تو بخش ناکست فرمودید محتویات فولدر assets توسط وب پک کامپایل میشه و بهتره جی اس ها و سی اس اس ها رو تو این مسیر قرار بدیم من هر کاری می کنم نمی تونم از این مسیر فایل ها رو بخونم و 404 دارم در واقع می خوام به صورت دینامیک در head یه سری فایل های css , js رو لود کنم . تو static که میزارم میخونه و لی از assets نه
توفیق حمزه ئی
سلام، دوست عزیز اکه میخاین قالب لود کنین بهتره از همون static استفاده کنین چون احتمالا تغییر نمیکنن و مینیفای هم شدن پس نیازی به وبپک نیس. اگر غیر این هست لطفا توی یک ریپازیتوری پابلیک پروژتونو لود کنین و برام بفرستین
saeed A
سلام و ممنون بابت دوره عالی . میخواستم بپرسم چطور مثلا url مربوط به یک api رو بت chrome باز میکنید انگار hilight و syntax بهش اضافه میشه با چه پلاگینی اینکارو میکنید؟ ممنون.
توفیق حمزه ئی
سلام ممنون از نظر خوبتون، JSON Formatter ماله کروم
امیر
سلام اگه مقدوره pwa رو هم به عنوان آپدیت اضافه کنید ممنون
توفیق حمزه ئی
سلام دوست عزیز اگه اپدیت داشته باشیم حتما فصل pwa رو اضافه خواهیم کرد
مسعود انصاری
سلام داخل پروژه ای که میزنیم اگه فقط هدر یا فوتر صفحه اصلی با بقیه صفحه ها متفاوت بود اون رو چطوری باید مدیریت کرد؟
توفیق حمزه ئی
سلام میتونین از لایوت های مختلف استفاده کنین برای اینکار که همون کامپوننت های ویو هست. اموزش این مورد هم در فصل روتر موجوده.
محسن
سلام وقت بخیر من طبق فیلم فصل rest-api مینی پروژه بلاگ به آدرس http://localhost:1337/posts درخواست میدم اما ارور 404 میده هر کار میکنم درست نمیشه بنظرتون مشکل از کجاست؟؟
توفیق حمزه ئی
سلام، تا نحوه درخواست دادنتون رو نبینم نمیتونم دقیق بگم مشکل چیه
مسعود انصاری
سلام مثل من یک قالب رو میزنم با استفاده از html , css , js خام میارم بالا چطوری باید در ویو و ناکست استفاده یا منتقلش کنم؟ زمانی که از ناکست استفاده میکنیم نیاز نیست که ویو رو نصب کنیم همان ناکست را نصب کنیم کافیه؟
توفیق حمزه ئی
سلام توی ناکست کانفیگ میشه یه سری css و js رو به صورت لینک به پروژه اضافه کرد. پیشنهاد میکنم از قالب هایی که به شکل سنگین از جی اس استفاده کرده مخصوصا هایی که خیلی وابستگی دارن به جیکویری پرهیز کنید و خود قالب خام با css رو بیارین بالا. نه نیازی نیست ویو رو نصب کنین چون خود ناکست داره از اون استفاده میکنه.
مسعود انصاری
سلام شما در فصل nuxt بیشتر طراحی آموزش میدهید؟ و کد ویو و ناکست نزدید؟ مثل من یک قالب رو میزنم با استفاده از html , css , js خام میارم بالا چطوری باید در ویو و ناکست استفاده یا منتقلش کنم؟ زمانی که از ناکست استفاده میکنیم نیاز نیست که ویو رو نصب کنیم همان ناکست را نصب کنیم کافیه؟
توفیق حمزه ئی
سلام دوست عزیز، طراحی فقط برای مینی پروژه صورت گرفته که یک سایت نمونه کار(پورتفولیو) از پروژه هایی که در این دوره پوشش دادیم رو ایجاد کردیم. این کارو به دو دلیل انجام دادیم یک میخاستم که کسانی که در این دوره شرکت میکنن علاوه بر یادگیری ویو چندین مینی پروژه واقعی رو به صورت انلاین داشته باشن و رو یه سایت به عنوان نمونه کار اینارو نشون بدن و دلیل دوم ما برای مینی پروژه نمیتونستیم از SSR استفاده کنیم چون این مبحث خیلی طولانی هست و باید در یک پروژه طولانی تر پوشش بدیم
مسعود انصاری
سللام چرا بعضی از درس ها فایل کد ها رو نداره؟
توفیق حمزه ئی
سلام دیگه از یه جایی به بعد گفتیم همه کدارو از گیت هاب میتونین پیدا کنین. https://github.com/Tefoh/vue.js
مسعود انصاری
سلام الان از vite استفاده می شود در پروژه های واقعی یا nuxt چون یک فیلم دیدم از router , vuex و .... بیشتر استفاده میکرد
توفیق حمزه ئی
سلام این دو هیچ ربطی به هم ندارن. vite یک ابزار برای کامپایل کدای ویو به جاوااسکریپت هست مثله vue-cli که با توجه به این که سازنده ویو تمرکزش رو روی vite گذاشته احتمالا در اینده فقط از این پشتیبانی میشه. دو نکته وجود داره یکی اینکه vite مختص ویو نیست و با خیلی از فریمورک های جی اس حتی جی اس خام کار میکنه و همچنین ازش توی ورژن جدید ناکست استفاده شده که سرعت رو خیلی بهتر کرده. در اون طرف ناکست یک فریمورکه برای وب اپ و سایت هایی هست که نیاز به SSR دارن. ناکست خودش به صورت پیش فرض به همراه vuex و vue-router میاد حداقل برای ورژن 2 ناکست اینجوریه
مژگان اکابری
مدرس دوره یکم لهجه داره
saeed A
میشه تم vscode خودتون رو بگید :)
توفیق حمزه ئی
همون material theme ولی هر جند وقت یه بار عوضش میکنم که هم حوصله شما سر نره هم خودم