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

دسته بندی: طراحی و برنامه نویسی وب
آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی
4.5 از 38 رای
  • تعداد شرکت کننده گان: 191 نفر
  • جلسات منتشر شده: 236 جلسه
  • مدت زمان دوره: 70:39:00
  • قیمت دوره: 449000 تومان
  • وضعیت دوره: تکمیل شده
  • درصد تکمیل شده: 100%
100%
توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

توفیق حمزه‌ ئی

1429

دانشجو دارد

6

دوره دارد

788

جلسه منتشر کرده
دانلود این قسمت (قسمت 1 )

دوره پروژه محور  vue.js 3

برای مشاهده جلسات رایگان بیشتر وارد کانال https://t.me/vuedotjs شوید.

احتمال تغییرات در سرفصل های موجود هستش دوستان عزیز

هفته ای 5 الی 7 جلسه داخل سایت قرار میگیره

تا اکنون 389 دیدگاه ارسال شده است. شما نیز دیدگاه تان را بنویسید. ارسال دیدگاه

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

سلام، وقت بخیر، از نظر من طراحی سکشن های بعدی با Tailwind رو ادامه بدید، چون این فریمورک یکی از بهترین هاست، باتشکر

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

اوکی ضیا عزیز، منم با شما موافقم اگه نگیم بهترینه حتما از بهترین هاست

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام ببخشید یه سوال وقتی درون یه فایل sfc درون export default یک name رو تعیرف کنیم دقیقا کاربردش چیه چون وقتی حذف هم میشه هنوز کامپوننت کار میکنه؟؟!!

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

یونیک بودن اسم کامپوننت خیلی مهم نیست، اگه به شکل recursively nesting باشه اسم دو کامپوننت نباید یکی باشه. منظور اینه که به شکل اتوماتیک فرزندهاشو لود کنه چون تعداد کامپوننت های فرزند به شکل داینامیک هستش.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

یعنی نباید دوجا name با یک اسم داشته باشیم و همیشه باید مقدارش یونیک باشه؟!

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام سوال خوبی بود، بله ما در بیشتر مواقع به اسم کامپوننت نیازی نداریم خیلی کم پیش میاد واقعا ازش استفاده کنیم. خودم در دوره ویرگول بهش برخوردم که به اسم کامپوننت برای بخش کامنت که به شکل recursively nesting پیاده شد بهش بر خوردم اگه اسمشون یکی بود در حلقه بی نهایت می افتادیم. تازه این مورد هم کم پیش میاد و موارد دیگه خیلی نادر تر هستن ولی بهتره اسم کامپوننت رو بنویسیم.

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

سلام. درباره nuxt همین سر فصل هایی که نوشتین هست یا قراره اضافه بشه و پروژه باهاش راه اندازی کنید؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

ممنون بابت نظر خوبتون به دو دلیل این کارو نمیتونم انجام بدیم. اگه بخایم پروژه ناکست کامل باشه یا باید از بک اند خودمون استفاده کنیم یا از ابزاری مثله فایرستور و فایربیس استفاده کنیم. بک اند رو نمیتونیم چون دوره فقط برای فرانت اند کار ها هستش و واقعیت نمیتونیم یک زبان یا فریمورک بک اند رو انتخاب کنیم. و برای فایربیسم نظرسنجی گذاشتیم که مورد استقبال نگرفت به دلیل تحریم. منم برای یادگیری بهتر و عمیق ی تکمیل یه پروژه کامل رو پیشهاد کردم و میکنم. اما توی این دوره متاسفانه نمیتونیم و در دوره بعدی ایشالله همه این موارد در یک پروژه واقعی پوشش میدیم.

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

میشه لطفا مینی پروژه ای که براش در نظر گرفتین استفاده کردن از api ها برای data table ها مثل نمایش لیست داخل جدول و مثلا ساخت یک فیلد و ویرایش و حذف فیلد داخل جدول باشه. که اکثر پروژه های واقعی به این شکل هستند که تا حالا هیچ آموزشی بهش نپرداخته. با توجه به اینکه Nuxt.js در اینده نزدیک بسیار بیشتر و پرکاربردتر از Vue.js خواهد بود. طوری که الان داخل گوگل ترند از بین تمام فریم فورک ها اگر جهانی بهش نگاه کنیم رتبه اول فریم ورک هارو به خودش اختصاص داده. معمولا اکثر مینی پروزه هایی که با ناکست در نظر گرفته شده داخل وب سایت ها ساختن یک بلاگ ساده بوده و صدا زدن یک api برای گرفتن لیست پست ها و کارهای پیچیده دیگری باهاش انجام نشده. اگر این قسمت هارو لحاظ کنید ممنون میشم ازتون و پیشاپیش بابت اموزش خوبتون که اولین وب سایت ایرانی هستین که درباره Nuxt و Vue انقدر کامل توضیح دادین تشکر میکنم.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام تقریبا همه فصل ها یا پروژه دارن یا کل فصل یه پروژه بوده. ناکست هم به همین شکلی هستش و مینی پروژه براش در نظر دارم.

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

سلام آقای مهندس شما که زحمت کشیدید کل ویو رو تدریس کردید لطفا pwa رو هم اضافه کنید ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

در حال حاضر pwa جزو برنامه این دوره نیست، اما حتما نیم نگاهی داریم بهش اگه اپدیتی داشتیم ایشالله اضافه میشه.

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

با سلام و احترام ، یک سر فصل با عنوان طراحی چند زبانه با کتابخانه vue-i18n قبلا داشتیم ، الان نیست . امکانش هست این مورد رو هم آموزش بدید . چون اکثر پروژه ها ازش استفاده میکنن . ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز، ممنون از نظر خوبتون به دلایلی مجبور بودم اونو حذفش کنم. ۱- ما در این دوره پکیج های اصلی که خود تیم اصلی سازنده بوده پوشش دادیم میخاستم این پکیج رو به عنوان یک مینی پروژه که به چه شکل میشه از یک پکیج third party استفاده کرد اضافه کنم اما در فصل های قبلش همچین مینی پروژه هایی داشتیم پس میشه گفت اضافه بود. 2- ترتیب فصل ها از اسون و مقدماتی به سخت و پیشرفته باید باشه که این فصل اصلا جای مناسبی نبود به دلیل اینکه اگه شما بلد باشین داکیومنت مربوطه رو بخونین این پکیج خیلی خیلی اسونه استفاده ازش. ۳- خیلی از دوستان متاسفانه به دنبال اینن براشون ماهی بگیرن تا یاد بگیرن چجوری ماهیو گرفت. خیلی از دوستان هنوزم هر پکیجی که باهاش کار نکردن انتظار دارن بیاد توی این دوره اگه اینجوری باشه دوره تموم نمیشه و شما هم نه برنامه نویسی یاد میگیرین نه ویو. یکی از هدف های من در این دوره این بود که خواندن داکیومنت یاد بدم که بخش مهمی از برنامه نویسی هستش.

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

سلام، لطفا nuxt auth رو هم توضیح بدید

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام ما در این دوره ناکست رو کانسپت هاشو پوشش میدیم چون ناکست خودش یک فریمورکه بهتره با یک پروژه کامل اینا رو پیش ببریم که همین قصد رو هم داریم ایشالله.

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

سلام توی ssr تو اون سرور node همه فایل های js تبدیل به html میشند ؟ مثلا با اولین ریکویست به هاست تمام فایل های js ایمپورت شده در index.html به html تبدیل میشند حتی اگه اون صفحه رو فراخوانی نکنیم ؟ اگر روت های ما lazy باشند چی اون موقع ssr چه طور عمل می کنه ؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام همون جوری که ویو در براوزر المنت ها رو رندر میکنه و ما در DOM اونو میبینیم به همون شکل در نود چون از یک انجین (v8) استفاده میکنن در اونجا هم سورس قابل رندر هست ولی فقط سورس رو بهمون میده همین.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام ایا در مورد cookies در vue صحبت میکنید ؟ اگر نمیکنید مشه یه منبع بگید که خودمون یاد بگیریم؟!

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام در این دوره از کوکی استفاده نمیکنیم، از جایگزینش که localStorage باشه به خوبی استفاده کردیم و این روش در فرانت امنتره نسبت به کوکی. بهر حال اگه از کوکی مجبور هستید استفاده کنید من داکیومنت موزیلا یا mdn رو پیشنهاد میکنم چون خیلی کامله

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - hs-dev
hs-dev

ماشالله حناب حمزه ای عزیز بهترین استاد موجود با بهترین دوره ها خدا قوت پهلوان

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

ممنون دوست عزیز که با نظر خوبتون و لطفی که دارین باعث انگیزه من میشین :))

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

سلام وقت بخیر ایا nuxt میشه روی لاراول استفاده کرد اگه میشه میتونید آموزش رو بزارین

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز، بهتره از ناکست فقط به عنوان فرانت ازش استفاده بشه و برای بک از یک api استفاده کنین. بهتره لاراول و ناکست رو قاطی هم دیگه نکنین به خیلی از دلایل و همچنین ما در این دوره به بک اند نمیپردازیم هرچند نحوه ارتباط بین فرانت و بک رو خیلی کامل بررسیش کردیم حتی از cms هم استفاده کردیم.

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

سلام اقای مهندس خواهشا تا جایی که ممکنه قسمت ناکست رو کامل تدریس کنید واقعا اموزش به درد بخور براش نیست ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز، حتما کانسپت هاشو سعی میکنم کامل کامل توضیح بدم. و مینی پروژه هم خواهیم داشت ولی بهتره یک پروژه کامل از صفر با ناکست داشته باشین و در اونجا با خیلی چیزا اشنا میشین.

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

سلام استاد لطفا در مورد استفاده ویو در لاراول به صورت غیر spa هم یک بخشی قرار بدید ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام. من در نظرات به شکل کامل توضیح دادم چرا استفاده از spa اصولی تره و سخت تر هستش. شما با چیزایی که در فصل اول یاد گرفتید میتونید بسطش بدین به لاراول. همین جوری که در html از vue استفاده میکنیم در لاراولم به همون شکله و زیاد سخت نیست.

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

سلام، ممکنه تو همین پنل ادمین که دارید با ویوتیفای میزنید، راجع به role های مختلف هم توضیح بدید که چجوری ایجاد کنیم؟ مثل role ادمین که به همه چیز دسترسی داشته باشه role کاربر، ...

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام پنل ادمین ما فقط قالبش هستش و به صورت پروژه کامل نیست. اگه میخاین یه پنل کامل vuetify داشته باشید میتونین از دوره ویرگول استفاده کنین چون هم بک داره هم فرانت و به شکل کامل در موردش صحبت کردیم.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام ببخشید از اونجایی که Vuetify هنوز از vue v3 پشتیبانی نمیکنه وقتی که ورژن جدیدVuetify بیاد آیا دوره هم آپدیت میشه یا یک دوره دیگه براش برگزار میکنید؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام بستگی داره به میزان تغییرات اگه کم باشه که همین جا توی یه فصل دیگه ایشالله در موردش صحبت میکنیم.

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

سلام، وقت بخیر http://denj.ichimoku-fibo.ir/admin/role لطفا به این api نگاه بندازید، من نمیدونم چطور باید هندلش کنم، باید پنل ادمین بسازم و سطح دسترسی برای یوزر ها رو یو آیشو بزنم، ولی نمیدونم چطور باید باهاش کار کنم، ممکنه توضیح بدید؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام این دسترسی های کاربران رو یه جایی باید ذخیره کنین و یا اگه خیلی مهمه هر بار باید درخواست بفرستین سمت سرور و دسترسیشو چک کنین.

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

اگه ممکنه راجع به ‌swagger هم توضیح بدید ، اگه مقدوره، باسپاس

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

سلام، با توجه به اینکه نظر منو منتشر کردید میخوام لینک api اصلی رو هم بهتون بدم http://denj.ichimoku-fibo.ir/api-docs اصلیش اینه، اگه بتونید توضیح بدید که چطور باید از استفاده کنم ممنون میشم

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

سلام یه سوال داشتم من تو vuetify تو دیتاتیبلم داده هام رو transform می کنم مثلا اگه سرور جنیست رو به هم 1 بده من تو تیبل مرد و اگه 2 بده زن نشون میدم یه اینپوت سرچ هم دارم ولی وقتی مرد سرچ می کنم دیتا بهم نشون نمیده ولی وقتی میزنم 1 دیتا رو بهم نشون میده می خواستم بپرسم چه طوری می تونم سرچم رو روی داده های transform شده فعال کنم ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام ایشالله در ویدیو ها بررسی میکنیم و اینجا نمیتونم توضیح بدم.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

واقعا پشتیبانیتون عالیه واقعا ممنون که پاسخ میدید

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

سلام و خسته نباشید 1.سوالم اینه برای یک سایت بزرگ مثل نمناک و دیجی کالا درسته که از spa استفاده کنیم یا mpa درست تره؟ 2. و ایا هر دو در این دوره اموزش داده میشه؟ ممنون میشم پاسخ بدید

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

شما در حال حاظر برای vue دو جایگزین دارین یکی jquery و یکیم react که میشه گفت ویو از هردوشون بهتره برای mpa، پس بنظرم بهتره ادامه بدیم چون یادگیری ویو هم اسونتره از بقیه

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

اول از همه ممنون از پاسخگوییتون بعد اینکه من که قصدم mpa هستش شما vue رو پیشنهاد میدید ادامه بدم؟؟ یا تغییر مسیر بدم!

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

من همچنین چیزی نگفتم. استاندارد نیست یعنی به صورت کلی اپلیکیشن های ویو که ساخته میشن درصد عمده‌ای SPA, SSR, SSG هستن، به همین دلیل اینا استاندارد ساختن اپلیکیشن با استفاده از ویو هستن. اما mpa روش ساختن اپلیکیشن با استفاده ویو نیست که اصلا بخوایم پوشش بدیم یعنی پیج های مختلف معمولا توسط یه زبان یا فریم ورک .. دیگه ساخته میشه تا ویو. به عنوان مثال خودم در بعضی پنل ادمین های خودم از ویو به شکل mpa استفاده میکنم ولی به صورت خیلی بیسیک.

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - saeed A
saeed A

یعنی میخواید بگید vue برای mpa مناسب نیست؟

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام اگه از نظر سئو اینا رو مقایسه کنیم mpa بهتره. mpa خیلی سخت نیست و کافیه vue رو در صفحات مختلف استفاده کنیم و توی فصل اول هم به این پرداختیم چجوری میشه توی یه فایل html از ویو استفاده کرد. هرچند فقط یه پیج بود اما میتونین اطلاعاتی که در فصل های مربوطه بسطش بدین به mpa وگرنه به صورت کامل به mpa نپرداختیم چون توی جامعه ویو این روش اصلا استاندارد نیست.

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

سلام جناب حمزه ای عبادت قبول حق اگر میشه لطفا در ادامه مباحث یک پروژه چت گفتگو یا بحث تیکت در این دوره رو پوشش بدید تا کامل تر بشه با تشکر

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام، به دلیل اینکه این مباحث نیاز به بک اند دارن نمیتونیم پوشش بدیم متاسفانه. نمیخایم پیش نیاز دیگه هم به دوره اضافه کنیم که همه بتونن ازش استفاده کنن. یه راه حل جایگزین هم داریم به اسم firebase اما نظر سنجی گذاشتیم و دوستان موافق این هستن یه دوره دیگه بذاریم، که بک اندشم خودمون بزنیم تا اینکه توی همین دوره باشه و از دیتابیس فایربیس (که تحریم شده) استفاده کنیم.

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

سلام اگه ممکنه تو vuex بحث lazyload کردن state های هر ماژول رو هم بفرمایید ممنون

آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام به دلیل اینکه مبحث مربوط میشه به بهینه سازی حتما پوشش میدیم.

سون لرن

سون لرن,چت مشهد,مشتی چت,شرق چت

سون لرن آموزش برنامه نویسی

سون لرن,دوره php,دوره ری اکت جی اس,دوره پروژه محور ری اکت

سون لرن,وب اموز,دوره php,دوره ری اکت جی اس,دوره پروژه php

کلمات سایتی : دیجی کالا , فرادرس , فرانش , تاپ لرن , ویرگول , کوئرا , کلیک سایت , سون لرن , ایران سرور