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

دسته بندی: طراحی و برنامه نویسی وب
دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa
4.7 از 25 رای
  • تعداد شرکت کننده گان: 211 نفر
  • جلسات منتشر شده: 219 جلسه
  • مدت زمان دوره: 52:13:00
  • قیمت دوره: 89000 تومان
  • وضعیت دوره: تکمیل شده
  • درصد تکمیل شده: 100%
100%
توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

341

دانشجو دارد

3

دوره دارد

456

جلسه منتشر کرده
دانلود این قسمت (قسمت 1 )
نصب vuex
00:16:00
EventBus
00:05:00
lazy load
00:12:00

باز تولید دوره وبلاگ - ساخت وب سایت مشابه 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)
  • ارسال نوتیفیکشن هنگام لایک شدن یا ارسال یک نظر در نوشته کاربر
  • ارسال ایمیل هنگام لایک شدن یا ارسال یک نظر در نوشته کاربر در صورت فعال بودن فیلدها
  • نمایش جدید ترین نوشته های دوستان
  • جستجو در بین نوشته ها

میتوان اشاره کرد.

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

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - Amir
Amir

سلام ببخشید میخواستم بپرسم که آیا میشه این دوره رو تو لاراول 8 هم پیاده سازی کنم؟ مشکلی نداره؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

سلام یه سوال داشتم تو پروژه چون فرانت و بک روی یه هاست هست سنکتام اوکیه حالا فرض کنید فرانت و بک من سواست و فرانت روی localhost:4200 هست اینجا برای اینکه از سنکتام استفاده کنم باید پروکسی بنویسیم ؟ و حالا فرض کنید فرانتم رو بیلد گرفتم و میخوام پبلیش کنم اگه url سایتم با بک اندم یکی نباشه مثلا api ها رو از virgool.me کال می کنم و url م هست myDomain.com اینجا سنکتام کار میکنه ؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - masood
masood

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - پرهام تهرانی
پرهام تهرانی

سلام وقت بخیر بعد از استفاده از compositionApi برای رجیستر ارور CSRF token mismatch ldni میده مشکل از کجاست؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز. این اررور به دلیل ست نشدن کوکی نمایش میده براتون که میتونه از cors یا درست نبودن سشن دومین باشه. موردی که خیلی دیدم دوستان از localhost:8000 به جای یک دومین مجازی استفاده میکنن که کار رو سخت میکنه هرچند با درست ست کردن دومین میشه با همین دستور serve کار رو پیش برد ولی پیشنهاد میشه که از یک دومین مجازی استفاده کنین. این موارد برسی کنین توی دوره هم هست ولی اگه نتونستین درست کنین اررور رو با من در تماس باشین تا دقیقا بدونم اررور از کجاست و با هم حلش کنیم.

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

سلام وقت به خیر شما موقعی که دارید تو صفحه ثبت نام با استفاده از vuetify و compositionapi روی فیلد ها ولیدیشن می نویسید اگر console رو نگاه کنید این خطا رو دارید [Vuetify] Rules should return a string or boolean, received 'function' instead found in ---> at resources/js/view/Auth/Register.vue

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - milad imani
milad imani

سلام استاد گرامی چطور میشه با شما ارتباط برقرار کرد؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام اقا میلاد عزیز. با اقای نیکو در تلگرام با ایدی @nikoo_mohammad تماس بگیرین.

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

سلام می خواستم بدونم بحث lazy-load تصاویر تو کدوم قسمت هست ممنون

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز توی این از lazy-load تصاویر استفاده نشده

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

سلام می خواستم بپرسم تو سئو اپلیکیشن های spa صرف ssr کردن کفایت میکنه یا استفاده از روش های مرسوم مثل استفاده بیشتر از تگ های h هم موثره؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام. ssr فقط تگ های مربوط به html رو توی سورس لود میکنه و فقط این مشکل رو حل میکنه البته مزیت و معایبی داره ولی سئو تنها این تگ ها و یا به عنوان مثال فقط استفاده بیشتر از تگ های h نیست بلکه پارامتر خیلی زیاد در این مورد دخالت داره.

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - h-shafai
h-shafai

سلام جناب حمزه ای عزیز من این دوره شما را بخش معرفیش رو نگاه کردم و اینقدر ذوق کردم که دوره به این کاملی وجود داره تو ایران که به سرعت اون رو خریدم الان بنده با لاراول و vuejs کار کردم و تسلط نسبی خوبی دارم ولی خوب نه با سوکت نه با ردیس نه با vuetify کار کردم و همچنین laravel sanctum رو نمیشناسم میخواستم بدونم این در این دوره بنده به مشکل میخورم یا نه شما خودتون این موارد رو توضیح دادین تو آموزش خیلی ممنون از این آموزش خوب و وقتی که گذاشتید

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

سلام وقت به خیر می خواستم بپرسم واقعا nuxt چقدر تو عملکرد پروژه های vue تاثیر می گذاره منظورم بحث ssr نیست منظورم بهبود عملکرد اپلیکیشن هست در ضمن اگه میشه یه منبع خوب هم برای یادگیریش معرفی کنید ممنون

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام ناکست یه فریمورک که خیلی از کارهارو برامون انجام داده از قبل برای همین گاهی وقتی ممکنه از این لحاظ دستمون رو ببنده و همچنین توی حالت spa فرق انچنانی با vue نداره به جز این که ساختار خوبی داره به همراه یه سری پلاگین ولی در حالت ssr قضیه یه خورده پیچیده میشه چون با سرور node داریم کار میکنیم و یه سری مشکلات مخصوص داره(البته برای یادگیری نه خود ناکست). ناکست چیز خاصی نداره و با خود داکیومنت هم راه میوفتین برای منبع فارسی چیزی نمیدونم ولی حتما توی دوره vue.js هم این مورد رو ایشالله پوشش خواهم داد :)

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - رایموند
رایموند

درود خوبی... در این آموزش تست نویسی انجام شده؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز. خیر در این دوره هیچ گونه تست نویسی نداریم

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - Ziya
Ziya

سلام، من بخوام از سورس های هر قسمت ران بگیرم، باید چه کارهایی انجام بدم؟ همیشه ارور میخورم، کاری که الان میکنم اینه اول: composer install دوم: npm install سوم: دیتابیس میسازم و تو env.example هم اسم دیتابیس رو مینویسم بعد میزنم php artisan migrate چهارم: php artisan serve تو قسمت مایگریت کردن به ارور میخورم، همین ترتیب درسته یا باید کار دیگه ای کنم؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز. با اقای نیکو @nikoo_mohammad تماس بگیرین تا در تلگرام اررورتون رو برسیش کنیم.

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - webmr۱۹۹۰
webmr۱۹۹۰

سلام تشکر بابت دوره ویرگول کی دوره فروشگاه فایل ریفکتور میشه ؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلان دوست عزیز فروشگاه فایل از vue.js به صورت پیشرفته استفاده شده بود بنابراین تصمیم بر این شده برای اینکه دوستان بتونن به خوبی همراهی کنن دوره رو اول یه دوره vue.js پیشرفته خوب(امیداورم) بسازیم.

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - Sajjad
Sajjad

سلام. ببخشید تهیه sitemap در سئوی این اپلیکیشن و کلا spaها تاثیری داره؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام قطعا تاثیر خواهد داشت.

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - مهدی ز
مهدی ز

سلام. ایا این پروژه از لحاظ ssr اوکی هست ؟ یعنی همون مشکل سئویی که توی ریکت هست ایا vue هم داره ؟ و اگر مشکی از لحاظ سئو نداره ایا روی هاست اشتراکی میشه نصب کرد ؟

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام دوست عزیز. خیر این دوره ssr پوشش داده نشده و اینکه هم vue هم react مشکل سئو ندارن بلکه این قضیه برمیگرده به اپلیکیشن های SPA و برای هاست های اشتراکی باید nodejs رو پشتیبانی کنند (به طور معمول) توی همین دوره نحوه آپلود روی هاست رو خدمتون میگیم

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - fm
fm

سلام امیدوارم خوب باشید ممنون میشم بگید دوره VueJs چه زمانی منتشر میشه، شدیدا منتظریم باتشکر

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر
امیر

اجازه بدین vue 3 بیاد چون تغییرات زیاد بوده و به نظر خیلی راحت تر شده

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر حیدری
امیر حیدری

سلام ممنون از دوره های خوبتون می خواستم اگه میشه دوره های بعدی تون رو مثل دوره آپارات ، فرانت و بک رو کاملا از هم سوا کنید همچنین در مورد ssr و pwa با vue.js هم آموزش بگذارید ممنون

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - Arman Amiri
Arman Amiri

سلام آقای توفیق حمزه‌ ئی خواهشا آموزش vue رو شروع کن و پروژه های بعد با api کار کن . ممنون

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

سلام به زودی در نظر داریم

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر
امیر

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - امیر
امیر

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - محمد نیکو
محمد نیکو

سلام امیر جان تو تل با من در ارتباط باش تا به مدرس وصلت کنم @nikoo_mohammad

سون لرن

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

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

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

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

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