آموزش برنامه رسانه اجتماعی فول استک NextJS - برنامه تویدل - آخرین آپدیت

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

Introduction-فصل-1-مقدمه Introduction

• What are you going to get from this course-ویدیو-1-1-چه چیزی از این دوره یاد خواهید گرفت What are you going to get from this course

• Course setup lecture-ویدیو-1-2-جلسه راه اندازی دوره Course setup lecture

Initial steps of the app-فصل-2-مراحل اولیه اپلیکیشن Initial steps of the app

• A look at the final version of Twiddle-ویدیو-2-1-نگاهی به نسخه نهایی Twiddle A look at the final version of Twiddle

• Initializing a Git repository-ویدیو-2-2-راه اندازی یک مخزن Git Initializing a Git repository

• What is a Design Document-ویدیو-2-3-سند طراحی چیست What is a Design Document

• The Design Document of Twiddle-ویدیو-2-4-سند طراحی Twiddle The Design Document of Twiddle

Creating the UI design of Twiddle using Figma-فصل-3-ایجاد طراحی رابط کاربری Twiddle با استفاده از Figma Creating the UI design of Twiddle using Figma

• What are we going to do in this section-ویدیو-3-1-در این بخش چه کار خواهیم کرد What are we going to do in this section

• Landing Page Design-ویدیو-3-2-طراحی صفحه فرود Landing Page Design

• Onboarding Page Design-ویدیو-3-3-طراحی صفحه معرفی Onboarding Page Design

• Home Page Design-ویدیو-3-4-طراحی صفحه اصلی Home Page Design

• Search Page Design-ویدیو-3-5-طراحی صفحه جستجو Search Page Design

• Notifications Page Design-ویدیو-3-6-طراحی صفحه اعلان ها Notifications Page Design

• Create-Tweet Page Design-ویدیو-3-7-طراحی صفحه ایجاد توییت Create-Tweet Page Design

• Groups Page Design-ویدیو-3-8-طراحی صفحه گروه ها Groups Page Design

• Profile Page Design-ویدیو-3-9-طراحی صفحه پروفایل Profile Page Design

Project Setup-فصل-4-راه اندازی پروژه Project Setup

• Setting up the project-ویدیو-4-1-راه اندازی پروژه Setting up the project

• Creating our file and folder structure-ویدیو-4-2-ایجاد ساختار فایل و پوشه Creating our file and folder structure

Authentication-فصل-5-احراز هویت Authentication

• Creating the authentication logic of Twiddle-ویدیو-5-1-ایجاد منطق احراز هویت Twiddle Creating the authentication logic of Twiddle

• Creating the register page-ویدیو-5-2-ایجاد صفحه ثبت نام Creating the register page

• Creating the login page-ویدیو-5-3-ایجاد صفحه ورود Creating the login page

• Defining the onboarding page-ویدیو-5-4-تعریف صفحه معرفی Defining the onboarding page

Layout and UI Foundation-فصل-6-طرح بندی و پایه UI Layout and UI Foundation

• Creating the Landing page of Twiddle-ویدیو-6-1-ایجاد صفحه فرود Twiddle Creating the Landing page of Twiddle

• Creating the layout of (root) path-ویدیو-6-2-ایجاد طرح بندی مسیر (اصلی) Creating the layout of (root) path

• Creating the favicon of Twiddle-ویدیو-6-3-ایجاد فاوآیکون Twiddle Creating the favicon of Twiddle

Building Navigation Components-فصل-7-ایجاد اجزای ناوبری Building Navigation Components

• Creating the Left Sidebar component-ویدیو-7-1-ایجاد کامپوننت نوار کناری چپ Creating the Left Sidebar component

• Creating the Bottom Bar component-ویدیو-7-2-ایجاد کامپوننت نوار پایین Creating the Bottom Bar component

• Creating the TopBar component-ویدیو-7-3-ایجاد کامپوننت نوار بالا Creating the TopBar component

User Models and Actions-فصل-8-مدل های کاربر و اقدامات User Models and Actions

• Setting up the Database-ویدیو-8-1-راه اندازی پایگاه داده Setting up the Database

• Creating the User model-ویدیو-8-2-ایجاد مدل کاربر Creating the User model

• Creating the first user action-ویدیو-8-3-ایجاد اولین اکشن کاربر Creating the first user action

• What are webhooks-ویدیو-8-4-وب هوک ها چیستند What are webhooks

• Sync Twiddle with Clerk using webhooks-ویدیو-8-5-همگام سازی Twiddle با Clerk با استفاده از وب هوک ها Sync Twiddle with Clerk using webhooks

Onboarding and Account Management-فصل-9-معرفی و مدیریت حساب Onboarding and Account Management

• Writing the onboarding logic-ویدیو-9-1-نوشتن منطق معرفی Writing the onboarding logic

• Writing the update user logic-ویدیو-9-2-نوشتن منطق به روز رسانی کاربر Writing the update user logic

• Creating the AccountInfo component [Part 1]-ویدیو-9-3-ایجاد کامپوننت AccountInfo [قسمت 1] Creating the AccountInfo component [Part 1]

• Creating the AccountInfo component [Part 2]-ویدیو-9-4-ایجاد کامپوننت AccountInfo [قسمت 2] Creating the AccountInfo component [Part 2]

Sidebar and User Cards-فصل-10-نوار کناری و کارت های کاربر Sidebar and User Cards

• Creating the Right Sidebar component [Part 1]-ویدیو-10-1-ایجاد کامپوننت نوار کناری راست [قسمت 1] Creating the Right Sidebar component [Part 1]

• Creating the Right Sidebar component [Part 2]-ویدیو-10-2-ایجاد کامپوننت نوار کناری راست [قسمت 2] Creating the Right Sidebar component [Part 2]

• Creating the UserCard component-ویدیو-10-3-ایجاد کامپوننت UserCard Creating the UserCard component

Tweet Feature-فصل-11-قابلیت توییت Tweet Feature

• Creating the Create Tweet feature-ویدیو-11-1-ایجاد قابلیت ایجاد توییت Creating the Create Tweet feature

• Creating the PostTweet component-ویدیو-11-2-ایجاد کامپوننت PostTweet Creating the PostTweet component

• Creating the onSubmit function of PostTweet component-ویدیو-11-3-ایجاد تابع onSubmit کامپوننت PostTweet Creating the onSubmit function of PostTweet component

Groups Feature-فصل-12-قابلیت گروه ها Groups Feature

• Creating the Groups feature-ویدیو-12-1-ایجاد قابلیت گروه ها Creating the Groups feature

• Adding any member to a group-ویدیو-12-2-اضافه کردن هر عضو به یک گروه Adding any member to a group

• The clerk Issue !!!-ویدیو-12-3-مشکل Clerk !!! The clerk Issue !!!

• Removing a user from a group-ویدیو-12-4-حذف یک کاربر از یک گروه Removing a user from a group

• Updating group info-ویدیو-12-5-به روز رسانی اطلاعات گروه Updating group info

• Deleting a group-ویدیو-12-6-حذف یک گروه Deleting a group

• Linking between tweets and groups-ویدیو-12-7-پیوند بین توییت ها و گروه ها Linking between tweets and groups

• Fixing Group duplication issue-ویدیو-12-8-رفع مشکل تکراری شدن گروه Fixing Group duplication issue

Group Components-فصل-13-کامپوننت های گروه Group Components

• Creating the GroupCard component-ویدیو-13-1-ایجاد کامپوننت GroupCard Creating the GroupCard component

• Rendering the GroupCard-ویدیو-13-2-رندر کردن GroupCard Rendering the GroupCard

Home page and Tweet Actions-فصل-14-صفحه اصلی و اکشن های توییت Home page and Tweet Actions

• Creating the home page of Twiddle-ویدیو-14-1-ایجاد صفحه اصلی Twiddle Creating the home page of Twiddle

• Creating the fetchTweets action-ویدیو-14-2-ایجاد اکشن fetchTweets Creating the fetchTweets action

• Creating the TweetCard UI component-ویدیو-14-3-ایجاد کامپوننت UI کارت توییت Creating the TweetCard UI component

• Creating the TweetLikeButton component-ویدیو-14-4-ایجاد کامپوننت دکمه لایک توییت Creating the TweetLikeButton component

• Creating the RetweetButton component-ویدیو-14-5-ایجاد کامپوننت دکمه ریتوییت Creating the RetweetButton component

• Creating the ShareTweetButton component-ویدیو-14-6-ایجاد کامپوننت دکمه اشتراک گذاری توییت Creating the ShareTweetButton component

• Creating the DeleteTweetButton component-ویدیو-14-7-ایجاد کامپوننت دکمه حذف توییت Creating the DeleteTweetButton component

• Update: Simplified Approach to Deleting Retweet References in Groups-ویدیو-14-8-به روز رسانی: رویکرد ساده شده برای حذف ارجاعات ریتوییت در گروه ها Update: Simplified Approach to Deleting Retweet References in Groups

• Create the formatDateString function using ChatGPT-ویدیو-14-9-ایجاد تابع formatDateString با استفاده از ChatGPT Create the formatDateString function using ChatGPT

• Back to the home page-ویدیو-14-10-بازگشت به صفحه اصلی Back to the home page

• Creating the Pagination component-ویدیو-14-11-ایجاد کامپوننت Pagination Creating the Pagination component

• Fixing the Pagination issue-ویدیو-14-12-رفع مشکل Pagination Fixing the Pagination issue

User Profile Feature-فصل-15-قابلیت پروفایل کاربر User Profile Feature

• Creating the profile page-ویدیو-15-1-ایجاد صفحه پروفایل Creating the profile page

• Creating the ProfileHeader component-ویدیو-15-2-ایجاد کامپوننت ProfileHeader Creating the ProfileHeader component

• Completing the profile home page-ویدیو-15-3-تکمیل صفحه اصلی پروفایل Completing the profile home page

• Fixing the constants file-ویدیو-15-4-رفع مشکل فایل ثابت ها Fixing the constants file

• Creating the TweetsTab component-ویدیو-15-5-ایجاد کامپوننت TweetsTab Creating the TweetsTab component

• Creating fetchGroupPosts action-ویدیو-15-6-ایجاد اکشن fetchGroupPosts Creating fetchGroupPosts action

• Creating fetchUserPosts action-ویدیو-15-7-ایجاد اکشن fetchUserPosts Creating fetchUserPosts action

• Completing the TweetsTab component-ویدیو-15-8-تکمیل کامپوننت TweetsTab Completing the TweetsTab component

• Creating the RepliesTab component and completing profile tabs-ویدیو-15-9-ایجاد کامپوننت RepliesTab و تکمیل تب های پروفایل Creating the RepliesTab component and completing profile tabs

Edit Profile and Groups Pages-فصل-16-صفحات ویرایش پروفایل و گروه ها Edit Profile and Groups Pages

• Creating the profile editing page-ویدیو-16-1-ایجاد صفحه ویرایش پروفایل Creating the profile editing page

• Creating the Groups page-ویدیو-16-2-ایجاد صفحه گروه ها Creating the Groups page

• Creating the single group page-ویدیو-16-3-ایجاد صفحه تک گروه Creating the single group page

• Creating the fetchGroupDetails group action-ویدیو-16-4-ایجاد اکشن گروه fetchGroupDetails Creating the fetchGroupDetails group action

• Completing the Group single page-ویدیو-16-5-تکمیل صفحه تک گروه Completing the Group single page

Replies and Comments-فصل-17-پاسخ ها و نظرات Replies and Comments

• Creating the tweet reply feature-ویدیو-17-1-ایجاد قابلیت پاسخ به توییت Creating the tweet reply feature

• Creating the fetchTweetById action-ویدیو-17-2-ایجاد اکشن fetchTweetById Creating the fetchTweetById action

• Back to single tweet page-ویدیو-17-3-بازگشت به صفحه تک توییت Back to single tweet page

• Creating the Comment component-ویدیو-17-4-ایجاد کامپوننت Comment Creating the Comment component

• Creating the addCommentToTweet action-ویدیو-17-5-ایجاد اکشن addCommentToTweet Creating the addCommentToTweet action

Notifications and Search-فصل-18-اعلان ها و جستجو Notifications and Search

• Creating the notifications feature-ویدیو-18-1-ایجاد قابلیت اعلان ها Creating the notifications feature

• Creating the Search feature-ویدیو-18-2-ایجاد قابلیت جستجو Creating the Search feature

• Creating the SearchBar component and finishing the project-ویدیو-18-3-ایجاد کامپوننت SearchBar و اتمام پروژه Creating the SearchBar component and finishing the project

• All the resources for this course [Including the Source code]-ویدیو-18-4-تمام منابع این دوره [شامل کد منبع] All the resources for this course [Including the Source code]

Outro-فصل-19-پایان Outro

• Thank you-ویدیو-19-1-متشکرم Thank you

• Bonus Lecture-ویدیو-19-2-جلسه جایزه Bonus Lecture