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

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

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

293

دانشجو دارد

3

دوره دارد

455

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

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

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

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

دوره ساخت وب سایت مشابه 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 - Farid
Farid

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

دوره ساخت وب سایت مشابه 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

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

سلام استاد ارادت من php oop بلدم با لاراول تا حد متوسط فقط پرژوه با این دوتا انجام ندادم آیا این دوره برای شرایط من مناسب است؟

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

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

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

سلام خدا قوت ، بخش realtime با pusher هست یا redis ؟؟

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

سلام دوست عزیز با ردیس و socket.io

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

سلام من توی وب سایتی که با vue.js زدم از api های یه وب سایت دیگه استفاده کردم و الان خطایaccess-control- allow-origin دارم و مثل اینکه بخاطر این که فراخوانی api از یه سرور در سرور دیگه ای بلاک هستش داخل مرورگر البته api هام داخل postman اجرا میشه هر کاریش میکنم درست نمیشه ممنون میشم راهنمایی کنید

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

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

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

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

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

سلام مجدد استاد یک خواهش دیگه آموزش رمز گذاری سورس پروژه مثلا با ioncube هم داده بشه چون خیلی مهمه ممنون از لطف و تدریس عالی شما

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

سلام وقت بخیر استاد توفیقی برای ساخت اپلیکیشن موبایل با vue فقط از طریق pwa میشه استفاده کرد راه دیگه ای نیست؟

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

سلام دوست عزیز. معلومه که هست هم به صورت native هم به صورت Hybrid(کوردووا) میشه اپ های موبایل رو ساخت توی vuejs . با استفاده از فریمورک quasar که محبوب هم هست میشه خیلی راحت اپلیکیشن بین پلتفرم ساخت منتهی دسترسی تمام به api ندارین و سرعتش هم پایینتر هست نسبت به native

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

پیشنیاز این دوره رو گفتید اشنایی با لارول و ویو .... برای اشنایی چه دوره ای رو پیشنهاد میکنید؟ چون من ویو و لاراول کارنکردم

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

سلام. برای لاراول که اقای اعظمی دوره رایگان دارند و به نظرم از کامل ترین دوره های لاراول توی وبه. متاسفانه دوره vue.js فارسی به ذهنم نمیرسه. ایشالله خودم دوره ویوجی اس رو برگذار میکنم. اما اگه نمیتونین صبر کنین فقط میتونم لاراکستس رو پیشنهاد کنم دوره ویو جی اسش رو ولی انگلیسیتون باید خوب باشه اینم از سایتش http://vuecasts.com/

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

سلام توفیق جان . ی وب سایت با لاراول و ویو زدیم با دوستم.ولی الان توی بعضی صفحاتش وقتی برای بار اول وارد میشم همه چیز درست. ولی اگر رفرش کنم صفحه رو , ارور 404 میده. این لینکش هست http://schoolarad.ir هر دلیلی که میتونه داشته باشه رو بگو خواهشا حتی اگر شک داشتی.

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

سلام دوست عزیز. سایت شما با vue.js ساخته شده لاراولو به صورت api استفاده میکنین. حالا مشکلتون فقط اینه فایله htaccess. رو فراموش کردین. اساسا مشکل شما اینه وقتی وارد میشین میرین توی index.html و بعد که روت های دیگه رو میزنین با استفاده از با استفاده از جی اس هندلش میکنین. ولی وقتی رفرش میشه با استفاده از وب سرور اینکارو انجام میدین(که نمیتونه) چون همچنین چیزی وجود ندارد توی دایرکتوری. حالا با استفاده از این فایل میگیم که وارد فایل index.html شو تا با استفاده از جی اس پیدا کنه روتو. چون اینجا درست نمایش نمیده لینک میزارم تا هر نوع سروری بتونین رانش کنین https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

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

سلام ضمن تشکر از سایت وب آموز و جناب استاد توفیق حمزه ئی خواستم ببینم پروژه از لحاظ بک اند وفرانت اند در چه حد مشابه وب سایت ویرگول هست ؟ چون من سایت ویرگول رو برسی کردم و دیدم واقعا فیچر های زیادی داره و این که به نظرم پیاده سازی این همه امکانات یکم سنگین باشه و وقت گیر خواستم در این مورد نظرتون رو بدونم تشکر

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

سلام اقا فرید. توی این دوره سعی بر اینه دانشجو هایی که با vue و laravel اشنا هستن بتونن یه اپلیکیشن خوب spa ایجاد کنن برای همین بیشتر سعی بر اینه فیچرهای فرانت و بکی که توی ویرگول وجود داره تحت یک چالش کم کم اونا رو ایجاد میکنیم(و تعدادشون هم زیاد نیست). ولی توی این دوره سعی بر این نیست تمام تکنولوژی های ویرگول استفاده کنیم چون الان laravel, vuejs, vuetify,composition api, vuex, dropzone, tiptap editor, laravel-sanctum, laravel-telescope استفاده شده که هر یک از اینا رو هر در حد پیشرفته سعی میشه توضیح بدم :))

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

سلام استاد .. آموزش vue نمیزارین..؟؟؟

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

سلام دوست عزیز ایشالله بعد ستیبل شدن vue 3

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

سلام. آیا برای بهینه سازی تصاویر چه زمان ذخیره سازی و چه زمان نمایش اونها، کاری میشه کرد با پکیجهای لاراول؟

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

سلام. یکی از پکیج های spatie خوبه (طبیعتا) https://github.com/spatie/laravel-image-optimizer . ولی چرا اینو دوره قرار ندادم چون با ویندوز مشکلاتی داره و هیچ برنامه ای برای حل اون ندارن بنابراین یا لینوکس داشته باشین یا با ابزارهایی مثله homestead از قابلیت linux استفاده کنین اما این از بحث این دوره خارج هست ایشالله یه دوره دیگه.

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

قسمت 88 و 86 یکیه. لطفاً قسمت 88 رو قرار بدین.

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

سلام درست شد

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

سلام مجدد اول سپاس از زحمات بی دریغانه شما استاد عزیز اگر لطف بفرمایید چند جلسه درباره استفاده از Nuxt یا ssr در vue هم اختصاص بدین صرف فقط اشنایی با این مقوله ها ممنون میشم

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

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

سون لرن

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

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

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

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

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