ایجاد شبکه اجتماعی از صفر در 20 روز: آموزش PHP، MySQL و JavaScript - آخرین آپدیت

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

روز 1: معرفی دوره: اطلاعات و تنظیمات Day 1: Course Intro: Info & Setup

• خوش آمدگویی به دوره (همانند معرفی) Welcome to the course (Same as intro)

• XAMPP را بارگیری و نصب کنید Download and install XAMPP

• نحوه تکمیل دوره How to complete the course

• ویرایشگر کد را بارگیری ، نصب و پیکربندی کنید Download,install and config code editor

• دانلود و نصب XAMPP Download and install XAMPP

• پوشه لازم را ایجاد کنید Create necessary folder

• دانلود، نصب و پیکربندی ویرایشگر کد Download,install and config code editor

• ایجاد پوشه های ضروری Create necessary folder

روز 2: ایجاد ثبت نام با موبایل یا ایمیل و سیستم فایل ضروری Day 2: Create Sign Up with mobile or email and necessary file system

• کد منبع کامل پروژه و فایل های منبع Complete Project Source code & Resource File

• منابع بخش Section resources

• ایجاد ساختار html ساختار Create Sign up html structure

• همه چیز درباره بخش All about the Section

• ایجاد ساختار HTML ثبت نام Create Sign up html structure

• طراحی صفحه ثبت نام Design Sign up page

• با استفاده از javascript تاریخ تولد ایجاد کنید Create birthday date using javascript

• طراحی صفحه ثبت نام Design Sign up page

• ایجاد تاریخ تولد با استفاده از جاوا اسکریپت Create birthday date using javascript

• درک روند ارسال فرم Understanding form submission process

• درک فرآیند ارسال فرم Understanding form submission process

• اتصال سایت با پایگاه داده MYSQL Connecting site with MYSQL database

• جدول پایگاه داده کاربر ایجاد کنید Create user database table

• اتصال سایت با پایگاه داده MYSQL Connecting site with MYSQL database

• ایجاد جدول پایگاه داده کاربر Create user database table

• ذخیره و اعتبارسنجی داده های فیلد ورودی Storing and validating input field data

• ذخیره و اعتبارسنجی داده های فیلد ورودی Storing and validating input field data

• کلاس کاربر و پست ایجاد کنید Create User and Post class

• ایجاد کلاس کاربر و پست Create User and Post class

• ایجاد شی در پرونده بارگذاری Create object in load file

• روش ورودی را ایجاد کنید Create check input method

• ایجاد شی در فایل بارگذاری Create object in load file

• بیان منظم برای تأیید شناسه ایمیل Regular expression to validate email id

• ایجاد متد بررسی ورودی Create check input method

• عبارت با قاعده برای اعتبارسنجی شناسه ایمیل Regular expression to validate email id

• درک و ساخت روش "ایجاد" Understanding and constructing 'Create' method

• درک و ساخت متد 'ایجاد' Understanding and constructing 'Create' method

• درج داده و سیستم آزمایش Inserting data and testing system

• وارد کردن داده ها و تست سیستم Inserting data and testing system

• ایجاد سیستم نشانه Create token system

• ایجاد سیستم توکن Create token system

• تکمیل سیستم ثبت نام Completion of sign up system

• تکمیل سیستم ثبت نام Completion of sign up system

روز 3: سیستم ورود به سیستم با ایمیل یا موبایل Day 3: Log in system with email or mobile

• منابع بخش Section resource

• ساختار HTML ورود Log in html structure

• طراحی کد ورود Design Log in code

• توسعه بک اند ورود Log in backend development

روز 4: صفحه پروفایل Day 4: Profile page

• منابع بخش Section resource

• ایجاد ساختار html صفحه پروفایل Create profile page html structure

• طراحی نوار بالای پروفایل سمت چپ Design profile topbar left side

• طراحی نوار بالای پروفایل سمت راست Design profile topbar right side

• ویرایش آیکون نوار بالا Topbar icon edit

• ایجاد سیستم برای ماندن در حالت ورود Create system to stay logged in

• دریافت شناسه کاربر با نام Get userid by name

• ایجاد جدول پروفایل Create profile table

• ایجاد متد ذخیره سازی داده های پروفایل Create profile data storing method

روز 5: سیستم عکس کاور و عکس پروفایل Day 5: Cover photo and profile photo system

• منابع بخش Section resource

• طراحی عکس کاور Cover photo design

• جاوا اسکریپت دکمه عکس کاور Cover photo button js

• ارسال داده های عکس به پایگاه داده Photo data sent to database

• عکس کاور تکمیل شد Cover photo completed

• طراحی عکس پروفایل Designing profile photo

• جعبه گفتگوی عکس پروفایل Profile picture dialogue box

• سیستم آپلود کامل عکس پروفایل Complete profile photo upload system

• بخش پایین کاور Cover bottom part

• اصلاح UserLInk UserLInk rectification

روز 6: سیستم ارسال متن و عکس با ایموجی Day 6: Text and Photo Posting System with emoji

• منابع بخش Section resource

• طراحی معرفی کاربر Design user intro

• طراحی جعبه پست 1 Design post box 1

• طراحی جعبه پست 2 Design post box 2

• طراحی ناحیه عملکرد پست Design post action area

• تنظیم ایموجی Set emoji

• استفاده از جاوا اسکریپت روی دکمه پست Use javascript on post button

• پیش نمایش تصویر پست Post image preview

• ایجاد سیستم پست 1 Create post system 1

• ایجاد سیستم ارسال 2 Create posting system 2

• ایجاد پایگاه داده پست Create post database

• ذخیره پست در پایگاه داده Store post to database

• نمایش پست 1 Display post 1

• نمایش پست 2 Display post 2

• نمایش پست کامل شد Display post complete

• نمایش تصویر پست Post image show

• نمایش تصویر پست 2 Post image show 2

• نمایش کامل تصویر پست Image post show complete

• نوشتن جاوا اسکریپت برای ویرایش پست Write javascript for post edit

• ایجاد گزینه ویرایش پست Create post edit option

• ویرایش پست php Post edit php

• حذف پست از تایم لاین Delete post from timeline

روز 7: سیستم واکنش (React) Day 7: React System

• منابع بخش Section resource

• ایجاد جدول واکنش Create react table

• HTML اصلی واکنش 1 React main html 1

• ایجاد متد شمارش اصلی واکنش Create Main react count method

• نوشتن جاوا اسکریپت برای واکنش اصلی Write Javascript for main react

• ارسال واکنش اصلی Main react submit

• واکنش اصلی کامل شد Main react complete

• ایجاد سیستم برای انواع دیگر واکنش Create system for other react type

• تکمیل سیستم انواع دیگر واکنش Complete other react type system

روز 8: سیستم نظرات Day 8: Comment System

• منابع بخش Section resource

• ایجاد جدول نظرات Create comments table

• ایجاد متد نظر Create comment method

• نوشتن کد برای بخش نمایش نظر 1 Write code for comment show part 1

• نوشتن کد برای بخش نمایش نظر 2 Write code for comment show part 2

• ایجاد متد شمارش نظر Create comment count method

• فرآیند ارسال نظر Comment submission process

• واکشی آخرین نظر و نمایش آیکون واکنش Fetching last comment and showing react icon

• ایجاد قابلیت واکنش به نظر Create functionality to react on comment

• نمایش واکنش نظر js php Show comment react js php

• تکمیل واکنش نظر Comment react completion

• ایجاد قابلیت ویرایش نظر Create functionality to edit comment

• ایجاد متد به روز رسانی و حذف نظر Create comment update and delete method

روز 9: سیستم پاسخ Day 9: Reply system

• منابع بخش Section resource

• ایجاد متد واکشی پاسخ Create reply fetch method

• ایجاد متد شمارش واکنش پاسخ و حداکثر نمایش Create reply react count and max show method

• ایجاد متد بررسی واکنش و رسیدگی به خطا Create react check method and handling error

• نوشتن js و دریافت ورودی پاسخ Write js and get reply input

• تکمیل نظر دادن به پاسخ Complete reply commenting

• ایجاد قابلیت ارسال پاسخ با انواع دیگر واکنش Create functionality to submit reply other react type

• نوشتن فرآیند ارسال واکنش پاسخ Write reply react submit process

• رسیدگی به خطا و ایجاد سیستم حذف پاسخ Error handling and create reply delete system

• تکمیل واکنش دادن به پاسخ Completion of reply reacting

• ایجاد گزینه ویرایش پاسخ Create reply edit option

• ایجاد گزینه ذخیره و حذف ویرایش پاسخ Create reply edit save and delete option

• تکمیل پاسخ Reply completion

• رفع اشکال پاسخ Reply bug fix

روز 10: سیستم اشتراک گذاری Day 10: Share system

• منابع بخش Section resource

• ایجاد گزینه اشتراک گذاری Create share option

• ایجاد قابلیت ذخیره و نمایش پست های اشتراک گذاشته شده Create functionality to store and show shared post

• ایجاد گزینه ویرایش پست اشتراک گذاشته شده Create shared post edit option

• نمایش کامل اشتراک گذاری Complete share show

• ایجاد گزینه ویرایش پست اشتراک گذاشته شده Create shared post edit option

روز 11: جستجوی زنده Day 11: Live Search

• منابع بخش Section resource

• ایجاد قابلیت برای جستجوی زنده Create functionality for live searching

• تکمیل ایجاد سیستم جستجوی زنده Complete creating live searching system

روز 12: سیستم درخواست دوستی Day 12: Friend Request System

• منابع بخش Section resource

• ایجاد جدول پایگاه داده درخواست Create request database table

• ایجاد قابلیت بررسی درخواست Create request check functionality

• بررسی وضعیت درخواست و نوشتن js Check request status and write js

• نوشتن جاوا اسکریپت برای لغو درخواست و حذف دوستی Write javascript for request cancel and unfriend

• تایید درخواست Confirm request

روز 13: سیستم دنبال کردن (Follow) Day 13: Follow system

• منابع بخش Section resource

• ایجاد جدول دنبال کردن Create follow table

• ایجاد سیستم دنبال کردن Create follow system

• تکمیل سیستم دنبال کردن Completion of follow system

• ایجاد فایل .htaccess Create .htaccess file

روز 14: ایجاد بخش درباره من Day 14: Create About Section

• ایجاد دسته بندی درباره من Create about category

• نوشتن کد برای فیلد ورودی دسته بندی های دیگر Write code for other category input field

• نوشتن کد برای فیلد ورودی دسته بندی های دیگر 2 Write code for other category input field 2

• نوشتن جاوا اسکریپت برای فیلد ورودی دسته بندی Write javascript for category input field

• بازگرداندن فیلد مخفی دسته بندی درباره من About category field hidden restore

• بخش درباره من کامل شد About section complete

روز 15: نمایش لیست دوستان و دنبال کنندگان Day 15: Showing friend followers list

• ایجاد سیستم خروج Create logout system

• ایجاد صفحه دوستان Create friend page

• ایجاد متد برای نمایش لیست دوستان Create method to show friend list

• نمایش لیست دوستان Display friend list

• نمایش لیست دنبال کنندگان Display follow list

• تغییر دوستان دنبال کنندگان - js Switch frend follower-js

• نمایش عکس های تایم لاین در تب عکس Display timeline photos in photo tab

روز 16: سیستم پیام رسانی Day 16: Messaging system

• منابع بخش Section resource

• ایجاد جدول پیام Create message table

• بارگیری داده های کاربر Load user data

• ایجاد متد برای بارگیری آخرین کاربر با داده های پیام Create method to load last user with message data

• ایجاد رابط کاربری پیام رسان Create messenger interface

• نوشتن js برای لیست کاربران پیام رسان Write js for messenger user list

• ایجاد جعبه تک کاربر Create single user box

• ایجاد متد داده های پیام Create message data method

• نمایش پیام Show message

• ارسال داده های پیام در پایگاه داده Send message data in database

• فعال کردن ورودی پیام ناحیه متن و تنظیم ایموجی Activate text area message input and set emoji

• ارسال داده های پیام با ایموجی Send message data with emoji

• بارگیری پیام و جستجوی کاربر Load message and search user

• نمایش پیام از نتیجه جستجو Show message from search result

• پیام کامل شد Message complete

روز 17: سیستم اطلاع رسانی (Notification) Day 17: Notification system

• منابع بخش Section resource

• ایجاد جدول اطلاع رسانی Create notification table

• ذخیره داده های اطلاع رسانی Notification data store

• ایجاد و کار با متد اطلاع رسانی Create and work with notification method

• ایجاد رابط کاربری اطلاع رسانی Create notification interface

• رفع CSS CSS solve

• نوشتن جاوا اسکریپت برای اطلاع رسانی Write javascript for notification

• نمایش شمارش اطلاع رسانی Notification count show

• طراحی و فعال کردن آیکون اطلاع رسانی Design and activate notification icon

• نمایش لیست درخواست Request list show

• اطلاع رسانی درخواست انجام شد Request notification done

• ایجاد صفحه پست Create post page

• ایجاد اطلاع رسانی برای پیام Create notification for message

• اطلاع رسانی پیام کامل شد Message notification complete

روز 18: ایجاد صفحه اصلی Day 18: Create Home page

• منابع بخش Section resource

• جداسازی فایل php php file separation

• جداسازی فایل php 2 php file separation 2

• ایجاد صفحه اصلی Create Home page

روز 19: تنظیمات حساب کاربری Day 19: Account Setting

• منابع بخش Section resource

• ایجاد گزینه تنظیمات Create settings option

• طراحی صفحه تنظیمات Design settings page

• ایجاد تنظیمات Userlink Create userlink setting

• ایجاد تنظیمات برای موبایل Create settings for mobile

• ایجاد تنظیمات برای ایمیل Create settings for email

• تنظیمات بازنشانی رمز عبور Password reset settings

روز 20: سیستم مسدود کردن (Blocking) Day 20: Blocking system

• منابع بخش Section resource

• منبع بخش Section resource

• ایجاد جدول مسدود کردن Create block table

• ایجاد دکمه مسدود کردن Create block button

• نوشتن js و ایجاد متد برای سیستم مسدود کردن Write js and create method for blocking system

• نمایش پیام مسدود شده Block message show

• تکمیل سیستم مسدود کردن Completion of blocking system

Bonus: سیستم اشاره (Mention) Bonus: Mention system

• کد منبع Source code

• ایجاد متد برای نمایش کاربران پیشنهادی Create method to display suggest users

• ارسال داده های اشاره به پایگاه داده Mention data sent to database

• سیستم اشاره کامل شد Mention system complete

نتیجه گیری - شما انجامش دادید! Conclusion - You made it.

• تبریک Congratulation