دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa -جلسه نصب فونت ها
دسته بندی: طراحی و برنامه نویسی وب
- تعداد شرکت کننده گان: 294 نفر
- جلسات منتشر شده: 219 جلسه
- مدت زمان دوره: 52:13:00
- قیمت دوره: 150000 تومان
- وضعیت دوره: تکمیل شده
- درصد تکمیل شده: 100%
توفیق حمزه ئی
1425
دانشجو دارد6
دوره دارد788
جلسه منتشر کردهباز تولید دوره وبلاگ - ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa
پیشنیاز این دوره اشنایی با لاراول و ویو هستش
در صورت ارائه نسخه جدید لاراول نسخه پروژه این دوره هم اپدیت میشه
این دوره به صورت فولستک تدریس میشه از طراحی قالب الی انتقال بر روی سرور.
قالب با استفاده از vuetify در دوره ایجاد میکنیم که یک ui Library زیبا برای vue.js هست.
همچنین از composition api که یک شکل جدید نوشتن vue در ورژن 3 هست استفاده شده کدای vuejs از ورژن 2(optianal api) به ورژن (composition api) ریفکتور میشه ولی همچنان روش قدیمی قابل استفاده هست.
همچنین برای احراز هویت کاربران از laravel sanctum استفاده شده که به جای توکن از سشن استفاده میکنیم که برای SPAها ایمن‌تر هست.
بخش نظرات به صورت realtime و با استفاده socket.io میسازیم که نیازی به پوشر نداشته باشیم.
همچنین بخش محبوبترین نوشته های سایت از ردیس استفاده میکنیم تا بهینه تر باشه و نیازی به دیتابیس mysql نباشه.
ایمیل ها با استفاده از جاب ها به کاربر ارسال میشه تا اگر ارسال ایمیل به مشکل خورد لاراول برای ارسال دوباره تلاش کنه و همچنین بهینه تر باشه.
همچنین بخش ادمین برای مدیریت بخش های محتلف که از data table مربوط به vuetify استفاده کردیم تا حد ممکن شخصی سازی کرده و همچنین قابلیت مرتب کردن و صفحه بندی با استفاده از لارول رو به data tableمون اضافه میکنیم.
در اخر میپردازیم به لاگین با استفاده از گوگل که کاربر با حساب گوگلش هم قادر به لاگین در سایت باشه.
بقیه فیچر ها:
- پروفایل کاربر
- تایید حساب کاربری
- tiptap text editor
- ساخت پیش نویس قبل ایجاد نوشته
- نظرات تودرتو(مانند reddit)
- ذخیره و لایک نوشته ها
- دنبال کردن کاربران(follow)
- ارسال نوتیفیکشن هنگام لایک شدن یا ارسال یک نظر در نوشته کاربر
- ارسال ایمیل هنگام لایک شدن یا ارسال یک نظر در نوشته کاربر در صورت فعال بودن فیلدها
- نمایش جدید ترین نوشته های دوستان
- جستجو در بین نوشته ها
میتوان اشاره کرد.
همچنین در این دوره به روش های مختلف ریفکتور کردن کد ها هم در قسمت بک اند هم بخش فرانت اند گفته میشه و کدامون رو تا حد ممکن خوانا و بهینه میکنیم :)
تا اکنون 177 دیدگاه ارسال شده است. شما نیز دیدگاه تان را بنویسید. ارسال دیدگاه
حمیدرضا خسروی
سلام خسته نباشید برای ورژن 3 ویو ابدیت نمیدید؟
حمیدرضا خسروی
اما اگه بیاد ابدیت میدید؟
توفیق حمزه ئی
سلام برای ویو 3 هنوز ویوتیفای حتی نسخه بتاش هم نیومده و هنوز الفا هست نمیتونیم فعلا اپدیت کنیم
amirreza
سلام خسته نباشید من کامنت ها بقیه اعضا خوندم و سایت های دیگ مطالعه کردم ولی همچنان پروژه برای من بالا نمی اد و صفخع سفید هست
توفیق حمزه ئی
سلام دوست عزیز با اقای نیکو در تلگرام در تماس باشید که ببینم مشکل از چی هست
amirreza
سلام خسته نباشید من در جلسع دوم موقعی میهواستم سرو کنم به این خطا برخوردم Please provide a valid cache path. ممنونممم
توفیق حمزه ئی
سلام دوست عزیز من ستاپ شما رو دقیقا نمیدونم که بگم با این دستور درست میشه. اما چه توی گوگل و ستک اور فلو متن رو سرچ کنین میتونین جواب های مختلفی رو پیدا کنین.
نوید سخی طبع
سلام، من در قسمت آپلود تصویر (قسمت 61 ) تمام مراحل را بدرستی انجام دادم ولی زمانی که فانکشن آپلود تصویر را بصورت ماژول قرار میدم عکس تغییر نمیکنه ولی در devtools متغیر عکسم تغییر میکنه ولی در صفحه نمایش داده نمیشه !! ولی اگر ماژول نکنم و فانکشن آپلود تصویر در خود پروفایل قرار بگیره تابع درست کار می کنه و مشکلی نیست!!! ممکنه راهنمایی کنید؟
توفیق حمزه ئی
سلام دوست عزیز اگه میشه کدتونو در یک ریپازیتوری قرار بدین تا بررسی کنم.
حمیدرضا خسروی
سلام استاد خسته نباشید استاد من یه اشنایی کوچیک با ویو دارم و اگه این دوره نگاه کنم مشکلی نداره؟ یا حتما باید برم اول ویو یاد بگیرم چون میخوام با این دوره به ویو مسلط بشم
حمیدرضا خسروی
خیلی ممنون از راهنماییتون
توفیق حمزه ئی
سلام به نظرم موارد بیسیک ویو هرچی که لازمه رو قبل شروع دوره یاد بگیرین. به نظرم فصل های 1، 4، 5، 7 و 8 از دوره ویو رو باید بلد باشین.
حمیدرضا خسروی
سلام خسته نباشید برای این دوره من باید برم دوره vue 3 اول نگاه کنم بعد این یا نه میتونم این رو نگاه کنم؟
توفیق حمزه ئی
سلام کافیه ویو بلد باشین، ورژن ۲ هم اوکی هست.
محسن
سلام استاد وقت بخیر. در قسمتی که مربوط به ساخت لینک کوتاه هست از کجا مطمئن بشیم که استرینگ رندومی که ساخته میشه یونیک هست یا نه؟ چون برای سایت هایی مثل ویرگول بالاخره ممکنه خطا پیش بیاد با این همه تعداد پست. با تشکر فراوان
توفیق حمزه ئی
سلام دوست عزیز باید مثل سلاگ ها عمل کنیم. اول یه رشته رندوم میسازیم بعد چک میکنیم تو دیتابیس هس یا نه اگه بود به همون یا یه چیزی اضافه میکنیم یا یه رشته جدید میسازیم، بعد بازم چک میکنیم که وجود داره یا نه این روندو اینقد ادامه میدیم که مطمئن بشیم یونیک هست.
حمید
salam man be moshkele jedi khurdam vuetify roye projam nasb mishe vali kar nemikone laravelam 8 hast be khatere ine?
محمد نیکو
سلام تو تل در ارتباط باشید تا راهنماییتون کنیم
mehdi
سلام؟ منکه vue کار نکردم و فقط بک اند کار میکنم آیا این دوره لاراولش رو میتونم استفاده کنم؟
توفیق حمزه ئی
سلام حداقل میتونید از دوره ویو همین سایت که فصل اولش رایگان هست استفاده کنید. احتمالا کمی سوالات براتون پیش بیاد که بیشترشون با یک سرچ ساده حل میشه فقط باید هردو پیشنیاز ویو و لاراول رو رعایت کنین
محسن
سلام استاد وقت بخیر. به نظر شما جایگزین مناسب برای vuetify که از نظر preformance مناسب باشه چه ui framework هست؟ با تشکر
محسن
ممنون استاد
توفیق حمزه ئی
سلام، میشه گفت ویوتیفای نسبت به بقیه خیلی بهتره برای همین شما اگه اپلیکیشنتون ui سنگینی داره که بهتره از همین ویوتیفای استفاده کنین در غیر این صورت خودتون باید کامپوننت هاتونو بسازین.
عماد برزگر
سلام میخواستم بدونم ورژن ویو که داخل پروژه استفاده کردید چند هستش چون من ویو 3 رو تازه آموزش دیدم و میخوام با لاراول 8 ببینم چطور میشه استفاده کرد ممنون
توفیق حمزه ئی
سلام از ورژن 2 استفاده کردیم و فعلا قابل اپدیت نیست چون ویوتیفای از ورژن 3 پشتیبانی نمیکنه.
hasan
سلام جناب جمزه ایی من تو قسمت 218 فایلهای آخر پروژه رو باز کردم - پروژه فایل ایندکس نداره، فایلها رو در اختیار ما قرار ندادین؟
توفیق حمزه ئی
سلام هر جلسه فایل های خودش رو داره به جز قسمت هایی که دیپلوی کردیم که اونم کد خاصی ننوشتیم بیشتر انتقال روی سرور بوده.
m
من تازه این دوره رو تهیه کردم. در قسمت 3 و 4 برای استفاده از vue به مشکل خوردم. وقتی npm run watch رو میزنم این خطا میاد و اصلا vue اجرا نمیشه > development > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules /laravel-mix/setup/webpack.config.js "--watch" [webpack-cli] Error: Unknown option '--hide-modules' [webpack-cli] Run 'webpack --help' to see available commands and options
توفیق حمزه ئی
احتمالا با دستور npm i کارتون راه بیوفته. ولی اگه از میکس جدید استفاده میکنین تنظیمات لازم خودشم داره که توی کانال تلگرامیمون اموزشش رو قرار دادم.
کمیل گازر
درباره pwa هم صحبت میکنین تو این آموزش ؟
توفیق حمزه ئی
سلام خیر
sam
سلام وقتتون بخیر ببخشید بنده در قسمت نصب laravel sanctum اررور 419 دریافت میکنم درحالی که بنده با شما جلو اومدم و کار هایی که گفته شد رو انجام دادم همچنین در قسمت کنسول به 3 اخطار برخورد میکنم Cookie “XSRF-TOKEN” has been rejected for invalid domain Cookie “laravel_session” has been rejected for invalid domain Cookie “Cks1ME79NqlprJsBsnvcLDdPpqPTXhcSuXOxJwLi” has been rejected for invalid domain لطفا راهنمایی بفرمایید
توفیق حمزه ئی
سلام دو مورد باید چک بشه ۱- روی localhost تست نکنین. اگه اینجوریه برای لاراول یه دومین مجازی بسازین ۲- اگه فرانت و بک جداس باید تمام مراحلی که توی داکیومنت نوشته طی کنین و کش رو هم پاک کنین.
zabih
سلام وقت بخیر اگر امکانش هست یه لینک دانلود ایجاد کنید که بشه کل دوره رو یکجا دانلود کرد ممنون
za
سوال دیگه اینکه در کل وقتی حذف میشه پست ها خب عکس ها توی حافظه میمونه من اینجا یکم گیج شدم ممکنه کمی توضیح بدین؟ پیشاپیش از لطف شما ممنونم
توفیق حمزه ئی
سلام راه کار اصولیش به این صورته که یه جدول مخصوص عکسا یا میدیا بسازین و وقتی عکسی ذخیره شده بگین اولا برای مدل Post هستش و دوما ایدیش مثلا ۲ هست. و وقتی پست حذف شد میتونین توی ایونت post تعریف کنین با عکسای نوشته حذف شده چیکار کنه.
za
سلام وقت بخیر سوالی برای من پیش اومده اگر فردی عکسی رو توی ادیتور متن اپلود کنه ولی بعد از اپلود لینکش رو از ادیتور پاک کنه اون عکس حذف نمیشه ولی توی هاست یا سرور باقی میمونه ممکنه بفرمایید راهکار پیشنهادی شما چی هست؟
zabih
سلام آقای حمزه ئی میخواستم بدونم نمیشد پروژه فرانت و بک رو جدا از هم میساختیم و تو یه پروژه نبود؟
توفیق حمزه ئی
سلام میتونستیم ولی این پروژه رو به صورت fullstack بردیم جلو و از مزیت هاش استفاده کردیم.
علی رضوی
سلام در این پروژه از laravel spatie استفاده شده ؟
توفیق حمزه ئی
سلام اگه منظورتون spatie-permissions هست، خیر استفاده نشده.