آموزش کلون فیس بوک با Laravel، TDD، Vue و Tailwind CSS

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

معرفی و فایل های قابل دانلود Introduction & Downloadable Files

• به دوره خوش آمدید Welcome To The Course

• محتوای قابل دانلود Downloadable Content

• محتوای قابل دانلود Downloadable Content

معرفی و فایل های قابل دانلود Introduction & Downloadable Files

• به دوره خوش آمدید Welcome To The Course

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

• Laravel & Setup Passport را نصب کنید Install Laravel & Setup Passport

• Laravel & Setup Passport را نصب کنید Install Laravel & Setup Passport

• مسیریابی جلویی و Vue Front-End Routing & Vue

• مسیریابی جلویی و Vue Front-End Routing & Vue

• Tailwind CSS Tailwind CSS

• Tailwind CSS Tailwind CSS

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

شروع شدن Getting Started

• JSON:API چیست؟ What is JSON:API?

• اسپک کردن اولین پست تست Spiking Out the First Post Test

• اسپک کردن اولین پست تست Spiking Out the First Post Test

• ادعا بر پاسخ Asserting on the Response

• Refactor to Post & User Resources Refactor to Post & User Resources

• Refactor to Post & User Resources Refactor to Post & User Resources

• بازیابی پست ها با استفاده از منبع مجموعه پست Retrieving Posts Using a Post Collection Resource

• بازیابی پست ها با استفاده از منبع مجموعه پست Retrieving Posts Using a Post Collection Resource

• فقط پست‌های کاربر بازگشتی و دامنه جهانی برای سفارش پست Returning User's Posts Only & Global Scope for Post Order

• فقط پست‌های کاربر بازگشتی و دامنه جهانی برای سفارش پست Returning User's Posts Only & Global Scope for Post Order

شروع شدن Getting Started

• JSON:API چیست؟ What is JSON:API?

• ادعا بر پاسخ Asserting on the Response

طراحی اپلیکیشن App Design

• رد شوید: برای رد شدن از بخش «طراحی برنامه» این را تماشا کنید SKIP: Watch this to skip "App Design" Section

• Spiking The App Design Spiking The App Design

• Spiking The App Design Spiking The App Design

• کامپوننت Vue: Nav Vue Component: Nav

• کامپوننت Vue: Nav Vue Component: Nav

• کامپوننت Vue: نوار کناری Vue Component: Sidebar

• کامپوننت Vue: نوار کناری Vue Component: Sidebar

• مؤلفه Vue: NewPost و NewsFeed Vue Component: NewPost & NewsFeed

• مؤلفه Vue: NewPost و NewsFeed Vue Component: NewPost & NewsFeed

• جزء Vue: پست Vue Component: Post

طراحی اپلیکیشن App Design

• رد شوید: برای رد شدن از بخش «طراحی برنامه» این را تماشا کنید SKIP: Watch this to skip "App Design" Section

• جزء Vue: پست Vue Component: Post

اتصال جلو و عقب Connecting Front & Back

• دریافت پست ها از پایگاه داده Fetching Posts From Database

• دریافت پست ها از پایگاه داده Fetching Posts From Database

• ارسال شده در & ارسال تصویر Posted At & Post Image

• ارسال شده در & ارسال تصویر Posted At & Post Image

• پیگیری وضعیت بارگیری Keeping Track of Loading State

• پیگیری وضعیت بارگیری Keeping Track of Loading State

• تست پروفایل کاربری User Profile Test

• تست پروفایل کاربری User Profile Test

• نمایه کاربر جلویی User Profile Front End

• نمایه کاربر جلویی User Profile Front End

• تست پست های کاربر User Posts Test

• طراحی پروفایل کاربری User Profile Design

• طراحی پروفایل کاربری User Profile Design

اتصال جلو و عقب Connecting Front & Back

• تست پست های کاربر User Posts Test

مدیریت دولتی با Vuex State Management with Vuex

• تست تایید هویت Auth User Test

• تست تایید هویت Auth User Test

• واکشی کاربر تاییدیه Fetching the Auth User

• واکشی کاربر تاییدیه Fetching the Auth User

• راه اندازی فروشگاه Vuex برای کاربر Auth Vuex Store Setup for Auth User

• راه اندازی فروشگاه Vuex برای کاربر Auth Vuex Store Setup for Auth User

• تنظیم عنوان صفحه Setting Page Titles

• تنظیم عنوان صفحه Setting Page Titles

مدیریت دولتی با Vuex State Management with Vuex

بیا با هم دوست باشیم - قسمت اول Let's Be Friends - Part I

• تست درخواست دوست Friend Request Test

• مدیریت کاربران نامعتبر Handling Invalid Users

• مدیریت کاربران نامعتبر Handling Invalid Users

• پذیرش درخواست دوستی Accepting a Friend Request

• قفل کردن API Locking Down the API

• قفل کردن API Locking Down the API

• رسیدگی به خطاهای اعتبارسنجی Handling Validation Errors

• رسیدگی به خطاهای اعتبارسنجی Handling Validation Errors

• بازیابی دوستی ها Retrieving Friendships

• بازیابی دوستی ها Retrieving Friendships

• نادیده گرفتن درخواست های دوست Ignoring Friend Requests

بیا با هم دوست باشیم - قسمت اول Let's Be Friends - Part I

• تست درخواست دوست Friend Request Test

• پذیرش درخواست دوستی Accepting a Friend Request

• نادیده گرفتن درخواست های دوست Ignoring Friend Requests

بیایید با هم دوست باشیم - قسمت دوم Let's Be Friends - Part II

• Refactoring به Vuex Refactoring to Vuex

• تنظیم متن دکمه دوست Setting Friend Button Text

• تنظیم متن دکمه دوست Setting Friend Button Text

• دریافت کننده متن دکمه دوست Friend Button Text Getter

• پذیرش و نادیده گرفتن درخواست های دوست Accepting & Ignoring Friend Requests

• پذیرش و نادیده گرفتن درخواست های دوست Accepting & Ignoring Friend Requests

• استخراج پست ها به خطاهای Vuex و کنسول Extracting Posts to Vuex & Console Errors

• رفع برخی از اشکالات Fixing Some Bugs

• رفع برخی از اشکالات Fixing Some Bugs

• خبرفید The Newsfeed

بیایید با هم دوست باشیم - قسمت دوم Let's Be Friends - Part II

• Refactoring به Vuex Refactoring to Vuex

• دریافت کننده متن دکمه دوست Friend Button Text Getter

• استخراج پست ها به خطاهای Vuex و کنسول Extracting Posts to Vuex & Console Errors

• خبرفید The Newsfeed

پست ها، لایک ها و نظرات Posts, Likes & Comments

• Refactoring Newsfeed به Vuex Refactoring Newsfeed to Vuex

• Refactoring Newsfeed به Vuex Refactoring Newsfeed to Vuex

• ارسال پست های متنی Submitting Text Posts

• ارسال پست های متنی Submitting Text Posts

• کاربر می تواند پست ها را لایک کند User Can Like Posts Test

• کاربر می تواند پست ها را لایک کند User Can Like Posts Test

• پست ها باید با تست لایک برگردند Posts Must Return with Likes Test

• پست ها باید با تست لایک برگردند Posts Must Return with Likes Test

• ادغام ویژگی لایک Integrating the Likes Feature

• کاربر می تواند نظر ارسال کند تست User Can Post Comments Test

• پست ها باید همراه با نظرات برگردند Posts Must Return with Comments

• پست ها باید همراه با نظرات برگردند Posts Must Return with Comments

• نمایش نظرات در یک پست Displaying Comments on a Post

• نمایش نظرات در یک پست Displaying Comments on a Post

• ارسال نظرات به پست ها Submitting Comments to Posts

• تغییر طراحی کد و Refactor ماژول ها Code Design Change & Modules Refactor

• تغییر طراحی کد و Refactor ماژول ها Code Design Change & Modules Refactor

پست ها، لایک ها و نظرات Posts, Likes & Comments

• ادغام ویژگی لایک Integrating the Likes Feature

• کاربر می تواند نظر ارسال کند تست User Can Post Comments Test

• ارسال نظرات به پست ها Submitting Comments to Posts

مدیریت آپلود تصاویر کاربر Handling User Image Uploads

• تصاویر قابل آپلود تست Images Can Be Uploaded Test

• تصاویر قابل آپلود تست Images Can Be Uploaded Test

• کاربر با تست تصاویر برگردانده می شود User Are Returned with Images Test

• راه اندازی Dropzone Setting Up Dropzone

• راه اندازی Dropzone Setting Up Dropzone

• نمایش تصویر پس از آپلود Showing Image After Upload

• تصاویر پیش فرض Default Images

• تصاویر پیش فرض Default Images

• لمس های پایانی روی تصاویر نمایه Finishing Touches On Profile Images

• تغییر اندازه تصاویر کاربر Resizing User Images

• تغییر اندازه تصاویر کاربر Resizing User Images

مدیریت آپلود تصاویر کاربر Handling User Image Uploads

• کاربر با تست تصاویر برگردانده می شود User Are Returned with Images Test

• نمایش تصویر پس از آپلود Showing Image After Upload

• لمس های پایانی روی تصاویر نمایه Finishing Touches On Profile Images

مدیریت پست ها با تصاویر Handling Posts with Images

• پست های جدید با تست تصاویر New Posts with Images Test

• پست های جدید با تست تصاویر New Posts with Images Test

• ارسال تصاویر همراه با پست Submitting Images with Posts

• ارسال تصاویر همراه با پست Submitting Images with Posts

• سفارشی کردن Dropzone و رفع اشکال Customizing Dropzone & Bug Fixes

• سفارشی کردن Dropzone و رفع اشکال Customizing Dropzone & Bug Fixes

• حداکثر تعداد فایل برای Dropzone Max File Count for Dropzone

مدیریت پست ها با تصاویر Handling Posts with Images

• حداکثر تعداد فایل برای Dropzone Max File Count for Dropzone

سخنرانی پاداش Bonus Lecture

• سخنرانی پاداش Bonus Lecture

سخنرانی پاداش Bonus Lecture

• سخنرانی پاداش Bonus Lecture