Welcome! Info and Setup
  • Intro (same as course landing page video)
  • Installing Xampp
  • Creating the index page
  • Creating our database
  • Connecting to our database with PHP
Register / Sign Up Form
  • Let's create the register form!
  • Getting values from the form
  • Checking that the Emails Match
  • Creating the Users Table
  • Checking that the Email Hasn't Already Been Used
  • Validating Remaining Values
  • Storing Values in Session Variables
  • Storing the Error Messages
  • Displaying the Error Messages to the User
  • Generating a Unique Username
  • Giving the User a Random Profile Picture
  • Inserting the Values into our Database
  • Finishing touches - Finally!
Login Form
  • Improving efficiency - Only 2 extra lines of code!
  • Creating the login form
  • Writing the Login Handler
  • Handling Login Errors
  • Reopening a Closed Account
Styling the Register/Login Page
  • Setup and Introduction to CSS
  • Adding our Page Background Image
  • White Panel Background
  • Panel Header
  • Using Custom Fonts
  • Styling the Input Boxes
  • 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
  • Adding Twitter Bootstrap
  • Creating the Blue Top Bar
  • Making a Simple Site Logo
  • Navigation Bar Icons
Starting the Index Page
  • Creating the Main User Details Column Structure
  • Styling the User Details Panel
  • Adding Data to the User Details Panel
  • Creating the Newsfeed Column - Part 1
  • Creating the Newsfeed Column - Part 2
  • The HTAccess File
  • Creating our Newsfeed Database Tables
  • Object Oriented Programming - The User Class
  • Posting Status Updates - Part 1
  • Posting Status Updates - Part 2
  • Allowing line breaks in our posts
  • Stop the form resubmitting on refresh
  • The Forgotten Logout Button
Newsfeed - Getting Posts
  • Loading Posts - Part 1
  • Loading Posts - Part 2 Checking if Account is Closed
  • Loading Posts - Part 3 Getting the Timestamp
  • Loading Posts - Part 4 Output to Newsfeed
  • Styling the Posts
  • Infinite Scrolling (Auto Load Posts) - Part 1
  • Infinite Scrolling (Auto Load Posts) - Part 2
  • Infinite Scrolling (Auto Load Posts) - Part 3
  • Infinite Scrolling (Auto Load Posts) - Part 4
  • Our Infinite Scrolling System - Explained!
Newsfeed - Extra Features
  • 'isFriend' function - Is user 'A' friends with user 'B'
  • Only Showing Posts from Friends
  • Posting Comments - Part 1
  • Posting Comments - Part 2
  • Displaying the Comment Section - (Posting our First Comment)
  • Loading comments - Part 1
  • Loading comments - Part 2
  • Styling the Comments - Part 1
  • Styling the Comments - Part 2
  • Bug fix - "Cannot modify header information..."
  • Displaying Number of Comments for Each Post
  • When Link is Clicked, Don't Show Comments
  • Like Button - Part 1
  • Like Button - Part 2
  • Like Button Handler
  • Unlike Button Handler (Undoing a Like)
  • Like Button Styling
Profile Page
  • Creating the Left Profile Bar
  • Styling the Left Profile Bar
  • Add Friend Buttons - Part 1
  • Add Friend Buttons - Part 2
  • Friend Button Styling
  • Remove Friend Functionality
  • Add Friend Functionality
  • Creating the Friend Requests Page
  • Accepting and Ignoring Friend Requests
  • Styling the Friend Request Buttons
  • Showing the Popup Post Form
  • Creating our Main JavaScript File
  • Submit Post Ajax Form
  • Adding the Delete Post Button
  • Delete Button Functionality and Styling