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

توفیق حمزه ئی
861
دانشجو دارد4
دوره دارد682
جلسه منتشر کردهدوره پروژه محور vue.js 3
برای مشاهده جلسات رایگان بیشتر وارد کانال https://t.me/vuedotjs شوید.
احتمال تغییرات در سرفصل های موجود هستش دوستان عزیز
هفته ای 5 الی 7 جلسه داخل سایت قرار میگیره
تا اکنون 180 دیدگاه ارسال شده است. شما نیز دیدگاه تان را بنویسید. ارسال دیدگاه
زهیر صفری
سلام جناب حمزه ای عبادت قبول حق اگر میشه لطفا در ادامه مباحث یک پروژه چت گفتگو یا بحث تیکت در این دوره رو پوشش بدید تا کامل تر بشه با تشکر
توفیق حمزه ئی
سلام، به دلیل اینکه این مباحث نیاز به بک اند دارن نمیتونیم پوشش بدیم متاسفانه. نمیخایم پیش نیاز دیگه هم به دوره اضافه کنیم که همه بتونن ازش استفاده کنن. یه راه حل جایگزین هم داریم به اسم firebase اما نظر سنجی گذاشتیم و دوستان موافق این هستن یه دوره دیگه بذاریم، که بک اندشم خودمون بزنیم تا اینکه توی همین دوره باشه و از دیتابیس فایربیس (که تحریم شده) استفاده کنیم.
امیر
سلام اگه ممکنه تو vuex بحث lazyload کردن state های هر ماژول رو هم بفرمایید ممنون
توفیق حمزه ئی
سلام به دلیل اینکه مبحث مربوط میشه به بهینه سازی حتما پوشش میدیم.
فروغ گلسفیدی
سلام استاد حمزه ای، چند تا سوال داشتم ، من میخوام توی ویو ( با کمی کار قبلی) قدمی حرفه ای رو شروع کنم ، به نظرتون این دوره رو بخرم یا دوره ویرگول رو؟ و اینکه توی دوره ویرگول گفتین (توی کامنت ها) که فصل اول این دوره رایگان هست درحالی که فقط جلسه اول از فصل اول رو رایگان گذاشتین (من با دلخوشی اومدم دانلود کنم دیدم فقط جلسه اول رایگان هست) و اینکه این دوره که هنوز تکمیل نشده برای بحث خریداری چه طوری میشه؟ یعنی جلسات رو چه طوری دانلود میشه کرد در ادامه؟
توفیق حمزه ئی
سلام هردو دوره یونیک هستن و بستگی داره چی میخاین. اگه فقط بر روی یک پروژه واقعی میخاین کار کنین که ویرگول و اگه میخاین فقط ویو رو با پروژه های مختلف تخصصی یاد بگیرین این دوره رو توصیه میکنم. دوره ویرگول اصلا فصلی نداره که بخایم فصل اولشو رایگان بزاریم :) اما هم دمو کامله و هم توضیحات مربوطه. و درنهایت با خرید این دوره به جلسات بعدی و اگه اپدیتی هم در سرفصلا داشته باشیم به اونا هم دسترسی خواهید داشت.
غزاله ثمودی
ممنون استاد ..ادرس ریپوزیتوری گیتم اینه: https://ghazalehsamoudi.github.io/exercise-11/
توفیق حمزه ئی
سلام کافیه شما یه فایل index.html بسازین.
زهیر صفری
جناب همزه ای بنده اصلا laravel-mix بلد نیستم چون دیدم در این دوره اینو نام بردید آیا نیاز هست که laravel که فریم فورک php هست یاد بگیریم
توفیق حمزه ئی
سلام فصل laravel-mix فقط دو جلسه هست و اونم فقط مربوط میشه به نحوه استفاده از vue.js در laravel همین و میتونین از این فصل عبور کنین.
امیر
سلام من میخوام از پلاگین swiper که معرفی کردید چند جا استفاده کنم ولی فقط می خوام یه بار css ,js ایمپورت کنم و چند جا استفاده کنم ایا امکانش هست ؟ ممنون
توفیق حمزه ئی
سلام بله امکانش هست و اگه جلسات بعدی رو نگاه کنین با استفاده از کامپوننت SwiperSlider اینکارو اینجام دادیم.
زهیر صفری
با سلام وقت بخیر بنده با Asp.net core کار میکنم آیا میتونم با دوره شما بر این فریم ورک مسلط بشم و بک اند با asp کار کنم آیا این دوره به کار من میاد
توفیق حمزه ئی
سلام بله میتونین چون فرانت و بک انتون رو به صورت جدا میسازین. دلیل اصلی که ما در این دوره بک اند نداریم همینه چون افراد مختلف با فریمورک و زبان مختلف درخواست دارن بک اند با اون باشه از جمله ,laravel, asp.net core, django, express که بعضی از دانشجوهای این دوره با این فریمورک ها کار میکنن پس مشکلی از لحاظ ندارین.
غزاله ثمودی
و همینطور مفهوم render کردن رو هم درست متوجه نشدم..ممنون میشم اینم توضیح بدید
توفیق حمزه ئی
تغییراتی که ویو رو براوزر(DOM) انجام میده بهش میگن رندر کردن. البته به صورت خیلی بیسیک و ساده
غزاله ثمودی
سلام ممنون از اموزش خوبتون..در جلسه ی 24 وقتی توی netlify ادرس رو میسازه و روش کلیک می کنم بهم ارور 404 میده..حتی توی git هم روی اون ادرس می زنم همین ارور رو دارم..ممنون میشم راهنماییم کنید
توفیق حمزه ئی
سلام ادرس ریپازیتوری گیتهابتون چیه؟
امیر
سلام وقت به خیر یه سوال داشتم من میخوام یه سایت بنویسم می خواستم بپرسم برای فرانتش اگه از vuetifyاستفاده کنم تو حجم نهایی چقدر تاثیر داره ؟ اصلا استفاده کنم یا نه ؟ و اینکه اگه از vuetify استفاده کنم تو ssr به مشکل می خورم یا نه ؟ ممنون
توفیق حمزه ئی
سلام ویوتیفای کار رو برای ساخت فرانت خیلی راحت میکنه اگه اپلیکیشن فرانتتون پیچیدس و وقت کمی دارین استفاده ازش رو حتما پیشنهاد میکنم. اما در کل فریمورک خوبی هست چون میشه با treeshaking حجم نهایی رو هم کم کرد https://vuetifyjs.com/en/features/treeshaking/ در نهایت ویوتیفای با ناکست هم مشکل خاصی نداره.
Ali
سلام و خسته نباشید . به نظر شما ساختن فرانت با ویو و بعد گرفتن api از وردپرس کار درست و بهینه ای هست ؟ چون من بیشتر تمرکزم روی فرانت هست و صرفا میخوام بتونم بکند پروژه ها رو هم خودم بزنم میخواستم برم سمت اینکه از وردپرس داده هارو به صورت json بگیرم . اما نمیدونم این کار از نظر سئو و کلا استاندارد های طراحی وب بهینه هست یا اینکه مشکلاتی داره که نمی صرفه این روش ؟یا اینکه شما روش دیگه ای رو پیشنهاد میکنید . ممنون .
توفیق حمزه ئی
سلام بله میتونین از rest-api وردپرس هم استفاده کنین و مشکلی هم نداره. اگه میخاین فقط فرانت کار کنین یا باید از cms استفاده کنین یا از دیتابیس هایی مثله firestore. وردپرس در حال حاضر بهترین cms موجود هستش به دلیل پلاگین های متعددی که داره میتونین از headless-cms ها استفاده کنین مثله وبلاگ فصل rest-api این دوره و ببینین که با کدوم راحتتر هستین.
امیر
سلام اگه ممکنه در مورد نوشتن plugin و استفاده از mixin تو vue هم اموزش بزارید ممنون
توفیق حمزه ئی
سلام ما در این دوره mixin رو بررسی نخواهیم کرد به دلیل انتی پترن بودن اون. توی جامعه ریکت از 5 سال پیش کم کم ازش فاصله گرفتن اما توی ویو تازه به راه حل composition api رسیدن و ما هم در این دوره به صورت کامل composition api رو بررسیش کردیم. میتونین این مقاله رو مطالعه کنین هرچند برای ریکت هستش اما خیلی مفیده https://reactjs.org/blog/2016/07/13/mixins-considered-harmful.html . و در نهایت نوشتن پلاگین بهش فکر کردم اما دیدم که کاربردی نخواهد بود، چون اگه یه پلاگین میساختیم باید کامل باشه و خیلی چیزا رو در اون لحاظ کنیم و این خودش کلی زمان میبره، اما در فصل پیشرفته renderless متوجه میشیم که فریمورک هایی مثل ویوتیفای چجوری ساخته میشن که درک بهتری از اون داشته باشیم.
حسین
سلام بازم ممنون بابت آموزش خوبتون من از وب پک برای کامپایل کد های es6 استفاده میکنم و میخواستم بدونم یک کامپوننت vue رو چجوری با وب پک کامپایل کنم؟ تو این آموزش به این مورد اشاره کردید؟ (حتی اگه بشه لینکی هم در این رابطه بهم بدید عالی میشه.
توفیق حمزه ئی
سلام دوست عزیز منم برای کامپایل کردن کدای es6 در کامپوننت های vue از وبپک استفاده میکنم، منتهی با استفاده از ابزار هایی مثله vue-cli و laravel-mix. در این دوره هیچ نیازی به توضیح دادن وبپک ندیدم چون خود وبپک پکیج پیچیده ای هست که دوره تخصصی خودشو میخاد و توی اکثر پروژه ها از خود وبپک استفاده نمیکنن بلکه از ابزارهاش مثله vue-cli استفاده میکنن.
امیر
سلام برای پیاده سازی oAuth 2 , oidc چه پکیج vue رو توصیه می کنید ؟
توفیق حمزه ئی
سلام این مسائل مربوط به بک اند هستش، و برای فرانت کار ها درکش کمی سخته برا شروع واسه همین توصیه من اینه اگه تازه شروع میکنین حتما بدون پکیج برید جلو تا بهتر درکشون کنین. اگه راه افتادین میتونین از کدای خودتون استفاده کنین و شاید نیازی به پکیج نباشه. سعی کنین خیلی به پکیج ها وابسته نباشید چون مدیریت پروژه ای که پکیج های زیادی داره خیلی سخته.
امیر
سلام اگه ممکنه در مورد تزریق وابستگی تو ویو و این که چه طور سرویس بنویسم و تو کل اپ بهش دسترسی داشته باشیم هم صحبت کنید ممنون
توفیق حمزه ئی
سلام اتفاقا صحبت کردیم ولی به صورت مختصر در ویو تزریق وابستگی یا dependency injection رو با استفاده از provide/inject پیاده میکنیم. که این رو توضیح دادیم توی جلسات قبل، اما نکته ای که قابل توجه هست برای بیشتر اپلیکیشن های بزرگ کسی از این روش استفاده نمیکنه بلکه میرن سراغ پترن flux که میشه vuex توضیحات در مورد این قسمت زیاده و سعی میکنم توی فصل خودش کامل توضیح بدم چرا توی اپلیکیشن های بزرگ بهتره از vuex استفاده کنیم.
ab01fa31
سلام وقتتون بخیر،دوره تون واقعا عالیه دمتون گرم :) فقط اگر ممکنه در رابطه با انیمشن ها هم صحبت کنید
توفیق حمزه ئی
سلام دوست عزیز در حال حاضر جز سرفصل ها نیست اما این مورد رو حتما بررسی میکنم.
علی رضا
سلام پیشنهاد دارم برای حل مشکلات بچه هایی که این دوره را خریداری کردنئ یک کانال تگرامی ایجاد کنید تا بشه هم عکس و فایل فرستاد داخل گروه این طوری بهتر میشه رفع اشکال کرد وبا افرادی که این ردوره را خریداری کردن رفع اشکال کرد شاید یک سوال یک نفر سوال افراد دیگری هم باشه من دیروز این دوره را خریداری کردم
توفیق حمزه ئی
سلام ممنون بابت پیشنهاد خوبتون اما تا حالا مشکل خاصی الحمدلله توی دوره نداشتیم و بیشتر سوال و پیشنهاد بوده که هم سوال و هم پیشنهاداتتون رو میتونین اینجا بگین. اگه مشکل خاصی هم داشتین میتونین با اقای نیکو در تماس باشین که به من در تلگرام وصل بشین.
حسین
سلام دارم رو یه پروژه node js کار میکنم و تقریبا وسط کارم لازمه از vue cli استفاده کنم و اول کار با دستور create یک پروژه جدید ایجاد میکنه! نمیخوام پروژه جدیدی ایجاد کنم ، فقط میخوام تو همین پروژه ازش استافاده کنم! چیکار باید بکنم؟
توفیق حمزه ئی
سلام اگه از vue-cli استفاده میکنین بهتره پروژه بک و فرانت جدا باشه. اگه میخاین فقط داخل یک پروژه باشن باید از یک کامپایلر استفاده کنین. من به دلیل اینکه node.js به صورت تخصصی کار نمیکنم اطلاعی ندارم اما برای لاراول یه ابزار داریم به اسم laravel-mix و شما هم کافیه سرچ کنین یه همچنین کامپایلری برای نود وجود داره یا ن.
nima
سلام در پرژه فروشگاه از JQuery هم استفاده میکنید یا فقط vue؟
توفیق حمزه ئی
سلام فقط vue قبلا توی دوره توضیح دادم، درست نیست که vue و jquery با هم استفاده بشن و نیازی هم به jquery نداریم.
ضیا
سلام، میخواستم بگم اگه ممکنه پروژه فروشگاه رو با ناکست بزنید
توفیق حمزه ئی
سلام دوست عزیز نمیتونیم متاسفانه چون ناکست (اگه بخش ssr رو در نظر بگیریم) از پیچیده ترین قسمت های ویو هستش و ما لازمه پیش نیاز هاشو رعایت کنیم. این قالب فروشگاهی برای اینه بدونین چجوری میشه یه سلایدر یا گالری و بقیه مواردی که برای یک سایت فروشگاهی نیازه بدونیم رو پوشش میدیم حالا شما میتونین به صورت spa یا ویو عادی یا ssr یا هر جور دیگه ای که خواستین پیاده کنین.