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

توفیق حمزه ئی
1429
دانشجو دارد6
دوره دارد788
جلسه منتشر کردهدوره پروژه محور vue.js 3
برای مشاهده جلسات رایگان بیشتر وارد کانال https://t.me/vuedotjs شوید.
احتمال تغییرات در سرفصل های موجود هستش دوستان عزیز
هفته ای 5 الی 7 جلسه داخل سایت قرار میگیره
تا اکنون 389 دیدگاه ارسال شده است. شما نیز دیدگاه تان را بنویسید. ارسال دیدگاه
ضیا
سلام، وقت بخیر، از نظر من طراحی سکشن های بعدی با Tailwind رو ادامه بدید، چون این فریمورک یکی از بهترین هاست، باتشکر
توفیق حمزه ئی
اوکی ضیا عزیز، منم با شما موافقم اگه نگیم بهترینه حتما از بهترین هاست
saeed A
سلام ببخشید یه سوال وقتی درون یه فایل sfc درون export default یک name رو تعیرف کنیم دقیقا کاربردش چیه چون وقتی حذف هم میشه هنوز کامپوننت کار میکنه؟؟!!
توفیق حمزه ئی
یونیک بودن اسم کامپوننت خیلی مهم نیست، اگه به شکل recursively nesting باشه اسم دو کامپوننت نباید یکی باشه. منظور اینه که به شکل اتوماتیک فرزندهاشو لود کنه چون تعداد کامپوننت های فرزند به شکل داینامیک هستش.
saeed A
یعنی نباید دوجا name با یک اسم داشته باشیم و همیشه باید مقدارش یونیک باشه؟!
توفیق حمزه ئی
سلام سوال خوبی بود، بله ما در بیشتر مواقع به اسم کامپوننت نیازی نداریم خیلی کم پیش میاد واقعا ازش استفاده کنیم. خودم در دوره ویرگول بهش برخوردم که به اسم کامپوننت برای بخش کامنت که به شکل recursively nesting پیاده شد بهش بر خوردم اگه اسمشون یکی بود در حلقه بی نهایت می افتادیم. تازه این مورد هم کم پیش میاد و موارد دیگه خیلی نادر تر هستن ولی بهتره اسم کامپوننت رو بنویسیم.
یاسمن رنجبر
سلام. درباره nuxt همین سر فصل هایی که نوشتین هست یا قراره اضافه بشه و پروژه باهاش راه اندازی کنید؟
توفیق حمزه ئی
ممنون بابت نظر خوبتون به دو دلیل این کارو نمیتونم انجام بدیم. اگه بخایم پروژه ناکست کامل باشه یا باید از بک اند خودمون استفاده کنیم یا از ابزاری مثله فایرستور و فایربیس استفاده کنیم. بک اند رو نمیتونیم چون دوره فقط برای فرانت اند کار ها هستش و واقعیت نمیتونیم یک زبان یا فریمورک بک اند رو انتخاب کنیم. و برای فایربیسم نظرسنجی گذاشتیم که مورد استقبال نگرفت به دلیل تحریم. منم برای یادگیری بهتر و عمیق ی تکمیل یه پروژه کامل رو پیشهاد کردم و میکنم. اما توی این دوره متاسفانه نمیتونیم و در دوره بعدی ایشالله همه این موارد در یک پروژه واقعی پوشش میدیم.
یاسمن رنجبر
میشه لطفا مینی پروژه ای که براش در نظر گرفتین استفاده کردن از api ها برای data table ها مثل نمایش لیست داخل جدول و مثلا ساخت یک فیلد و ویرایش و حذف فیلد داخل جدول باشه. که اکثر پروژه های واقعی به این شکل هستند که تا حالا هیچ آموزشی بهش نپرداخته. با توجه به اینکه Nuxt.js در اینده نزدیک بسیار بیشتر و پرکاربردتر از Vue.js خواهد بود. طوری که الان داخل گوگل ترند از بین تمام فریم فورک ها اگر جهانی بهش نگاه کنیم رتبه اول فریم ورک هارو به خودش اختصاص داده. معمولا اکثر مینی پروزه هایی که با ناکست در نظر گرفته شده داخل وب سایت ها ساختن یک بلاگ ساده بوده و صدا زدن یک api برای گرفتن لیست پست ها و کارهای پیچیده دیگری باهاش انجام نشده. اگر این قسمت هارو لحاظ کنید ممنون میشم ازتون و پیشاپیش بابت اموزش خوبتون که اولین وب سایت ایرانی هستین که درباره Nuxt و Vue انقدر کامل توضیح دادین تشکر میکنم.
توفیق حمزه ئی
سلام تقریبا همه فصل ها یا پروژه دارن یا کل فصل یه پروژه بوده. ناکست هم به همین شکلی هستش و مینی پروژه براش در نظر دارم.
امیر
سلام آقای مهندس شما که زحمت کشیدید کل ویو رو تدریس کردید لطفا pwa رو هم اضافه کنید ممنون
توفیق حمزه ئی
در حال حاضر pwa جزو برنامه این دوره نیست، اما حتما نیم نگاهی داریم بهش اگه اپدیتی داشتیم ایشالله اضافه میشه.
Ali
با سلام و احترام ، یک سر فصل با عنوان طراحی چند زبانه با کتابخانه vue-i18n قبلا داشتیم ، الان نیست . امکانش هست این مورد رو هم آموزش بدید . چون اکثر پروژه ها ازش استفاده میکنن . ممنون
توفیق حمزه ئی
سلام دوست عزیز، ممنون از نظر خوبتون به دلایلی مجبور بودم اونو حذفش کنم. ۱- ما در این دوره پکیج های اصلی که خود تیم اصلی سازنده بوده پوشش دادیم میخاستم این پکیج رو به عنوان یک مینی پروژه که به چه شکل میشه از یک پکیج third party استفاده کرد اضافه کنم اما در فصل های قبلش همچین مینی پروژه هایی داشتیم پس میشه گفت اضافه بود. 2- ترتیب فصل ها از اسون و مقدماتی به سخت و پیشرفته باید باشه که این فصل اصلا جای مناسبی نبود به دلیل اینکه اگه شما بلد باشین داکیومنت مربوطه رو بخونین این پکیج خیلی خیلی اسونه استفاده ازش. ۳- خیلی از دوستان متاسفانه به دنبال اینن براشون ماهی بگیرن تا یاد بگیرن چجوری ماهیو گرفت. خیلی از دوستان هنوزم هر پکیجی که باهاش کار نکردن انتظار دارن بیاد توی این دوره اگه اینجوری باشه دوره تموم نمیشه و شما هم نه برنامه نویسی یاد میگیرین نه ویو. یکی از هدف های من در این دوره این بود که خواندن داکیومنت یاد بدم که بخش مهمی از برنامه نویسی هستش.
ضیا
سلام، لطفا nuxt auth رو هم توضیح بدید
توفیق حمزه ئی
سلام ما در این دوره ناکست رو کانسپت هاشو پوشش میدیم چون ناکست خودش یک فریمورکه بهتره با یک پروژه کامل اینا رو پیش ببریم که همین قصد رو هم داریم ایشالله.
امیر
سلام توی ssr تو اون سرور node همه فایل های js تبدیل به html میشند ؟ مثلا با اولین ریکویست به هاست تمام فایل های js ایمپورت شده در index.html به html تبدیل میشند حتی اگه اون صفحه رو فراخوانی نکنیم ؟ اگر روت های ما lazy باشند چی اون موقع ssr چه طور عمل می کنه ؟
توفیق حمزه ئی
سلام همون جوری که ویو در براوزر المنت ها رو رندر میکنه و ما در DOM اونو میبینیم به همون شکل در نود چون از یک انجین (v8) استفاده میکنن در اونجا هم سورس قابل رندر هست ولی فقط سورس رو بهمون میده همین.
saeed A
سلام ایا در مورد cookies در vue صحبت میکنید ؟ اگر نمیکنید مشه یه منبع بگید که خودمون یاد بگیریم؟!
توفیق حمزه ئی
سلام در این دوره از کوکی استفاده نمیکنیم، از جایگزینش که localStorage باشه به خوبی استفاده کردیم و این روش در فرانت امنتره نسبت به کوکی. بهر حال اگه از کوکی مجبور هستید استفاده کنید من داکیومنت موزیلا یا mdn رو پیشنهاد میکنم چون خیلی کامله
hs-dev
ماشالله حناب حمزه ای عزیز بهترین استاد موجود با بهترین دوره ها خدا قوت پهلوان
توفیق حمزه ئی
ممنون دوست عزیز که با نظر خوبتون و لطفی که دارین باعث انگیزه من میشین :))
علیرضا
سلام وقت بخیر ایا nuxt میشه روی لاراول استفاده کرد اگه میشه میتونید آموزش رو بزارین
توفیق حمزه ئی
سلام دوست عزیز، بهتره از ناکست فقط به عنوان فرانت ازش استفاده بشه و برای بک از یک api استفاده کنین. بهتره لاراول و ناکست رو قاطی هم دیگه نکنین به خیلی از دلایل و همچنین ما در این دوره به بک اند نمیپردازیم هرچند نحوه ارتباط بین فرانت و بک رو خیلی کامل بررسیش کردیم حتی از cms هم استفاده کردیم.
امیر
سلام اقای مهندس خواهشا تا جایی که ممکنه قسمت ناکست رو کامل تدریس کنید واقعا اموزش به درد بخور براش نیست ممنون
توفیق حمزه ئی
سلام دوست عزیز، حتما کانسپت هاشو سعی میکنم کامل کامل توضیح بدم. و مینی پروژه هم خواهیم داشت ولی بهتره یک پروژه کامل از صفر با ناکست داشته باشین و در اونجا با خیلی چیزا اشنا میشین.
سید ایمان هاشمی
سلام استاد لطفا در مورد استفاده ویو در لاراول به صورت غیر spa هم یک بخشی قرار بدید ممنون
توفیق حمزه ئی
سلام. من در نظرات به شکل کامل توضیح دادم چرا استفاده از spa اصولی تره و سخت تر هستش. شما با چیزایی که در فصل اول یاد گرفتید میتونید بسطش بدین به لاراول. همین جوری که در html از vue استفاده میکنیم در لاراولم به همون شکله و زیاد سخت نیست.
ضیا
سلام، ممکنه تو همین پنل ادمین که دارید با ویوتیفای میزنید، راجع به role های مختلف هم توضیح بدید که چجوری ایجاد کنیم؟ مثل role ادمین که به همه چیز دسترسی داشته باشه role کاربر، ...
توفیق حمزه ئی
سلام پنل ادمین ما فقط قالبش هستش و به صورت پروژه کامل نیست. اگه میخاین یه پنل کامل vuetify داشته باشید میتونین از دوره ویرگول استفاده کنین چون هم بک داره هم فرانت و به شکل کامل در موردش صحبت کردیم.
saeed A
سلام ببخشید از اونجایی که Vuetify هنوز از vue v3 پشتیبانی نمیکنه وقتی که ورژن جدیدVuetify بیاد آیا دوره هم آپدیت میشه یا یک دوره دیگه براش برگزار میکنید؟
توفیق حمزه ئی
سلام بستگی داره به میزان تغییرات اگه کم باشه که همین جا توی یه فصل دیگه ایشالله در موردش صحبت میکنیم.
ضیا
سلام، وقت بخیر http://denj.ichimoku-fibo.ir/admin/role لطفا به این api نگاه بندازید، من نمیدونم چطور باید هندلش کنم، باید پنل ادمین بسازم و سطح دسترسی برای یوزر ها رو یو آیشو بزنم، ولی نمیدونم چطور باید باهاش کار کنم، ممکنه توضیح بدید؟
توفیق حمزه ئی
سلام این دسترسی های کاربران رو یه جایی باید ذخیره کنین و یا اگه خیلی مهمه هر بار باید درخواست بفرستین سمت سرور و دسترسیشو چک کنین.
ضیا
اگه ممکنه راجع به swagger هم توضیح بدید ، اگه مقدوره، باسپاس
ضیا
سلام، با توجه به اینکه نظر منو منتشر کردید میخوام لینک api اصلی رو هم بهتون بدم http://denj.ichimoku-fibo.ir/api-docs اصلیش اینه، اگه بتونید توضیح بدید که چطور باید از استفاده کنم ممنون میشم
امیر
سلام یه سوال داشتم من تو vuetify تو دیتاتیبلم داده هام رو transform می کنم مثلا اگه سرور جنیست رو به هم 1 بده من تو تیبل مرد و اگه 2 بده زن نشون میدم یه اینپوت سرچ هم دارم ولی وقتی مرد سرچ می کنم دیتا بهم نشون نمیده ولی وقتی میزنم 1 دیتا رو بهم نشون میده می خواستم بپرسم چه طوری می تونم سرچم رو روی داده های transform شده فعال کنم ممنون
توفیق حمزه ئی
سلام ایشالله در ویدیو ها بررسی میکنیم و اینجا نمیتونم توضیح بدم.
saeed A
واقعا پشتیبانیتون عالیه واقعا ممنون که پاسخ میدید
saeed A
سلام و خسته نباشید 1.سوالم اینه برای یک سایت بزرگ مثل نمناک و دیجی کالا درسته که از spa استفاده کنیم یا mpa درست تره؟ 2. و ایا هر دو در این دوره اموزش داده میشه؟ ممنون میشم پاسخ بدید
توفیق حمزه ئی
شما در حال حاظر برای vue دو جایگزین دارین یکی jquery و یکیم react که میشه گفت ویو از هردوشون بهتره برای mpa، پس بنظرم بهتره ادامه بدیم چون یادگیری ویو هم اسونتره از بقیه
saeed A
اول از همه ممنون از پاسخگوییتون بعد اینکه من که قصدم mpa هستش شما vue رو پیشنهاد میدید ادامه بدم؟؟ یا تغییر مسیر بدم!
توفیق حمزه ئی
من همچنین چیزی نگفتم. استاندارد نیست یعنی به صورت کلی اپلیکیشن های ویو که ساخته میشن درصد عمدهای SPA, SSR, SSG هستن، به همین دلیل اینا استاندارد ساختن اپلیکیشن با استفاده از ویو هستن. اما mpa روش ساختن اپلیکیشن با استفاده ویو نیست که اصلا بخوایم پوشش بدیم یعنی پیج های مختلف معمولا توسط یه زبان یا فریم ورک .. دیگه ساخته میشه تا ویو. به عنوان مثال خودم در بعضی پنل ادمین های خودم از ویو به شکل mpa استفاده میکنم ولی به صورت خیلی بیسیک.
saeed A
یعنی میخواید بگید vue برای mpa مناسب نیست؟
توفیق حمزه ئی
سلام اگه از نظر سئو اینا رو مقایسه کنیم mpa بهتره. mpa خیلی سخت نیست و کافیه vue رو در صفحات مختلف استفاده کنیم و توی فصل اول هم به این پرداختیم چجوری میشه توی یه فایل html از ویو استفاده کرد. هرچند فقط یه پیج بود اما میتونین اطلاعاتی که در فصل های مربوطه بسطش بدین به mpa وگرنه به صورت کامل به mpa نپرداختیم چون توی جامعه ویو این روش اصلا استاندارد نیست.
زهیر صفری
سلام جناب حمزه ای عبادت قبول حق اگر میشه لطفا در ادامه مباحث یک پروژه چت گفتگو یا بحث تیکت در این دوره رو پوشش بدید تا کامل تر بشه با تشکر
توفیق حمزه ئی
سلام، به دلیل اینکه این مباحث نیاز به بک اند دارن نمیتونیم پوشش بدیم متاسفانه. نمیخایم پیش نیاز دیگه هم به دوره اضافه کنیم که همه بتونن ازش استفاده کنن. یه راه حل جایگزین هم داریم به اسم firebase اما نظر سنجی گذاشتیم و دوستان موافق این هستن یه دوره دیگه بذاریم، که بک اندشم خودمون بزنیم تا اینکه توی همین دوره باشه و از دیتابیس فایربیس (که تحریم شده) استفاده کنیم.
امیر
سلام اگه ممکنه تو vuex بحث lazyload کردن state های هر ماژول رو هم بفرمایید ممنون
توفیق حمزه ئی
سلام به دلیل اینکه مبحث مربوط میشه به بهینه سازی حتما پوشش میدیم.