25 درصد تخفیف برای دوره دیجی کالا با لاراول برای 15 نفر اول

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

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

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

707

دانشجو دارد

4

دوره دارد

644

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

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

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

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

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

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

دوره ساخت وب سایت مشابه 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 - توفیق حمزه‌ ئی
توفیق حمزه‌ ئی

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

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

سلام برای آموزش ویو یک منبع خوب معرفی کنید ممنونم

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

سلام. بهترین مرجع که داک و یکی از بهترین دوره ها http://vuecasts.com/ متاسفانه منبع فارسی نمیدونم ولی خودمون قصد یه دوره خوب vuejs رو در اینده داریم

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

سلام درسته که میگین سایت های spa سئو خوبی ندارن و گوگل نمی تونه اونا رو ایندکس کنه؟

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

سلام نه اینکه نتونه اونا رو ایندکس کنه و میشه با استفاده پکیجی مانند vue-meta سئو رو بهتر کنیم. ولی در کل سئوی اونا خیلی خوب نیست و برای همینم هست که بیستر از ssr استفاده میکنن.

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

سلام استاد عزیز من هنوز دوره رو شروع نکردم و خیلی خوب میشد یه آموزش جامع در مرود VueJS میذاشتید که در مورد خرید دوره آموزشی شما کمتر به تردید بیوفتیم بهرحال توضیحات شما و موضوع آموزش طوری هست که آدم جذبش میشه. ممنون

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

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

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

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

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

سلام دوست عزیز. تا جایی که من خبر داشتم react و لاراول

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

سلام سوالی که داشتم اینه که اگه من نخوام به صورت spa از vue استفاده کنم و مثلابیام شش تا بیشتر کامپوننت vue بزارم داخل پروژم میشه ؟ و میشه داخل یک پروژه هم از vue و هم از jquery استفاده کرد؟ بهینه است اینکار؟

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

سلام دلیلی نیس که بخایم جی کوئری رو همراه ویو استفاده کنیم . علاوه بر بحث بهینه بودن ، ویو که فقط برای spa نیست. هرچی api نوشته با vanilla js یا همون جاوااسکریپت خام و jquery وجود داره میتونین بیارین توی vuejs و استفاده کنین. فقط چون اموزشی نیست خیلی ها فقط یه سری کارهای ساده با vuejs انجام میدن

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

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

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

سلام احتمالا داخل اردیبهشت ماه این دوره رو تموم میکنیم و شاید 30 تا 33 ساعت بشه دوره

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

سلام زمان خاصی مدنظرم نیست بیشتر فیچر های ممکن رو پوشش میدیم و همچنین ریفکتور کردن هم بیشتر هست نسبت به دوره قبلی، برای همین کل دوره هم ساعتش بیشتر میشه

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

با سلام تو این دوره از کامپوننت های ویو مثل کراپر تصاویر و datatable هم استفاده میکنید ؟ و اینکه چه زمانی دوره به پایان میرسه با تشکر

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

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

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

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

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

سلام. ما vue-meta رو برای همین نصب کردیم . توی قسمت نمایش پست ها بخش توضیحات و کلید واژه ها رو هم در meta tag ها برای سئوی بهتر حتما استفاده میکنیم.

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

سلام، خسته نباشید در این دوره از lazy-load استفاده نمیکنید؟

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

اگه منظورتون lazy load کامپوننت هاست که حتما ولی در اخر دوره، جایی که دیدیم چرا نیازه اگه منظورتون عکس هاست که هنوز نرسیدیم، حتما :)

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

درود بر شما میگم در آخر آموزش قرار دادن پروژه روی سرور رو تدریس می کنید؟

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

سلام اپلود کردن پروژه روی هاست رو که صدردص داریم دوره سعی میکنیم از سرور استفاده کنیم چشم

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

سلام میخواستم بدونم چرا شما عکس ها را با فرمت base64 ارسال می کنید ؟ مگه فرمت عادی خودش چه اشکالی داره ؟

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

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

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

سلام میشه graphql رو هم آموزش بدید ؟ و نحوه اتصالش به لاراول و بشه کل بلاگ رو به صورت rest بنویسید عالی میشه !!!!

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

سلام دوست عزیز تو این دوره که نه اما توی باز تولید دوره فروشگاه فایل با لاراول و ویو قصد دارم rest api پروژه رو پیاده سازی کنم بابت گراف کیو ال هم برسیش میکنم و اموزشش رو در اینده میزاریم

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

با سلام خدمت مهندس حمزه ای در مورد composition api یکم توضیح میدین که چی هستش دقیقا؟

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

سلام اقا مهدی. توی vue 3 (که قراره چند ماه دیگه بیاد) میتونیم به یه شکل دیگه بیایم و کامپوننت هامونو بسازیم حالا این شکل(syntax) اسمش composition api هست حالا مزیت های خودشو میشه و توی دوره اونو میبینیم. اینم بگم syntax ساختن کامپوننت های vue ۲ اسمش options api هست میتونین در مورد اینا سرچ کنین ولی سعی میکنم یه دوره vuejs هم برگذار کنیم

سون لرن

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

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

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

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

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