آموزش نحوه ساخت کلون اینستاگرام با استفاده از Ruby on Rails 7

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

معرفی Introduction

• معرفی Introduction

• پیش نمایش نهایی برنامه کلون اینستاگرام Final Instagram Clone Application Preview

راه اندازی پروژه Project Setup

• ایجاد برنامه ما و اضافه کردن تنظیمات پایگاه داده Creating our Application and add database configurations

• اضافه کردن بوت استرپ و حل مشکلات یکپارچه سازی با Rails 7 Adding Bootstrap and solving integration problems with Rails 7

حساب های کاربری و احراز هویت User Accounts & Authentication

• طراحی صفحه لاگین اینستاگرام Designing Instagram Login Page

• افزودن کاربران و احراز هویت با استفاده از Devise Gem Adding Users and Authentication Using Devise Gem

• افزودن قابلیت ورود به سیستم Devise به صفحه اصلی ما Adding Devise Login Functionality to our Home Page

• طراحی صفحه ثبت نام Designing The Signup Page

پست های اینستاگرام Instagram Posts

• بررسی اجمالی پست ها Posts Overview

• ایجاد مدل، نمایش و کنترلر پست ها با استفاده از داربست Creating Posts Model, View, and Controller using Scaffold

• یک ظاهر طراحی شده کارت پستال Styling The Post Card

صفحه اصلی کاربر User's Home Page

• یک ظاهر طراحی شده نوار پیمایش Styling The Navigation Bar

• اضافه کردن داستان های جزئی Adding The Stories Partial

• اضافه کردن پیشنهادات جزئی Adding The Suggestions Partial

• سازماندهی صفحه اصلی Organizing The Home Page

ایجاد پست های جدید Creating New Posts

• اضافه کردن مدال پست جدید Adding New Post Modal

• افزودن پیش‌نمایش و کشیدن با استفاده از کتابخانه FilePond Adding Preview and Drag-Drop Using FilePond Library

• افزودن اعتبارسنجی پست Adding Post Validations

دوست دارد Likes

• منطق مدل و کنترلر را دوست دارد Likes Model And Controller Logic

• افزودن قابلیت لایک به نمایش پست ها Adding Like Functionality To Posts' Views

• چه کسی The Post Modal را دوست داشت Who Liked The Post Modal

نظرات Comments

• نظرات منطق مدل و کنترلر Comments Model And Controller Logic

• افزودن قابلیت ایجاد نظر جدید به پست ها Adding Creating New Comment Functionality To Posts

• فهرست کردن همه نظرات و حذف نظرات Listing All The Comments And Deleting Comments

صفحه نمایه کاربر User Profile Page

• طراحی هدر پروفایل کاربر Designing User's Profile Header

• طراحی لیست پست پروفایل کاربر Designing User's Profile Post Listing

• طراحی صفحه اطلاعات نمایه به روز رسانی کاربر Designing User's Updating Profile Information Page

تقویت برنامه Enhancing The Application

• افزایش تجربه کاربری Enhancing The User Experience

• مدیریت حذف پست Handling Post Deletion

سیستم فالو اینستاگرام Instagram's Follow System

• مدل سیستم را دنبال کنید Follow System Model

• آزمایش دنبال کردن مدل‌های سیستم و افزودن توابع کمکی Testing Follow System Models and Adding Helping Functions

• منطق کنترل کننده سیستم را دنبال کنید Follow System Controller's Logic

• یکپارچه سازی ارسال درخواست دنبال کردن به سایر کاربران Integrating Sending Follow Requests To Other Users

• یکپارچه سازی فهرست، پذیرش و رد درخواست های دنبال کردن Integrating Listing, Accepting, And Rejecting Follow Requests

• بهبودهای تجربه کاربری سیستم را دنبال کنید Follow System User Experience Enhancements

سیستم پیشنهادات کاربران Users Suggestions System

• سیستم پیشنهادات کاربران Users Suggestions System

پست فیدها Post Feeds

• پست فیدها Post Feeds

جستجوی سیستم کاربران Searching Users System

• جستجوی سیستم کاربران Searching Users System

متشکرم Thank you

• ممنون و قدم بعدی Thank you and next step