
Build a premium social network from scratch using PHP, MySQL, and JavaScript, covering signup and login, profile and post features, emoji-enabled messaging, and a responsive newsfeed.
Navigate a day-by-day plan to build a fully functional social network from scratch, covering authentication, profiles, posts, interactions, notifications, and real-time messaging.
download and install xampp on windows, start apache and mysql, adjust port 80 if needed, and access localhost to view the dashboard and phpmyadmin.
Download and install the brackets code editor, then use the extension manager to install emmet and beautify, and apply Monaco dark for coding.
Create a structured project skeleton by building an htdocs root named facebook, then add assets (css, js, images), a connect/database folder, core/ajax and core/classes folders, plus a users folder.
Create a sign-up html structure in brackets editor, organizing header and main with input fields for first name, last name, email, password, birthday, gender, terms, and a submit button.
Design and implement a responsive sign up page using a css file, flexbox layout split 50/50, styled inputs and buttons, and dynamic styling for background, borders, and shadows.
Create a dynamic birthday date picker using JavaScript and jQuery, populating days, months, and years (1901–2019) and updating the day count when the month or year changes.
Explore how a sign-up form collects user inputs like first name, last name, mobile, password, and gender, then posts them to a PHP script for MySQL storage.
Connect your site to a MySQL database using a PDO-based DBI class with static connect and query methods, using prepared statements and utf-8 settings.
Define a users table in mysql, with id as auto_increment primary key, and add fields for first name, last name, screen name, email, password, and birth date.
Store and validate user input in a PHP signup form using post data, including first name, last name, email, mobile, password, birth date, and gender, with checks for empty fields.
Create user and post classes in PHP, wire a MySQL connection with PDO, and apply inheritance and file inclusion for a basic social network.
Create objects for the user class from a load file using a global PDA connection and load the php file to avoid repetition.
Create a check input method to sanitize and validate user data, prevent attacks by encoding special characters, trimming whitespace, stripping slashes, and ensuring unique screen names via database checks.
Learn to validate email and mobile input with regular expressions in a php mysql social network project, including email checks, mobile validation, error handling, and inserting new users.
Build the create method to insert user records by mapping columns like first name, last name, email, and mobile to key-value pairs and executing a prepared statement.
this lecture demonstrates inserting user data securely with password hashing, validating inputs, debugging signup flow, and creating a token table for login in a php+mysql social network.
Create a token system in php and mysql to secure user data, with a token table linked via a foreign key to users, and manage authentication cookies.
Extend the sign-up system to support mobile number registrations alongside email, validating inputs with a regular expression, checking for existing records, storing user data, and generating tokens.
Create a login form in html by building email/mobile and password inputs, a submit login button, and corresponding input field classes, then save and refresh to view the sign-in ui.
Design and refine a login form with CSS flexbox, header alignment, and styled inputs, then preview in the browser and prepare for indexed database login.
Build a login backend that authenticates users by email or mobile and password, validates input with regular expressions, checks the database, and generates tokens for successful logins.
Create a profile page html structure with a header and top bar, a two-column body featuring a cover photo, profile image, bio, and timeline.
Design a left-aligned profile top bar with a logo and search input, and a right-side icon area, by creating logo tab, top icon, and search result classes using flexbox.
Design and implement the profile top bar right side by building a top pick image and name, link to profile, and icons for home, friend requests, messenger, and notifications.
Implement a topbar icon edit by declaring and duplicating classes, testing updates with browser refresh, and manage whether the user is logged in to show profile or sign up.
Create a stay-logged-in system by checking a user cookie against a sha1 hashed database token via a PHP login flow, then redirect to the profile when authenticated.
Learn to get a user id by name via a URL parameter and a prepared php query. The lesson covers input validation, binding, and fetching the user profile.
Create a profile table for a social network with PHP and MySQL, including primary key, foreign key to users, and fields like name, bio, birth date, cover photo, and language.
Develop a profile data storing method during sign up, saving user id, first name, last name, and default profile and cover pictures in the profile table.
Download section source code.
Design and implement a cover photo feature for a social network, including profile picture updates, conditional upload controls for profile owners, and client-side styling and interactions.
Learn to implement a cover photo upload button with javascript and php+mysql, toggle a color option, adjust font size and line height, and store the uploaded image in the database.
Upload a photo and extract the image name by splitting the path. Send the file data via ajax to a php controller to save the image and update the database.
Learn how to upload a cover photo with ajax and php, create user-specific folders, handle multipart form data, and dynamically update the cover image on a social network profile.
Design a profile section that displays the user’s profile picture and name, and enable uploading with a dedicated class; store profile data as two parts in the database.
Create a profile picture upload dialog box with a strip jiggery library, using html, css, and javascript to show the dialog and handle photo upload, then test in the browser.
Build a complete profile photo upload system using PHP and MySQL with client-side JavaScript to handle file selection, upload, server storage, and updating the user's profile picture.
Build a bottom cover bar for the social network, with timeline, about, friends, and photos buttons, using data attributes for profile and user IDs and proper layout.
Fixes user profile link issues by restoring profile picture and cover upload, correcting undefined username, updating database entries, and applying CSS tweaks while clearing browser cache.
Design the user intro section of a social network profile by building a bio intro with image and text, plus a timeline and feature links, styled with border.
Design post box 1 builds a status posting user interface for a social timeline, including a text area, profile picture, and a plus to post to the timeline.
Design post box 2 guides you to build the bottom section of a social post editor, wiring image uploads, caption input, and status styling with CSS and browser preview.
Design the post action area by building a share button with privacy options, icons, and responsive styling using CSS flexbox to align items and control layout.
Explore integrating emoji into a post editor by configuring emoji plugins, linking assets, and enabling emoji display and insertion in a PHP+MySQL social network project.
Learn how to use JavaScript to reveal and control the share button in a post area by toggling visibility with class names and focus events.
Learn to implement a post image preview by uploading photos, viewing them in a preview panel, removing images with a cross, and styling the preview and controls for multiple files.
Build a post system that saves text and image names to database, supports multiple image uploads up to 10, validates file types and sizes, and stores image paths from root.
Build a posting system that uploads images and text statuses, handles form data with post requests, saves files to user folders, and stores the post data in the database.
Create a post database by drafting a MySQL table called post, with columns for post content, user_id, share data, and timestamps, using utf8 and primary and foreign keys.
Learn to store a text and image post in a database using PHP, MySQL, and JavaScript by inserting post data into the post table and handling status text and image.
Display post 1 explains how to fetch and render a user's timeline by pulling post data from the database, including user info and profile pictures, using PHP and SQL queries.
Develop and display a dynamic social feed by composing news feed items with text posts, user names, profile pictures, and time ago timestamps, while implementing post options and database integration.
Display post complete by fetching and decoding post data from the database, rendering it in the profile timeline, and enabling like, comment, and share actions.
Learn how to display a post image in a social network, handle image interactions, show comments and reactions, and manage posts and profiles.
Develop a post image feature for a social network by implementing image posting, user interface controls, and a responsive layout with flex and absolute positioning; test and refresh the view.
Learn to complete the image post show feature by debugging an undefined variable, wiring the comment submit function, encoding the comment, and refining the UI to display and post comments.
Write JavaScript to enable post editing in a social network, handling edit options, post option details, and traversing parent and sibling elements to update, delete, and display post text.
Extract post data and profile image with dom traversal, normalize text with replace and trim, and show an edit post modal; save updates via edit_post.php and update the post.
Learn how to update a post with PHP and MySQL using prepared statements, binding parameters for post text and user ID, and executing the update.
Delete a post from the timeline by triggering the delete method, confirming the action, and removing the post from the database with PHP and MySQL using prepared statements.
Learn to build a reactive table with php+mysql and js, defining id (primary key, auto increment), reactions, comments, and reaction time, plus various reaction types.
Implement a live post reaction system for a social network using JavaScript and PHP with MySQL, handling post queries, user reactions, and dynamic like counts.
Learn to implement a main react count method to tally post reactions, group by type, and display top counts in a PHP+MySQL social network.
Write JavaScript for the main React interface by implementing a like action: select DOM elements, fire the function on click, update the like count, and manage classes and text.
Implement a like system for social posts by toggling classes and colors, updating the like icon and text, and syncing with the backend to refresh the react count.
Build and test a post reaction feature that saves likes to the database, fixes UI alignment with display flex, and outlines backend methods to handle reactions.
Develop a react-based reaction system for a social network that manages love and other icons, using on-click events to update counts, reveal icon bundles, and propagate actions to the parent.
Develop a React type system for post reactions by toggling classes, updating color styling, and managing attributes and data submission to reflect likes and statuses.
Create a comments table to store user comments for posts. Define columns for id, comment text, user_id, post_id, date_time, and optional like count, all using utf8 encoding.
Create a comment system using PHP and MySQL, implementing fetch and post operations, counting comments, and rendering a comment list with profiles and reaction counts.
Implement a comment display feature by defining a comment class, handling reaction counts, and conditionally rendering comments based on react state, with debugging steps and asset references.
Develop the comment show feature in a PHP+MySQL social network, implementing conditional comment display, user details, and interactive options like edit, delete, and like with timestamps.
Learn to implement a dynamic comment count for a social post by building the comment input, display box, and real-time update logic using PHP, MySQL, and JavaScript.
Explain implementing the comment submission process with JavaScript: clicking the comment button focuses the input, submits on enter (13), stores in the database, and appends the comment to the list.
Fetch the last comment for a post, iterate through comments to display it, and render a react-like icon with hover and click interactions using PHP and MySQL data handling.
Create a comment reaction feature by wiring a click handler to toggle like states, update styles, and reflect user reaction on each comment.
Develop and integrate a comment react feature using php and javascript, including function creation, post handling, react type tracking, and database updates to prevent multiple reactions.
Develop and test a comment and reaction system within a social network by building posts, timeline, and editor flows, with browser refresh checks and debugging.
Develop a per-comment edit and delete workflow for a social network built with php, mysql, and javascript. Learn to implement an edit form and per-comment controls to moderate offensive content.
Build and test create, update, and delete methods for posts and comments using a PHP+MySQL backend, wiring UI controls to database operations.
Create a reply fetch method to load and post replies within a social feed, building comment and reply structures and wiring input UI to display threads.
Implement a reply comment system that counts max reacts and displays up to three reactions for each replay, using PHP+MySQL and JavaScript to update the UI.
Implement a react check method and error handling in a social network project, wiring comment and reply features, validating text, and ensuring smooth post updates.
Explore how to implement a JavaScript driven reply input, wiring click events, handling input, and posting replies to a database while managing profile picture references.
Build a PHP + MySQL reply commenting system for a social network, handling user placeholders, posting comments, saving to the database, and dynamic reply input display.
Build a reactive reply system for a social network by implementing a comment-driven button and multiple reply types, with functions, hover effects, and UI updates.
Implement the reply submission and management flow for a social network, including posting, deleting, and updating replies, handling like interactions, and connecting frontend actions to a PHP+MySQL backend.
Learn error handling while building a reply and delete system for posts and comments in a social network, including likes, react, common parent relationships, and database integration.
Debug and refine a social network UI by implementing reaction types with color cues, adjusting font sizes and spacing, and aligning posts and replies with flexbox layout.
Implement a replica of the reply edit and delete options, wiring the reply button and classes to enable editing and managing post replies in php/mysql and js based social network.
Learn to implement reply editing, saving, and deleting in a social network, including text editing, dialog boxes, and refreshing states to manage comments effectively.
Design and implement a social network workflow by creating posts, logging in, replying and commenting, and building a responsive reply and comment system with edit and delete capabilities.
Fixes a reply bug where clicking could delete a reaction; documents a column and a 77-line log as part of the debugging process.
Build a post sharing system with a share dialog, track and display share counts, and store share text and user profiles using php, mysql, and js.
Develop and display shared posts by implementing store and show functionality, enable post sharing, and manage edit/delete options based on the post owner.
Learn to implement a shared post feature with edit and delete options on a social timeline using PHP, MySQL, and JavaScript, including UI controls and database updates.
Build and test a sharing and posting workflow in a social network, track share counts, and manage privacy with code walkthroughs.
Create a shared post edit option in a php+mysql, js social network, enabling editing, updating, and deleting shared posts within the timeline, while managing post details and associated comments.
Do you want to be pro web developer or want to create social network engine?
Do you want level up your coding skill in php, mysql and javascript?
If so, you are in right place. $1000+ valued course will provide you almost all necessary web coding technology top of php, mysql and javascript that will make you a pro full stack web developer and in step by step guide this course will introduce you to the almost all important feature of a social networking website engine like facebook.
This course pack with more than 38+ hours of content with source code. Where you will get project full source code. In details writing with explanation from scratch creating such website will give you a class of confident that will make you able to create almost all types of website.
A premium class course that absolute worth of more than then its price tag that nothing to compare with the course content in whole internet.
Some of the feature like advance react system, reply system is so much distinctly unique that is hard to find in any course in the world.
So why are you waiting for. Enroll and lets move in our first day class.