آموزش یک شبکه اجتماعی از ابتدا بسازید: JavaScript PHP + MySQL

Build a Social Network from Scratch: JavaScript PHP + MySQL

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره: با ساختن وب سایت شبکه اجتماعی نهایی از ابتدا جاوا اسکریپت، PHP و MySQL را بیاموزید! راهنمای کامل! یک وب سایت شبکه اجتماعی در مقیاس کامل مانند فیس بوک یا توییتر ایجاد کنید، از جمله ویژگی هایی مانند اخبار، نمایه ها، سیستم دوستان، سیستم چت، پست های پرطرفدار و موارد دیگر! برنامه نویسی ماهرانه در PHP، HTML و CSS برنامه با استفاده از رویکرد OO (اشیاء گرا) بدانید که چگونه به راحتی از پایگاه داده MySQL با وب سایت خود استفاده کنید نحوه ثبت نام دامنه و قرار دادن سایت جدید خود را در وب بدانید! پیش نیازها: یک کامپیوتر (من از مک استفاده می کنم) یک ویرایشگر متن برای برنامه ریزی (من از Sublime Text 2 استفاده می کنم)

به بیش از 5000 دانش آموز بپیوندید و بخشی از این دوره پرفروش با رتبه Udemy باشید!

آیا می خواهید در جاوا اسکریپت، PHP و MySQL متخصص شوید؟

آیا می خواهید یک شبکه اجتماعی درست مانند فیس بوک بسازید؟

اگر چنین است، در جای درستی هستید! این دوره شما را گام به گام در ایجاد شبکه اجتماعی خود به طور کامل از ابتدا راهنمایی می کند.

ما در حال صحبت از نوعی وب‌سایت هستیم که هر کسی را که آن را ببیند شگفت‌زده می‌کند. نوع وب سایتی که شما را در کمترین زمان استخدام می کند!

چرا اجازه دهید به شما آموزش دهم؟

من به‌عنوان مهندس نرم‌افزار در مایکروسافت کار می‌کنم، جایی که محصولاتی را می‌سازم که میلیون‌ها نفر در سراسر جهان از آن استفاده می‌کنند! من می‌خواهم مهارت‌هایی را که در طی سال‌ها کار با برخی از بهترین توسعه‌دهندگان در جهان به دست آورده‌ام، استفاده کنم و آنها را مستقیماً به شما منتقل کنم!

من به هزاران دانش‌آموز در اینجا در Udemy آموزش داده‌ام و برخی از محبوب‌ترین دوره‌های توسعه را در Udemy ایجاد کرده‌ام!

خوب پس دوره در مورد چیست؟

من شخصاً شما را گام به گام در ایجاد سایت شبکه اجتماعی خود مانند فیس بوک راهنمایی خواهم کرد:

  • پست های وضعیت

  • فیدهای خبری

  • نمایه های کاربر

  • سیستم‌های چت/پیام‌رسانی

  • سیستم های دوستان

  • و خیلی بیشتر

چه یک مبتدی کامل* یا یک برنامه نویس با تجربه باشید، این دوره برای شما بسیار مفید خواهد بود.

چرا باید در دوره شرکت کنم؟

در دنیای برنامه نویسی، "4 بزرگ" اغلب شامل گوگل، مایکروسافت، فیس بوک و آمازون است. برای استخدام در هر یک از این شرکت‌ها، باید موارد ضروری را بدانید: HTML، CSS، PHP، JQuery، JavaScript و MySQL.

اگر این دوره را بگذرانید، جای نگرانی نخواهید داشت زیرا ما از همه این مهارت ها به طور گسترده استفاده می کنیم!

پشتیبانی: 

با ثبت نام در این دوره، از پشتیبانی کامل یک مهندس نرم افزار مایکروسافت (من) برخوردار خواهید شد. من همیشه آماده پاسخگویی به هر سوالی هستم که ممکن است داشته باشید. مشکلات برنامه‌نویسی، خطاها، درخواست‌های ویژگی، توصیه‌های کلی برنامه‌نویسی - مهم نیست، من همیشه خوشحالم که کمک می‌کنم! هدف من همیشه این است که در عرض چند ساعت به سؤالات پاسخ دهم و همچنین شایان ذکر است که تاکنون به هر سؤالی که پرسیده شده پاسخ داده ام.

تخفیف دوره های آینده:

با ثبت‌نام در این دوره، به تمام دوره‌های فعلی و آینده من با کمترین تخفیف ممکن که ما به‌عنوان مدرس می‌توانیم در Udemy - FOREVER ارائه دهیم، دسترسی خواهید داشت.

نمونه کار پروژه:

سایتی که در این دوره ایجاد می‌کنید برجسته‌ترین نمونه کار پروژه شما خواهد بود! هر کارفرمای بالقوه ای که این پروژه را در رزومه شما می بیند، مایل است همه چیز را در مورد آن بشنود. دلیل؟ آن‌ها می‌دانند که پروژه‌ای مانند این به این معنی است که شما با طیف گسترده‌ای از مهارت‌های فنی که باید کارکنانشان بدانند آشنا هستید.

سرگرم کننده!

در نهایت، این پروژه بسیار سرگرم‌کننده است و می‌دانم که با اجرای ایده‌های منحصربه‌فرد خود و همچنین ایده‌هایی که با هم پیاده‌سازی می‌کنیم، زمان بسیار خوبی خواهید داشت. منتظر چی هستی؟


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

خوش آمدی! اطلاعات و راه اندازی Welcome! Info and Setup

  • مقدمه (همانند ویدیوی صفحه فرود دوره) Intro (same as course landing page video)

  • نصب Xampp - Mac/Linux Installing Xampp - Mac / Linux

  • نصب Xampp - Windows Installing Xampp - Windows

  • نصب Xampp - Windows Installing Xampp - Windows

  • نصب ویرایشگر متن Installing a text editor

  • ایجاد صفحه فهرست Creating the index page

  • ایجاد صفحه فهرست Creating the index page

  • ایجاد پایگاه داده ما Creating our database

  • ایجاد پایگاه داده ما Creating our database

  • اتصال به پایگاه داده ما با PHP Connecting to our database with PHP

خوش آمدی! اطلاعات و راه اندازی Welcome! Info and Setup

  • مقدمه (همانند ویدیوی صفحه فرود دوره) Intro (same as course landing page video)

  • نصب Xampp - Mac/Linux Installing Xampp - Mac / Linux

  • نصب ویرایشگر متن Installing a text editor

  • اتصال به پایگاه داده ما با PHP Connecting to our database with PHP

ثبت نام/فرم ثبت نام Register / Sign Up Form

  • بیایید فرم ثبت نام را ایجاد کنیم! Let's create the register form!

  • گرفتن مقادیر از فرم Getting values from the form

  • گرفتن مقادیر از فرم Getting values from the form

  • بررسی مطابقت ایمیل ها Checking that the Emails Match

  • ایجاد جدول کاربران Creating the Users Table

  • بررسی اینکه آیا ایمیل قبلاً استفاده نشده است Checking that the Email Hasn't Already Been Used

  • بررسی اینکه آیا ایمیل قبلاً استفاده نشده است Checking that the Email Hasn't Already Been Used

  • اعتبار سنجی ارزش های باقی مانده Validating Remaining Values

  • ذخیره مقادیر در متغیرهای جلسه Storing Values in Session Variables

  • ذخیره مقادیر در متغیرهای جلسه Storing Values in Session Variables

  • ذخیره سازی پیام های خطا Storing the Error Messages

  • ذخیره سازی پیام های خطا Storing the Error Messages

  • نمایش پیام های خطا به کاربر Displaying the Error Messages to the User

  • نمایش پیام های خطا به کاربر Displaying the Error Messages to the User

  • ایجاد یک نام کاربری منحصر به فرد Generating a Unique Username

  • ایجاد یک نام کاربری منحصر به فرد Generating a Unique Username

  • دادن عکس نمایه تصادفی به کاربر Giving the User a Random Profile Picture

  • دادن عکس نمایه تصادفی به کاربر Giving the User a Random Profile Picture

  • درج مقادیر در پایگاه داده ما Inserting the Values into our Database

  • کارهای پایانی - بالاخره! Finishing touches - Finally!

ثبت نام/فرم ثبت نام Register / Sign Up Form

  • بیایید فرم ثبت نام را ایجاد کنیم! Let's create the register form!

  • بررسی مطابقت ایمیل ها Checking that the Emails Match

  • ایجاد جدول کاربران Creating the Users Table

  • اعتبار سنجی ارزش های باقی مانده Validating Remaining Values

  • درج مقادیر در پایگاه داده ما Inserting the Values into our Database

  • کارهای پایانی - بالاخره! Finishing touches - Finally!

فرم ورود Login Form

  • بهبود کارایی - فقط 2 خط کد اضافی! Improving efficiency - Only 2 extra lines of code!

  • بهبود کارایی - فقط 2 خط کد اضافی! Improving efficiency - Only 2 extra lines of code!

  • ایجاد فرم ورود Creating the login form

  • نوشتن کنترل کننده ورود Writing the Login Handler

  • رسیدگی به خطاهای ورود Handling Login Errors

  • رسیدگی به خطاهای ورود Handling Login Errors

  • بازگشایی حساب بسته شده Reopening a Closed Account

  • بازگشایی حساب بسته شده Reopening a Closed Account

فرم ورود Login Form

  • ایجاد فرم ورود Creating the login form

  • نوشتن کنترل کننده ورود Writing the Login Handler

شکل دادن به صفحه ثبت نام/ورود Styling the Register/Login Page

  • راه اندازی و معرفی CSS Setup and Introduction to CSS

  • راه اندازی و معرفی CSS Setup and Introduction to CSS

  • افزودن تصویر پس زمینه صفحه ما Adding our Page Background Image

  • افزودن تصویر پس زمینه صفحه ما Adding our Page Background Image

  • پس زمینه پنل سفید White Panel Background

  • پس زمینه پنل سفید White Panel Background

  • سربرگ پنل Panel Header

  • سربرگ پنل Panel Header

  • استفاده از فونت های سفارشی Using Custom Fonts

  • شکل دادن به جعبه های ورودی Styling the Input Boxes

  • شکل دادن به جعبه های ورودی Styling the Input Boxes

  • نمایش و پنهان کردن فرم های ثبت نام/ورود Showing and Hiding the Register/Login Forms

  • ثبت صفحه پایان لمس Register Page Finishing Touch

شکل دادن به صفحه ثبت نام/ورود Styling the Register/Login Page

  • استفاده از فونت های سفارشی Using Custom Fonts

  • نمایش و پنهان کردن فرم های ثبت نام/ورود Showing and Hiding the Register/Login Forms

  • ثبت صفحه پایان لمس Register Page Finishing Touch

ساخت پایه سایت ما Building the Foundation of Our Site

  • صفحه سرصفحه و هدایت مجدد کاربرانی که وارد نشده اند Header Page and Redirecting Users not Logged in

  • صفحه سرصفحه و هدایت مجدد کاربرانی که وارد نشده اند Header Page and Redirecting Users not Logged in

  • اضافه شدن توییتر بوت استرپ Adding Twitter Bootstrap

  • ایجاد نوار بالای آبی Creating the Blue Top Bar

  • ساخت لوگوی ساده سایت Making a Simple Site Logo

  • ساخت لوگوی ساده سایت Making a Simple Site Logo

  • نمادهای نوار ناوبری Navigation Bar Icons

ساخت پایه سایت ما Building the Foundation of Our Site

  • اضافه شدن توییتر بوت استرپ Adding Twitter Bootstrap

  • ایجاد نوار بالای آبی Creating the Blue Top Bar

  • نمادهای نوار ناوبری Navigation Bar Icons

شروع صفحه فهرست Starting the Index Page

  • ایجاد ساختار ستون مشخصات کاربر اصلی Creating the Main User Details Column Structure

  • ایجاد ساختار ستون مشخصات کاربر اصلی Creating the Main User Details Column Structure

  • استایل دادن به پنل جزئیات کاربر Styling the User Details Panel

  • افزودن داده به پنل جزئیات کاربر Adding Data to the User Details Panel

  • ایجاد ستون Newsfeed - قسمت 1 Creating the Newsfeed Column - Part 1

  • ایجاد ستون Newsfeed - قسمت 1 Creating the Newsfeed Column - Part 1

  • ایجاد ستون Newsfeed - قسمت 2 Creating the Newsfeed Column - Part 2

  • فایل HTAccess The HTAccess File

  • فایل HTAccess The HTAccess File

  • ایجاد جداول پایگاه داده Newsfeed ما Creating our Newsfeed Database Tables

  • ایجاد جداول پایگاه داده Newsfeed ما Creating our Newsfeed Database Tables

  • برنامه نویسی شی گرا - کلاس کاربر Object Oriented Programming - The User Class

  • به روز رسانی وضعیت ارسال - قسمت 1 Posting Status Updates - Part 1

  • به روز رسانی وضعیت ارسال - قسمت 2 Posting Status Updates - Part 2

  • به روز رسانی وضعیت ارسال - قسمت 2 Posting Status Updates - Part 2

  • اجازه دادن به شکستن خط در پست های ما Allowing line breaks in our posts

  • اجازه دادن به شکستن خط در پست های ما Allowing line breaks in our posts

  • ارسال مجدد فرم را در بازخوانی متوقف کنید Stop the form resubmitting on refresh

  • دکمه خروج فراموش شده The Forgotten Logout Button

شروع صفحه فهرست Starting the Index Page

  • استایل دادن به پنل جزئیات کاربر Styling the User Details Panel

  • افزودن داده به پنل جزئیات کاربر Adding Data to the User Details Panel

  • ایجاد ستون Newsfeed - قسمت 2 Creating the Newsfeed Column - Part 2

  • برنامه نویسی شی گرا - کلاس کاربر Object Oriented Programming - The User Class

  • به روز رسانی وضعیت ارسال - قسمت 1 Posting Status Updates - Part 1

  • ارسال مجدد فرم را در بازخوانی متوقف کنید Stop the form resubmitting on refresh

  • دکمه خروج فراموش شده The Forgotten Logout Button

Newsfeed - دریافت پست ها Newsfeed - Getting Posts

  • بارگیری پست ها - قسمت 1 Loading Posts - Part 1

  • بارگیری پست ها - قسمت 2 بررسی بسته بودن حساب Loading Posts - Part 2 Checking if Account is Closed

  • بارگیری پست ها - قسمت 2 بررسی بسته بودن حساب Loading Posts - Part 2 Checking if Account is Closed

  • بارگیری پست ها - قسمت 3 دریافت مهر زمانی Loading Posts - Part 3 Getting the Timestamp

  • بارگیری پست ها - قسمت 4 خروجی به Newsfeed Loading Posts - Part 4 Output to Newsfeed

  • استایل دادن به پست ها Styling the Posts

  • استایل دادن به پست ها Styling the Posts

  • پیمایش بی نهایت (بارگیری خودکار پست ها) - قسمت 1 Infinite Scrolling (Auto Load Posts) - Part 1

  • پیمایش بی نهایت (بارگیری خودکار پست ها) - قسمت 2 Infinite Scrolling (Auto Load Posts) - Part 2

  • اسکرول بی نهایت (بارگیری خودکار پست ها) - قسمت 3 Infinite Scrolling (Auto Load Posts) - Part 3

  • اسکرول بی نهایت (بارگیری خودکار پست ها) - قسمت 3 Infinite Scrolling (Auto Load Posts) - Part 3

  • پیمایش بی نهایت (بارگذاری خودکار پست ها) - قسمت 4 Infinite Scrolling (Auto Load Posts) - Part 4

  • پیمایش بی نهایت (بارگذاری خودکار پست ها) - قسمت 4 Infinite Scrolling (Auto Load Posts) - Part 4

  • سیستم اسکرول بی نهایت ما - توضیح داده شد! Our Infinite Scrolling System - Explained!

  • سیستم اسکرول بی نهایت ما - توضیح داده شد! Our Infinite Scrolling System - Explained!

Newsfeed - دریافت پست ها Newsfeed - Getting Posts

  • بارگیری پست ها - قسمت 1 Loading Posts - Part 1

  • بارگیری پست ها - قسمت 3 دریافت مهر زمانی Loading Posts - Part 3 Getting the Timestamp

  • بارگیری پست ها - قسمت 4 خروجی به Newsfeed Loading Posts - Part 4 Output to Newsfeed

  • پیمایش بی نهایت (بارگیری خودکار پست ها) - قسمت 1 Infinite Scrolling (Auto Load Posts) - Part 1

  • پیمایش بی نهایت (بارگیری خودکار پست ها) - قسمت 2 Infinite Scrolling (Auto Load Posts) - Part 2

Newsfeed - ویژگی های اضافی Newsfeed - Extra Features

  • تابع 'isFriend' - آیا کاربر 'A' با کاربر 'B' دوست است 'isFriend' function - Is user 'A' friends with user 'B'

  • تابع 'isFriend' - آیا کاربر 'A' با کاربر 'B' دوست است 'isFriend' function - Is user 'A' friends with user 'B'

  • فقط نمایش پست های دوستان Only Showing Posts from Friends

  • ارسال نظرات - قسمت 1 Posting Comments - Part 1

  • ارسال نظرات - قسمت 1 Posting Comments - Part 1

  • ارسال نظرات - قسمت 2 Posting Comments - Part 2

  • ارسال نظرات - قسمت 2 Posting Comments - Part 2

  • نمایش بخش نظرات - (ارسال اولین نظر ما) Displaying the Comment Section - (Posting our First Comment)

  • بارگیری نظرات - قسمت 1 Loading comments - Part 1

  • بارگیری نظرات - قسمت 2 Loading comments - Part 2

  • بارگیری نظرات - قسمت 2 Loading comments - Part 2

  • سبک دادن به نظرات - قسمت 1 Styling the Comments - Part 1

  • سبک دادن به نظرات - قسمت 1 Styling the Comments - Part 1

  • سبک دادن به نظرات - قسمت 2 Styling the Comments - Part 2

  • سبک دادن به نظرات - قسمت 2 Styling the Comments - Part 2

  • رفع اشکال - "نمی توان اطلاعات هدر را تغییر داد..." Bug fix - "Cannot modify header information..."

  • رفع اشکال - "نمی توان اطلاعات هدر را تغییر داد..." Bug fix - "Cannot modify header information..."

  • نمایش تعداد نظرات برای هر پست Displaying Number of Comments for Each Post

  • وقتی روی پیوند کلیک می شود، نظرات را نشان ندهید When Link is Clicked, Don't Show Comments

  • وقتی روی پیوند کلیک می شود، نظرات را نشان ندهید When Link is Clicked, Don't Show Comments

  • دکمه لایک - قسمت 1 Like Button - Part 1

  • دکمه لایک - قسمت 1 Like Button - Part 1

  • دکمه لایک - قسمت 2 Like Button - Part 2

  • دکمه لایک - قسمت 2 Like Button - Part 2

  • مانند دسته دکمه Like Button Handler

  • مانند دسته دکمه Like Button Handler

  • بر خلاف کنترل کننده دکمه (لغو لایک) Unlike Button Handler (Undoing a Like)

  • مانند استایل دکمه Like Button Styling

  • مانند استایل دکمه Like Button Styling

Newsfeed - ویژگی های اضافی Newsfeed - Extra Features

  • فقط نمایش پست های دوستان Only Showing Posts from Friends

  • نمایش بخش نظرات - (ارسال اولین نظر ما) Displaying the Comment Section - (Posting our First Comment)

  • بارگیری نظرات - قسمت 1 Loading comments - Part 1

  • نمایش تعداد نظرات برای هر پست Displaying Number of Comments for Each Post

  • بر خلاف کنترل کننده دکمه (لغو لایک) Unlike Button Handler (Undoing a Like)

صفحه نمایه Profile Page

  • ایجاد نوار نمایه سمت چپ Creating the Left Profile Bar

  • ایجاد نوار نمایه سمت چپ Creating the Left Profile Bar

  • حالت دادن به نوار نمایه سمت چپ Styling the Left Profile Bar

  • افزودن دکمه های دوست - قسمت 1 Add Friend Buttons - Part 1

  • افزودن دکمه های دوست - قسمت 1 Add Friend Buttons - Part 1

  • افزودن دکمه های دوست - قسمت 2 Add Friend Buttons - Part 2

  • افزودن دکمه های دوست - قسمت 2 Add Friend Buttons - Part 2

  • یک ظاهر طراحی دکمه دوست Friend Button Styling

  • یک ظاهر طراحی دکمه دوست Friend Button Styling

  • عملکرد دوست را حذف کنید Remove Friend Functionality

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

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

  • ایجاد صفحه درخواست دوستی Creating the Friend Requests Page

  • ایجاد صفحه درخواست دوستی Creating the Friend Requests Page

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

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

  • شکل دادن به دکمه های درخواست دوست Styling the Friend Request Buttons

  • شکل دادن به دکمه های درخواست دوست Styling the Friend Request Buttons

  • نمایش فرم پست پاپ آپ Showing the Popup Post Form

  • نمایش فرم پست پاپ آپ Showing the Popup Post Form

  • ایجاد فایل جاوا اسکریپت اصلی ما Creating our Main JavaScript File

  • ایجاد فایل جاوا اسکریپت اصلی ما Creating our Main JavaScript File

  • ارسال فرم آژاکس پست Submit Post Ajax Form

  • ارسال فرم آژاکس پست Submit Post Ajax Form

  • اضافه کردن دکمه حذف پست Adding the Delete Post Button

  • عملکرد و استایل دکمه حذف Delete Button Functionality and Styling

  • عملکرد و استایل دکمه حذف Delete Button Functionality and Styling

  • اخبار صفحه نمایه Profile Page Newsfeed

  • اخبار صفحه نمایه - نکات پایانی Profile Page Newsfeed - Finishing Touches

  • محاسبه دوستان متقابل Mutual Friends Calculation

  • محاسبه دوستان متقابل Mutual Friends Calculation

  • نمایش تعداد دوستان متقابل Displaying the Mutual Friends Count

  • آپلود تصاویر پروفایل Uploading Profile Pictures

  • رفع: املا فایل Jcrop JS Fix: Jcrop JS File Spelling

  • رفع: املا فایل Jcrop JS Fix: Jcrop JS File Spelling

صفحه نمایه Profile Page

  • حالت دادن به نوار نمایه سمت چپ Styling the Left Profile Bar

  • عملکرد دوست را حذف کنید Remove Friend Functionality

  • اضافه کردن دکمه حذف پست Adding the Delete Post Button

  • اخبار صفحه نمایه Profile Page Newsfeed

  • اخبار صفحه نمایه - نکات پایانی Profile Page Newsfeed - Finishing Touches

  • نمایش تعداد دوستان متقابل Displaying the Mutual Friends Count

  • آپلود تصاویر پروفایل Uploading Profile Pictures

سیستم پیام رسانی Messaging System

  • شروع در صفحه پیام ها Making a Start on the Messages Page

  • شروع در صفحه پیام ها Making a Start on the Messages Page

  • بازیابی آخرین تعامل با کاربر Retrieving the Most Recently Interacted with User

  • ایجاد جدول پیام ها Creating the Messages Table

  • ایجاد جدول پیام ها Creating the Messages Table

  • عنوان صفحه پیام ها Messages Page Heading

  • عنوان صفحه پیام ها Messages Page Heading

  • تنظیم فرم پیام Message Form Setup

  • ارسال پیام Sending Messages

  • ارسال پیام Sending Messages

  • بازیابی پیام ها - قسمت 1 Retrieving the Messages - Part 1

  • بازیابی پیام ها - قسمت 1 Retrieving the Messages - Part 1

  • بازیابی پیام ها - قسمت 2 Retrieving the Messages - Part 2

  • شکل دادن به فرم پیام Styling the Message Form

  • سبک دادن به پیام ها Styling the Messages

  • پیمایش خودکار به آخرین پیام Automatically Scrolling to Most Recent Message

  • دریافت لیست گفتگو Getting the Conversation List

  • دریافت لیست گفتگو Getting the Conversation List

  • دریافت آخرین پیام از هر مکالمه Getting the Latest Message from Each Conversation

  • دریافت آخرین پیام از هر مکالمه Getting the Latest Message from Each Conversation

  • دریافت لیست مکالمات - پایان یافتن Getting the Conversations List - Finishing Off

  • دریافت لیست مکالمات - پایان یافتن Getting the Conversations List - Finishing Off

  • حالت دادن به لیست مکالمات Styling the Conversations List

  • حالت دادن به لیست مکالمات Styling the Conversations List

  • پیام جدید - قسمت 1 New Message - Part 1

  • پیام جدید - قسمت 1 New Message - Part 1

  • پیام جدید - قسمت 2 New Message - Part 2

  • پیام جدید - قسمت 2 New Message - Part 2

  • پیام جدید - قسمت 3 New Message - Part 3

  • پیام جدید - قسمت 3 New Message - Part 3

  • طراحی صفحه پیام جدید Styling the New Message Page

  • طراحی صفحه پیام جدید Styling the New Message Page

  • پیام های صفحه نمایه - راه اندازی برگه ها Profile Page Messages - Setting up the Tabs

  • پیام های صفحه نمایه - افزودن سیستم پیام ما Profile Page Messages - Adding our Message System

  • پیام های صفحه نمایه - ارسال پیام ها Profile Page Messages - Sending the Messages

  • پیام های صفحه نمایه - ارسال پیام ها Profile Page Messages - Sending the Messages

سیستم پیام رسانی Messaging System

  • بازیابی آخرین تعامل با کاربر Retrieving the Most Recently Interacted with User

  • تنظیم فرم پیام Message Form Setup

  • بازیابی پیام ها - قسمت 2 Retrieving the Messages - Part 2

  • شکل دادن به فرم پیام Styling the Message Form

  • سبک دادن به پیام ها Styling the Messages

  • پیمایش خودکار به آخرین پیام Automatically Scrolling to Most Recent Message

  • پیام های صفحه نمایه - راه اندازی برگه ها Profile Page Messages - Setting up the Tabs

  • پیام های صفحه نمایه - افزودن سیستم پیام ما Profile Page Messages - Adding our Message System

کادر پیام کشویی (از منوی پیمایش) Dropdown Message Box (From Navigation Menu)

  • راه اندازی HTML ما Setting up our HTML

  • نوشتن تابع جاوا اسکریپت ما Writing our JavaScript Function

  • نوشتن تابع جاوا اسکریپت ما Writing our JavaScript Function

  • ایجاد فایل Ajax ما Creating our Ajax File

  • ایجاد فایل Ajax ما Creating our Ajax File

  • بازیابی داده ها برای پنجره کشویی ما Retrieving the Data for our Dropdown Window

  • پیکربندی رشته بازگشت Configuring the Return String

  • یک ظاهر طراحی جعبه پیام کشویی Dropdown Message Box Styling

  • یک ظاهر طراحی جعبه پیام کشویی Dropdown Message Box Styling

  • پیمایش بی نهایت - قسمت 1 Infinite Scrolling - Part 1

  • پیمایش بی نهایت - قسمت 1 Infinite Scrolling - Part 1

  • پیمایش بی نهایت - قسمت 2 Infinite Scrolling - Part 2

  • پیمایش بی نهایت - قسمت 2 Infinite Scrolling - Part 2

  • افزودن نشان پیام به نوار پیمایش Adding the Message Badge to the Navigation Bar

  • استایل نشان اعلان Notification Badge Styling

  • استایل نشان اعلان Notification Badge Styling

کادر پیام کشویی (از منوی پیمایش) Dropdown Message Box (From Navigation Menu)

  • راه اندازی HTML ما Setting up our HTML

  • بازیابی داده ها برای پنجره کشویی ما Retrieving the Data for our Dropdown Window

  • پیکربندی رشته بازگشت Configuring the Return String

  • افزودن نشان پیام به نوار پیمایش Adding the Message Badge to the Navigation Bar

اطلاعیه Notifications

  • ایجاد جدول اعلان ها Creating the Notifications Table

  • ایجاد جدول اعلان ها Creating the Notifications Table

  • ایجاد کلاس Notifications Creating the Notifications Class

  • اضافه کردن نشان اعلان به نوار ناوبری Adding the Notification Badge to the Navigation Bar

  • درج تابع اعلان ها Insert Notifications Function

  • اعلان های پست پروفایل Profile Post Notifications

  • اعلان های پست پروفایل Profile Post Notifications

  • اعلان‌های پست را پسندید Liked Post Notifications

  • اعلان‌های پست را پسندید Liked Post Notifications

  • در مورد اعلان های پست نظر دهید Comment on Post Notifications

  • در مورد اعلان های پست نظر دهید Comment on Post Notifications

  • ارسال یک اعلان برای همه نظر دهندگان Sending a Notification to all Commenters

  • درج اعلان ها - رفع اشکال Inserting Notifications - Bug Fixes

  • کشویی اطلاعیه ها - قسمت 1 Notifications Dropdown - Part 1

  • کشویی اعلان ها - قسمت 2 Notifications Dropdown - Part 2

  • حالت دادن به منوی کشویی اعلان ها Styling the Notifications Dropdown

  • حالت دادن به منوی کشویی اعلان ها Styling the Notifications Dropdown

  • کشویی اعلان ها - رفع اشکال Notifications Dropdown - Bug Fix

  • کشویی اعلان ها - رفع اشکال Notifications Dropdown - Bug Fix

  • ایجاد صفحه برای مشاهده یک پست Creating the Page to View a Single Post

  • ایجاد صفحه برای مشاهده یک پست Creating the Page to View a Single Post

  • نوشتن تابع برای دریافت یک پست واحد Writing the Function to get a Single Post

  • نوشتن تابع برای دریافت یک پست واحد Writing the Function to get a Single Post

  • تنظیم اعلان‌ها روی «باز شده» Setting Notifications to 'Opened'

  • تنظیم اعلان‌ها روی «باز شده» Setting Notifications to 'Opened'

  • نشان اعلان درخواست های دوست Friend Requests Notification Badge

اطلاعیه Notifications

  • ایجاد کلاس Notifications Creating the Notifications Class

  • اضافه کردن نشان اعلان به نوار ناوبری Adding the Notification Badge to the Navigation Bar

  • درج تابع اعلان ها Insert Notifications Function

  • ارسال یک اعلان برای همه نظر دهندگان Sending a Notification to all Commenters

  • درج اعلان ها - رفع اشکال Inserting Notifications - Bug Fixes

  • کشویی اطلاعیه ها - قسمت 1 Notifications Dropdown - Part 1

  • کشویی اعلان ها - قسمت 2 Notifications Dropdown - Part 2

  • نشان اعلان درخواست های دوست Friend Requests Notification Badge

جستجوی زنده Live Search

  • تنظیم فرم جستجو Search Form Setup

  • تنظیم فرم جستجو Search Form Setup

  • جستجوی استایل فرم Search Form Styling

  • جستجوی استایل فرم Search Form Styling

  • فرم جستجو جاوا اسکریپت Search Form JavaScript

  • عملکرد کاربران جستجوی زنده را دریافت کنید Get Live Search Users Function

  • ایجاد صفحه جستجوی زنده آژاکس ما Creating our Live Search Ajax Page

  • تصمیم گیری از کدام Query برای استفاده Deciding which Query to use

  • پیکربندی رشته بازگشت Configuring the Return String

  • اشکال زدایی... Debugging...

  • اشکال زدایی... Debugging...

  • شکل دادن به نتایج کشویی فرم جستجو Styling the Search Form Dropdown Results

  • پنهان کردن نتایج جستجوی زنده هنگام کلیک کردن دور Hiding the Live Search Results when Clicking Away

  • پنهان کردن نتایج جستجوی زنده هنگام کلیک کردن دور Hiding the Live Search Results when Clicking Away

جستجوی زنده Live Search

  • فرم جستجو جاوا اسکریپت Search Form JavaScript

  • عملکرد کاربران جستجوی زنده را دریافت کنید Get Live Search Users Function

  • ایجاد صفحه جستجوی زنده آژاکس ما Creating our Live Search Ajax Page

  • تصمیم گیری از کدام Query برای استفاده Deciding which Query to use

  • شکل دادن به نتایج کشویی فرم جستجو Styling the Search Form Dropdown Results

صفحه نتایج جستجو Search Results Page

  • شروعی برای صفحه نتایج جستجوی ما Making a Start to our Search Results Page

  • نمایش تعداد نتایج یافت شده Showing the Number of Results Found

  • نمایش دکمه Friend در کنار هر نتیجه Displaying the Friend Button next to each Result

  • نمایش دکمه Friend در کنار هر نتیجه Displaying the Friend Button next to each Result

  • پیکربندی رشته بازگشت Configuring the Return String

  • پیکربندی رشته بازگشت Configuring the Return String

  • استایل دادن به نتایج جستجو Styling the Search Results

  • استایل دادن به نتایج جستجو Styling the Search Results

  • افزودن عملکرد به دکمه های دوست Adding Functionality to the Friend Buttons

  • افزودن عملکرد به دکمه های دوست Adding Functionality to the Friend Buttons

صفحه نتایج جستجو Search Results Page

  • شروعی برای صفحه نتایج جستجوی ما Making a Start to our Search Results Page

  • نمایش تعداد نتایج یافت شده Showing the Number of Results Found

  • پیکربندی رشته بازگشت Configuring the Return String

صفحه تنظیمات حساب Account Settings Page

  • پیوند دادن به صفحه عکس نمایه آپلود Linking to the Upload Profile Picture Page

  • ایجاد فرم های اطلاعات کاربر Creating the User Details Forms

  • ایجاد فرم های اطلاعات کاربر Creating the User Details Forms

  • افزودن عملکرد به فرم جزئیات به روز رسانی Adding Functionality to the Update Details Form

  • اشکال زدایی فرم جزئیات به روز رسانی Debugging the Update Details Form

  • اشکال زدایی فرم جزئیات به روز رسانی Debugging the Update Details Form

  • افزودن عملکرد به فرم به روز رسانی رمز عبور Adding Functionality to the Update Password Form

  • افزودن عملکرد به فرم به روز رسانی رمز عبور Adding Functionality to the Update Password Form

  • ایجاد فرم بستن حساب Creating the Close Account Form

  • عملکرد حساب را ببندید Close Account Functionality

  • حالت دادن به صفحه تنظیمات Styling the Settings Page

صفحه تنظیمات حساب Account Settings Page

  • پیوند دادن به صفحه عکس نمایه آپلود Linking to the Upload Profile Picture Page

  • افزودن عملکرد به فرم جزئیات به روز رسانی Adding Functionality to the Update Details Form

  • ایجاد فرم بستن حساب Creating the Close Account Form

  • عملکرد حساب را ببندید Close Account Functionality

  • حالت دادن به صفحه تنظیمات Styling the Settings Page

امکانات اضافی Extra Features

  • ارسال ویدیوهای YouTube از یک URL Posting YouTube Videos from a URL

  • رفع اشکال پیوند یوتیوب جاسازی شده Embedded YouTube Link Bug Fix

  • رفع اشکال پیوند یوتیوب جاسازی شده Embedded YouTube Link Bug Fix

  • محاسبه کلمات پرطرفدار - آماده کردن پست Calculating Trending Words - Preparing the Post

  • محاسبه کلمات پرطرفدار - آماده کردن پست Calculating Trending Words - Preparing the Post

  • محاسبه کلمات پرطرفدار - تجزیه و تحلیل پست Calculating Trending Words - Analysing the Post

  • خروجی کلمات پرطرفدار Outputting the Trending Words

امکانات اضافی Extra Features

  • ارسال ویدیوهای YouTube از یک URL Posting YouTube Videos from a URL

  • محاسبه کلمات پرطرفدار - تجزیه و تحلیل پست Calculating Trending Words - Analysing the Post

  • خروجی کلمات پرطرفدار Outputting the Trending Words

نتیجه - شما موفق شدید! Conclusion - You Made It!

  • از تماشای شما متشکرم! Thank you for Watching!

  • از تماشای شما متشکرم! Thank you for Watching!

  • اطلاعات اولیه در مورد میزبانی وب Basic Information on Web Hosting

نتیجه - شما موفق شدید! Conclusion - You Made It!

  • اطلاعات اولیه در مورد میزبانی وب Basic Information on Web Hosting

ویژگی های درخواستی Requested Features

  • آپلود تصاویر در Newsfeed Uploading Images to the Newsfeed

  • آپلود تصاویر در Newsfeed - قسمت 2 Uploading Images to the Newsfeed - Part 2

  • آپلود تصاویر در Newsfeed - قسمت 2 Uploading Images to the Newsfeed - Part 2

  • رفع اشکال: رفع پست پروفایل Bug fix: Fixing profile posting

  • رفع اشکال: رفع پست پروفایل Bug fix: Fixing profile posting

ویژگی های درخواستی Requested Features

  • آپلود تصاویر در Newsfeed Uploading Images to the Newsfeed

نمایش نظرات

نظری ارسال نشده است.

آموزش یک شبکه اجتماعی از ابتدا بسازید: JavaScript PHP + MySQL
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
17 hours
182
Udemy (یودمی) udemy-small
08 دی 1400 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
13,478
4.7 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Reece Kenney Reece Kenney

مهندس نرم افزار در مایکروسافت

Reece Kenney Reece Kenney

مهندس نرم افزار در مایکروسافت

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.