دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa -جلسه معرفی دوره و پیش نمایشی از پروژه
دسته بندی: طراحی و برنامه نویسی وب

توفیق حمزه ئی
1427
دانشجو دارد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 در اینده ؟
توفیق حمزه ئی
سلام بله. و بخاطر اینکه از composition api استفاده میکنیم توی دوره موقعه ارتقا به ویو 3 تغییرات بسیار کمی لازم هست در اپلیکشن ایجاد بشه
اکبر
سلام من این دوره رو تازه شروع کرده بودم در مورد بازتولید توضیح میدید؟
توفیق حمزه ئی
سلام یعنی دوره قبلی رو تهیه نکردید ؟ نظرات پایین تر رو بخونید لطفا متوجه میشید فرق این دوره با اون دوره قبلی رو
mrbardia72
بازم مثل همیشه یه دوره خوب دیگه ممنون از آقای توفیق حمزه ای و از تکنولوژی های بروز استفاده شده
توفیق حمزه ئی
سلام دوست عزیز خیلی ممنون :) و امیدوارم لذت ببرین
امیر اردکانی
سلام بابت آموزش خیلی ممنونم , لطفا طی این دوره در رابطه با سئو در سایت های spa هم اشاره ای کنید. با تشکر
توفیق حمزه ئی
سلام دوست عزیز vue-meta رو برای سئو سایت استفاده میکنیم
امیر
آقا شما دمتون گرمه :)
توفیق حمزه ئی
تشکر :)
hj021hj
آقا دمت گرم فدایی داری که دوباره ضبط کردی - با اینکه هزینه دوره قبلی ناچیز بود ولی برای ما رایگان گذاشتید - ان شاالله که موفق باشید
توفیق حمزه ئی
انشالله که بازم نکات خوبی رو در این دوره یاد بگیرین
علیرضا
با سلام . فرق این دوره با دوره قبلی چیه ؟
توفیق حمزه ئی
سلام داخل این دوره از vue composition api استفاده میشه کدای ویوجی اس تبدیل میشن به سینتکس vuejs3 این تفاوت ها کاملا توی کدا واضح میبنید و Laravel Sanctum استفاده شده که درجدیدترین نسخه لاراول و ارائه شده میتونید در موردش سرچ کنید و بخونید همچنین از vuetify برای ui استفاده شده که کار مارو در ساخت قالب بسیار اسان میکنه و ضمن اینکه پروژه این دوره سعی شده تقریبا ۹۰ درصد چه ظاهر و چه امکانات مشابه سایت ویرگول باشه همچنین بیشتر از vuex استفاده میکنم البته اول به صورت ساده استفاده میشه و بعد میریم به سمت ماژولار کردن vuex تا دوستان بتونن همراهی کنن و اینکه نسبت به اون دوره قبلی هم پروژه ظاهری بهتری داره هم فیچر های بیشتری رو براش در نظر گرفتیم و درنهایت با توجه به اینکه اون دوره قبلی اولین تجربه من برای ضبط ویدیو بود مشکلات فن بیان و کیفیت صدا و تصویر داشت که توی این دوره به مراتب بهتر شده