30 درصد تخفیف برای دوره ها تا --->

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

دسته بندی: طراحی و برنامه نویسی وب
آموزش پروژه محور ویو جی اس (Vue.js 3) به صورت کاربردی
4.7 از 21 رای
  • تعداد شرکت کننده گان: 98 نفر
  • جلسات منتشر شده: 185 جلسه
  • مدت زمان دوره: 56:24:00
  • قیمت دوره: 249000 تومان - 174300 تومان
  • وضعیت دوره: در حال برگزاری
  • درصد تکمیل شده: 80%
80%
توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

899

دانشجو دارد

5

دوره دارد

708

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

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

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

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

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

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

آموزش پروژه محور ویو جی اس (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) به صورت کاربردی - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

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

سلام استاد حمزه ای، چند تا سوال داشتم ، من میخوام توی ویو ( با کمی کار قبلی) قدمی حرفه ای رو شروع کنم ، به نظرتون این دوره رو بخرم یا دوره ویرگول رو؟ و اینکه توی دوره ویرگول گفتین (توی کامنت ها) که فصل اول این دوره رایگان هست درحالی که فقط جلسه اول از فصل اول رو رایگان گذاشتین (من با دلخوشی اومدم دانلود کنم دیدم فقط جلسه اول رایگان هست) و اینکه این دوره که هنوز تکمیل نشده برای بحث خریداری چه طوری میشه؟ یعنی جلسات رو چه طوری دانلود میشه کرد در ادامه؟

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

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

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

ممنون استاد ..ادرس ریپوزیتوری گیتم اینه: https://ghazalehsamoudi.github.io/exercise-11/

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

سلام کافیه شما یه فایل index.html بسازین.

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

جناب همزه ای بنده اصلا laravel-mix بلد نیستم چون دیدم در این دوره اینو نام بردید آیا نیاز هست که laravel که فریم فورک php هست یاد بگیریم

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

سلام فصل laravel-mix فقط دو جلسه هست و اونم فقط مربوط میشه به نحوه استفاده از vue.js در laravel همین و میتونین از این فصل عبور کنین.

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

سلام من میخوام از پلاگین swiper که معرفی کردید چند جا استفاده کنم ولی فقط می خوام یه بار css ,js ایمپورت کنم و چند جا استفاده کنم ایا امکانش هست ؟ ممنون

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

سلام بله امکانش هست و اگه جلسات بعدی رو نگاه کنین با استفاده از کامپوننت SwiperSlider اینکارو اینجام دادیم.

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

با سلام وقت بخیر بنده با Asp.net core کار میکنم آیا میتونم با دوره شما بر این فریم ورک مسلط بشم و بک اند با asp کار کنم آیا این دوره به کار من میاد

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

سلام بله میتونین چون فرانت و بک انتون رو به صورت جدا میسازین. دلیل اصلی که ما در این دوره بک اند نداریم همینه چون افراد مختلف با فریمورک و زبان مختلف درخواست دارن بک اند با اون باشه از جمله ,laravel, asp.net core, django, express که بعضی از دانشجوهای این دوره با این فریمورک ها کار میکنن پس مشکلی از لحاظ ندارین.

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

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

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

تغییراتی که ویو رو براوزر(DOM) انجام میده بهش میگن رندر کردن. البته به صورت خیلی بیسیک و ساده

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

سلام ممنون از اموزش خوبتون..در جلسه ی 24 وقتی توی netlify ادرس رو میسازه و روش کلیک می کنم بهم ارور 404 میده..حتی توی git هم روی اون ادرس می زنم همین ارور رو دارم..ممنون میشم راهنماییم کنید

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

سلام ادرس ریپازیتوری گیتهابتون چیه؟

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

سلام وقت به خیر یه سوال داشتم من میخوام یه سایت بنویسم می خواستم بپرسم برای فرانتش اگه از vuetifyاستفاده کنم تو حجم نهایی چقدر تاثیر داره ؟ اصلا استفاده کنم یا نه ؟ و اینکه اگه از vuetify استفاده کنم تو ssr به مشکل می خورم یا نه ؟ ممنون

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

سلام ویوتیفای کار رو برای ساخت فرانت خیلی راحت میکنه اگه اپلیکیشن فرانتتون پیچیدس و وقت کمی دارین استفاده ازش رو حتما پیشنهاد میکنم. اما در کل فریمورک خوبی هست چون میشه با treeshaking حجم نهایی رو هم کم کرد https://vuetifyjs.com/en/features/treeshaking/ در نهایت ویوتیفای با ناکست هم مشکل خاصی نداره.

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

سلام و خسته نباشید . به نظر شما ساختن فرانت با ویو و بعد گرفتن api از وردپرس کار درست و بهینه ای هست ؟ چون من بیشتر تمرکزم روی فرانت هست و صرفا میخوام بتونم بکند پروژه ها رو هم خودم بزنم میخواستم برم سمت اینکه از وردپرس داده هارو به صورت json بگیرم . اما نمیدونم این کار از نظر سئو و کلا استاندارد های طراحی وب بهینه هست یا اینکه مشکلاتی داره که نمی صرفه این روش ؟یا اینکه شما روش دیگه ای رو پیشنهاد میکنید . ممنون .

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

سلام بله میتونین از rest-api وردپرس هم استفاده کنین و مشکلی هم نداره. اگه میخاین فقط فرانت کار کنین یا باید از cms استفاده کنین یا از دیتابیس هایی مثله firestore. وردپرس در حال حاضر بهترین cms موجود هستش به دلیل پلاگین های متعددی که داره میتونین از headless-cms ها استفاده کنین مثله وبلاگ فصل rest-api این دوره و ببینین که با کدوم راحتتر هستین.

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

سلام اگه ممکنه در مورد نوشتن plugin و استفاده از mixin تو vue هم اموزش بزارید ممنون

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

سلام ما در این دوره mixin رو بررسی نخواهیم کرد به دلیل انتی پترن بودن اون. توی جامعه ریکت از 5 سال پیش کم کم ازش فاصله گرفتن اما توی ویو تازه به راه حل composition api رسیدن و ما هم در این دوره به صورت کامل composition api رو بررسیش کردیم. میتونین این مقاله رو مطالعه کنین هرچند برای ریکت هستش اما خیلی مفیده https://reactjs.org/blog/2016/07/13/mixins-considered-harmful.html . و در نهایت نوشتن پلاگین بهش فکر کردم اما دیدم که کاربردی نخواهد بود، چون اگه یه پلاگین میساختیم باید کامل باشه و خیلی چیزا رو در اون لحاظ کنیم و این خودش کلی زمان میبره، اما در فصل پیشرفته renderless متوجه میشیم که فریمورک هایی مثل ویوتیفای چجوری ساخته میشن که درک بهتری از اون داشته باشیم.

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

سلام بازم ممنون بابت آموزش خوبتون من از وب پک برای کامپایل کد های es6 استفاده میکنم و میخواستم بدونم یک کامپوننت vue رو چجوری با وب پک کامپایل کنم؟ تو این آموزش به این مورد اشاره کردید؟ (حتی اگه بشه لینکی هم در این رابطه بهم بدید عالی میشه.

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

سلام دوست عزیز منم برای کامپایل کردن کدای es6 در کامپوننت های vue از وبپک استفاده میکنم، منتهی با استفاده از ابزار هایی مثله vue-cli و laravel-mix. در این دوره هیچ نیازی به توضیح دادن وبپک ندیدم چون خود وبپک پکیج پیچیده ای هست که دوره تخصصی خودشو میخاد و توی اکثر پروژه ها از خود وبپک استفاده نمیکنن بلکه از ابزارهاش مثله vue-cli استفاده میکنن.

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

سلام برای پیاده سازی oAuth 2 , oidc چه پکیج vue رو توصیه می کنید ؟

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

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

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

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

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

سلام اتفاقا صحبت کردیم ولی به صورت مختصر در ویو تزریق وابستگی یا dependency injection رو با استفاده از provide/inject پیاده میکنیم. که این رو توضیح دادیم توی جلسات قبل، اما نکته ای که قابل توجه هست برای بیشتر اپلیکیشن های بزرگ کسی از این روش استفاده نمیکنه بلکه میرن سراغ پترن flux که میشه vuex توضیحات در مورد این قسمت زیاده و سعی میکنم توی فصل خودش کامل توضیح بدم چرا توی اپلیکیشن های بزرگ بهتره از vuex استفاده کنیم.

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

سلام وقتتون بخیر،دوره تون واقعا عالیه دمتون گرم :) فقط اگر ممکنه در رابطه با انیمشن ها هم صحبت کنید

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

سلام دوست عزیز در حال حاضر جز سرفصل ها نیست اما این مورد رو حتما بررسی میکنم.

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

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

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

سلام ممنون بابت پیشنهاد خوبتون اما تا حالا مشکل خاصی الحمدلله توی دوره نداشتیم و بیشتر سوال و پیشنهاد بوده که هم سوال و هم پیشنهاداتتون رو میتونین اینجا بگین. اگه مشکل خاصی هم داشتین میتونین با اقای نیکو در تماس باشین که به من در تلگرام وصل بشین.

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

سلام دارم رو یه پروژه node js کار میکنم و تقریبا وسط کارم لازمه از vue cli استفاده کنم و اول کار با دستور create یک پروژه جدید ایجاد میکنه! نمیخوام پروژه جدیدی ایجاد کنم ، فقط میخوام تو همین پروژه ازش استافاده کنم! چیکار باید بکنم؟

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

سلام اگه از vue-cli استفاده میکنین بهتره پروژه بک و فرانت جدا باشه. اگه میخاین فقط داخل یک پروژه باشن باید از یک کامپایلر استفاده کنین. من به دلیل اینکه node.js به صورت تخصصی کار نمیکنم اطلاعی ندارم اما برای لاراول یه ابزار داریم به اسم laravel-mix و شما هم کافیه سرچ کنین یه همچنین کامپایلری برای نود وجود داره یا ن.

سون لرن

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

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

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

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

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