تسلط بر لاراول: ساخت کلون اینستاگرام با Livewire

سرفصل ها و درس ها

مقدمه Introduction

• لاراول را نصب کنید Install Laravel

• بسته Breeze Auth را نصب کنید Install Breeze Auth Package

• Livewire را نصب کنید Install Livewire

• Daisy UI را نصب کنید Install Daisy UI

• نوار کناری و آواتار و لوگو را دانلود کنید Download Sidebar & Avatar & Logo

• مخزن Repository

صفحه اصلی Home

• Home Component/Page را نصب کنید Install Home Component/page

• بخش داستان طراحی Design story section

• بخش پیشنهادات طراحی Design Suggestion section

• طراحی هدر موبایل Design mobile header

کامپوننت مورد پست Post Item Component

• کامپوننت پست بسازید Make post component

• پخش کننده ویدیو ایجاد کنید Create Video Player

• بخش پاورقی Footer section

• Swiper js را به بخش رسانه اضافه کنید Add swiper js to media section

ایجاد مدل های پست و رسانه Create Post & Media Models

• ایجاد مدل پست Create Post model

• ایجاد مدل رسانه ای Create Media Model

افزودن پست به خانه Adding posts to home

• افزودن پست به خانه Adding posts to home

ایجاد پست جدید Create New Post

• کامپوننت ایجاد پست را بسازید Make Create post component

• طرح بندی و سمت چپ طراحی Design layout and left side

• سمت جزئیات طراحی Design details side

• ویژگی ها و روش ها را اضافه کنید Add properties and methods

• ذخیره پست/حلقه در پایگاه داده Save Post / Reel to Database

کامپوننت های مشاهده پست Post view Components

• کامپوننت مدال مشاهده پست را ایجاد کنید Create Post view modal component

• ایجاد آیتم مشاهده Create view item

• جزئیات Details

ایجاد نظرات مدل چند شکلی Create Comments Polymorphic Model

• ایجاد مدل نظر با -mfs Create Comment model with -mfs

• کارخانه نظرات را پر کنید Fill up Comment Factory

دریافت پست های درخواستی Get Posts on demand

• بارگذاری پست های بیشتر در اسکرول Load more posts on scroll

بارگذاری نظرات در نمای پست Load comments in post view

• طرح بندی نظرات را طراحی کنید Design comments layout

• نمایش نظرات از پایگاه داده Display comments from database

• پاسخ ها و فرزندان را دریافت کنید Get Replies and Decendants

• افزودن نظر به پست Add Comment To Post

• افزودن پاسخ به نظر Add Reply to comment

• نظرات فوری را به پست مورد اضافه کنید Add instant comments to Post Item

• غیرفعال کردن نظر دادن Disable commenting

اضافه کردن پست های لایک Add Like Posts

• بسته مانند نصب کنید Install like package

• لایک را به پست اضافه کنید Add Like to post

• پنهان کردن و نمایش تعداد لایک Hide & Show like count

لایک را به نظرات اضافه کنید Add Likes to Comments

• لایک را به نظر اضافه کنید Add like to comment

اضافه کردن نشانک ها/موارد دلخواه Add Bookmarks/Favorites

• بسته Favorites را نصب کنید Install Favorites Package

• موارد دلخواه را تغییر دهید Toggle Favorites

سیستم فالو را اضافه کنید Add Follow system

• بسته فالو را نصب کنید Install follow package

• دنبال کردن کاربران را تغییر دهید Toggle Follow Users

نمایه کاربر User Profile

• اضافه کردن نام کاربری به کاربران Add username to Users

• ایجاد جزء پروفایل Create profile component

• دانلود نمایه طرح Download profile-layout

• نمایش پست های کاربر Display User's Posts

• نمایش قرقره ها و پست های ذخیره شده Display Reels & Saved Posts

صفحه کاوش Explore page

• صفحه کاوش را ایجاد کنید Create Explore Page

• نمایش کاوش پست ها Show Explore Posts

• کامپوننت ویدیو را سفارشی کنید Customize the video component

صفحه قرقره ها Reels page

• کامپوننت Reels را ایجاد کنید Create Reels Component

• نمایش حلقه های پست ها Show Posts Reels

جستجو کنید Search

• نوار کناری Livewire ایجاد کنید Create Livewire Sidebar

• افزودن قابلیت جستجو Add Search Functionality

پخش را اضافه کنید Add Broadcasting

• مقدمه ای بر صدا و سیما Introduction to Broadcasting

• pusher و Laravel Echo را نصب کنید Install pusher and Laravel Echo

• ایجاد اکانت pusher Create pusher account

اطلاعیه ها Notifications

• ایجاد مؤلفه اعلان Create notification component

• اطلاعیه های طراحی Design notifications

• NewFollowerNotification را ایجاد کنید Create NewFollowerNotification

• PostLikedNotification را ایجاد کنید Create PostLikedNotification

• NewCommentNotification ایجاد کنید Create NewCommentNotification

• جلوگیری از خود اعلان ها Prevent Self Notifications

• نمایش اعلان‌های NewFollower Show NewFollower Notifications

• نمایش اعلان های پسندیده شده Show PostLiked Notifications

• نمایش اعلان‌های نظر جدید Show NewComment Notifications

• به اعلان ها گوش دهید Listen to Notifications

معماری پایگاه داده چت Chat Database Architecture

• ایجاد مدل ها Create Models

طراحی/دانلود اجزای چت Design/Download Chat Components

• ایجاد فهرست چت Create Chat Index

• ایجاد لیست چت Create Chat list

• ایجاد چت اصلی Create Chat Main

• ایجاد کامپوننت چت Create Chat Component

سیستم چت را پویا کنید Make Chat System Dynamic

• ایجاد مکالمه Create Conversation

• مشاهده مکالمات احراز هویت View Auth Conversations

• انتخاب و بارگذاری مکالمه Select & Load Conversation

• ارسال پیام های جدید Send New Messages

• نمایش پیام های جدید Display New Messages

• به روز رسانی زنده پیام های جدید Live Update New Messages

• چت را به پایین اسکرول کنید Scroll Chat to Bottom

• بارگیری پیام‌های بیشتر LoadMore Messages

• علامت گذاری پیام ها به عنوان خوانده شده Mark Messages As read

• پخش پیام جدید Broadcast New Message

• به پیام پخش شده گوش دهید Listen to Broadcasted Message