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

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

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

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

1633

جلسه منتشر کرده

6

دوره دارد

788

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

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

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

ارسال نظر

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

درود استاد، ممنون از دوره بسار مفید و آموزندتون ، من به یه مشکلی خوردم و همه تنظیمات برای sanctum رو مثل دوره انجام دادم و اینترنت رو هم برای رفع مشکلم خیلی جستجو کردم ولی به جوابی نرسیدم ، اگه راهنمایی کنید ممنون می شم. من وقتی که یه درخواست به route زیر ، در api.php می فرستم با خطای 401 مواجه می شم ولی اگه هین route رو در فایل web.php کپی می کنم ، مشکلی نداره و authorize می شم و کاربر شناسایی می شه. Route::middleware('auth:sanctum')->get('/me', function (Request $request) {return $request->user();}); البته برای تمام route هایی که middleware('auth:sanctum') رو قرار می دم این مشکل وجود داره و مجبورم اون route رو کپی کنم تو web.php که بتونم استفاده کنم. اگه کمک کنید خیلی ممنون می شم . من از laravel 9 دارم استفده می کنم و پروژم رو بردم جلو برای مشتری و الان این مشکل برام دردسر ساز شده.

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

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

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

سلام من این اموزش رو خریداری کردم ویو نصب میشه ولی کار نمیکنه میشه بگید باید چیکار کنم ؟

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

سلام استاد خسته نباشید من لاراول 7 رو با دستور زیر نصب کردم composer create-project --prefer-dist laravel/laravel:^7.0 virgool همچنین laravel/ui رو با این کامند composer require laravel/ui:^2.4 نصب کردم بعدش این دستور php artisan ui vue --auth رو اجرا کردم و در آخر هم این دستور کامپایل رو npm install && npm run dev ولی متاسفانه sass واسه م کامپایل نمیشه لطفا راهنمایی کنید درستش کنم

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

سلام واسه ادمین هم پنل اختصاصی ایجاد میکنید؟ توی معرفی دوره نبود انگار

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

سلام خسته نباشید استاد من وقتی برای قسمت پروفایل از ادرس api/me اطلاعات میخوام بگیرم ارور 401 Unauthorized بهم میده باید چیکار کنم؟

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

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

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

سلام خسته نباشید برای ورژن 3 ویو ابدیت نمیدید؟

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

بستگی به میزان تغییرات داره. الان ناکست ورژن ۲ به ۳ قابل ارتقا نیست متاسفانه. از قرار معلوم ویوتیفای هم تغییرات گسترده‌ای داشته باید صبر کنیم تا ببینیم api ویوتیفای چقدر تغییر میکنه.

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

اما اگه بیاد ابدیت میدید؟

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

سلام برای ویو 3 هنوز ویوتیفای حتی نسخه بتاش هم نیومده و هنوز الفا هست نمیتونیم فعلا اپدیت کنیم

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

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

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

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

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

سلام خسته نباشید من در جلسع دوم موقعی میهواستم سرو کنم به این خطا برخوردم Please provide a valid cache path. ممنونممم

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

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

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

سلام، من در قسمت آپلود تصویر (قسمت 61 ) تمام مراحل را بدرستی انجام دادم ولی زمانی که فانکشن آپلود تصویر را بصورت ماژول قرار میدم عکس تغییر نمیکنه ولی در devtools متغیر عکسم تغییر میکنه ولی در صفحه نمایش داده نمیشه !! ولی اگر ماژول نکنم و فانکشن آپلود تصویر در خود پروفایل قرار بگیره تابع درست کار می کنه و مشکلی نیست!!! ممکنه راهنمایی کنید؟

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

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

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

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

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

خیلی ممنون از راهنماییتون

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

سلام به نظرم موارد بیسیک ویو هرچی که لازمه رو قبل شروع دوره یاد بگیرین. به نظرم فصل های 1، 4، 5، 7 و 8 از دوره ویو رو باید بلد باشین.

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

سلام خسته نباشید برای این دوره من باید برم دوره vue 3 اول نگاه کنم بعد این یا نه میتونم این رو نگاه کنم؟

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

سلام کافیه ویو بلد باشین، ورژن ۲ هم اوکی هست.

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

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

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

سلام دوست عزیز باید مثل سلاگ ها عمل کنیم. اول یه رشته رندوم میسازیم بعد چک میکنیم تو دیتابیس هس یا نه اگه بود به همون یا یه چیزی اضافه میکنیم یا یه رشته جدید میسازیم، بعد بازم چک میکنیم که وجود داره یا نه این روندو اینقد ادامه میدیم که مطمئن بشیم یونیک هست.

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

salam man be moshkele jedi khurdam vuetify roye projam nasb mishe vali kar nemikone laravelam 8 hast be khatere ine?

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

سلام تو تل در ارتباط باشید تا راهنماییتون کنیم

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

سلام؟ منکه vue کار نکردم و فقط بک اند کار میکنم آیا این دوره لاراولش رو میتونم استفاده کنم؟

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

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

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

سلام استاد وقت بخیر. به نظر شما جایگزین مناسب برای vuetify که از نظر preformance مناسب باشه چه ui framework هست؟ با تشکر

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

ممنون استاد

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

سلام، میشه گفت ویوتیفای نسبت به بقیه خیلی بهتره برای همین شما اگه اپلیکیشنتون ui سنگینی داره که بهتره از همین ویوتیفای استفاده کنین در غیر این صورت خودتون باید کامپوننت هاتونو بسازین.

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

سلام میخواستم بدونم ورژن ویو که داخل پروژه استفاده کردید چند هستش چون من ویو 3 رو تازه آموزش دیدم و میخوام با لاراول 8 ببینم چطور میشه استفاده کرد ممنون

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

سلام از ورژن 2 استفاده کردیم و فعلا قابل اپدیت نیست چون ویوتیفای از ورژن 3 پشتیبانی نمیکنه.

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

سلام جناب جمزه ایی من تو قسمت 218 فایلهای آخر پروژه رو باز کردم - پروژه فایل ایندکس نداره، فایلها رو در اختیار ما قرار ندادین؟

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

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

دوره ساخت وب سایت مشابه Virgool.io با Vue.js و Laravel به صورت spa - m
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

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

احتمالا با دستور npm i کارتون راه بیوفته. ولی اگه از میکس جدید استفاده میکنین تنظیمات لازم خودشم داره که توی کانال تلگرامیمون اموزشش رو قرار دادم.

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

درباره pwa هم صحبت میکنین تو این آموزش ؟

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

سلام خیر

سون لرن

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

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

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

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

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