
Learn to build your own twitter-like site using php, mysql, and javascript, and explore features like tweets, comments, deleting tweets, and a notifications system.
Download and install XAMPP to get a low-cost development environment up and running, selecting the correct operating system and following the setup steps.
Create the necessary folder and initialize files to start building a twitter clone with PHP, MySQL, and JavaScript, including AJAX interactions and local testing.
Create the main page structure with a two-column layout, adjust the body margins and font size, and wire links to reflect a Twitter-style interface.
Develop the left section of the twitter clone by refining the UI layout and mastering positioning concepts, including absolute versus relative positioning within a parent-child element hierarchy.
Create the right section of the Twitter clone UI by configuring the right content with grid placement, adjusting padding, font sizes, margins, colors, and icons for a polished layout.
Design and implement the footer for the Twitter clone, refining the navigation, adjusting padding, margins, and font size, and styling links to match the main page.
Create the structure of the sign-up page for a twitter clone using PHP, MySQL, and JS, covering form setup, email and password fields, file creation with includes, and browser testing.
Develop the signup navigation and container for a twitter clone, building a two-column form, linking a master file, and refining color, font size, and layout for browser testing.
Create and refine the signup page layout for the twitter clone by configuring a two-column grid, adjusting margins and font sizes, and implementing show password functionality.
Create the login page for the Twitter clone, accepting a username or email, connecting the frontend to the backend, and preparing for data sanitization in the next video.
Set up a new MySQL database named Twitter in phpMyAdmin, create a dedicated user, assign privileges, and link the user to the Twitter database to enable the project backend.
Set the time zone, initialize a new file, configure defaults, and work with the database as you begin building the twitter clone with php, mysql, and js.
Learn to connect a MySQL database by configuring a connection file, setting the username and password, and testing the driver to ensure a successful connection.
Define and configure the database connection constants in the config file, including the database name, user, password, and host, then load and test them in the browser.
Create a database connection in PHP for a Twitter clone using MySQL, building a class with public and protected properties and a constructor to manage the connection.
Create a static method to access the database anywhere in your project, enabling the database class to be globally accessible and update the config with the database name and password.
Explore how to implement a magic method as a proxy to a native pdo method in php, highlighting method calls, admin-centric concepts, and practical coding patterns.
Implement a show password feature with JavaScript for signup and login forms, switching input types and debugging path issues while ensuring the script is properly linked.
Master client-side validation in a twitter clone setup by switching the form method to post, preventing sensitive data exposure, and enforcing required attributes on inputs.
Validate form submissions by checking $_POST data for non-empty fields, including first name, and sanitize inputs to prevent malicious code in your PHP MySQL JS Twitter clone.
Learn to sanitize form data by trimming spaces, cleaning input before database insertion, and implementing a sanitizer class to prevent malicious input and protect data integrity.
Create a dedicated form sanitiser class in PHP to sanitize user input, compare static vs instance access, and validate fields like first name, last name, email, and password.
Create an account class to manage user registration, validate first name length, connect to the database, and handle fields like first name, last name, username, email, and password.
Start by implementing a private validation function for the first name length. Enforce two to twenty-five characters using a class constant for reuse.
Learn to output and style error messages in a PHP, MySQL, and JS project by returning messages through a class and displaying them in red in the browser.
Implement last name validation in a signup flow using PHP, MySQL and JavaScript, guiding learners through live browser testing and form feedback in a Twitter clone project.
Create a stable user table with 15 columns, using an auto-incrementing key, to support the Twitter clone backend.
Generate a unique username by combining the user's first and last name, verify it is not in the database, and assign a unique number using prepared statements.
Create a private length validation method in the PHP twitter clone project, accepting input and a minimum value, and verify its behavior via browser testing.
Validate user emails in a PHP, MySQL, and JS project by checking format and availability, and implement real-time feedback to guide sign-up flow.
Validate passwords in a PHP, MySQL, and JS twitter clone by enforcing length between 5 and 30 characters, verifying password matches, and ensuring the password contains letters and numbers.
Identify and validate data by checking for empty fields and using public functions, ensuring successful form processing in the browser while building a PHP, MySQL, and JS Twitter clone.
This lecture demonstrates how to remember previously entered values in form fields to save users from retyping, covering input handling for first name, last name, email, and password.
Learn how to securely hash passwords to protect user data in a Twitter clone project, including choosing an algorithm and handling placeholders and storage considerations.
Generate a unique profile picture for a user by selecting a random image from default and asset images, improving the profile aesthetics.
Connect to the database and use a prepared insert statement to bind first name, last name, username, email, password, and profile image, then execute to insert the user data.
Build a verification page for your twitter clone using PHP, MySQL, and JS, including a verification flow and sending a verification email.
Create a user class and a user data method, connect to the database, and verify user data to support a secure Twitter clone built with PHP, MySQL, and JavaScript.
Master testing PHPMailer within a PHP MySQL JS project, including configuring email sending, managing accounts, and navigating security and verification steps.
Set up PHPMailer in the PHP project, include and initialize it within the classes, and configure email sending functionality for user communication in the twitter clone.
Create a verification class with a static method to generate a unique verification link by connecting to the database, using a magic method to produce a timestamped token.
Learn to build a PHP-based method to send verification emails using SMTP, configuring sender details, subject lines, and message content to verify user accounts.
Create a verification table in your database by navigating to admin, selecting the database, and creating a new table named verification, then configure time and values.
Learn to implement a reusable insert method in PHP to set data into a MySQL table by passing the table name, fields, and values, and test it in the browser.
Insert the verification code into the verification table using a form and implement the initial verification method to validate user input.
Implement a verifyCode method to verify new user accounts in a PHP, MySQL, and JS Twitter clone, detailing the verification flow and the required database columns.
Learn to implement account verification in a Twitter clone built with PHP, MySQL and JS, including email link, get request handling, and sanitization.
Complete account verification by clicking the email verification link and confirming the user status, then redirecting to the home page.
Create the token table in your twitter clone database, define columns, establish relationships, and manage updates and verifications to support followers and following features in subsequent steps.
Master token and cookie-based authentication in a PHP, MySQL, and JavaScript Twitter clone, implementing session management, remember me functionality, cookie naming, and precise expiration timing.
Redirect unverified users to a verification page and implement email verification links to guide sign-ins to the verified homepage in a PHP, MySQL, and JavaScript Twitter clone.
Explore cookie-based functionality to keep users logged in by managing sessions, database checks, and login states, implemented within a PHP and MySQL driven Twitter clone.
Learn to complete the login functionality for a Twitter clone, including cookie handling, verification, and database checks of username and password using PHP and MySQL.
Design the news feed page with a two-column layout, using templates and a template column to give the main content a larger portion.
Create a Twitter clone news feed left section with PHP, MySQL and JS, covering navigation, user profile icons, dynamic content and notifications.
Style the left section of the twitter clone with CSS layout techniques like flex and grid, adjust positioning and spacing, and render user avatar and username from the database.
Implement a Twitter clone interface using PHP, MySQL, and JavaScript by applying JavaScript functionality to attach an active class to navigation items and detect the current page.
Learn to dynamically change the top navigation icon based on the current page, implementing conditional icon logic for home, messages, and notifications in a PHP, MySQL, and JS Twitter clone.
Design and implement the logout layout for a Twitter clone using PHP, MySQL, and JavaScript, including UI elements, session handling, and user flow for signing out.
Style the logout modal by setting its position, layout, and colors, tune font size, and prepare its click-to-open behavior for a Twitter clone interface.
Implement a logout modal in the twitter clone by showing it on user action, toggling display with JavaScript, and closing it when clicking outside.
Learn to implement a delete method to remove records from a database table in a PHP, MySQL, and JavaScript twitter clone, including table creation and SQL operations.
Debug sql queries in php by echoing statements, inspecting database results, and verifying query conditions to identify and fix issues for reliable data handling.
Implement logout functionality by inspecting cookies, destroying the user session, and ensuring the sign-out works across the app using PHP and cookies.
Refactor your twitter clone code by refining login and sign-up flows and credential handling with PHP, MySQL, and JS.
Design the twitter clone's news feed main page by building a two-column grid and arranging posts with images and layout adjustments.
Style the news feed main page for a Twitter clone by designing containers, margins, and responsive layouts. Prioritize accessibility with keyboard navigation and screen reader support.
Create the tweets table for a twitter clone, define its columns and default values using MySQL, as part of building PHP, MySQL and JS from scratch.
Implement real-time form behavior by enabling or disabling the submit button as users type, using input events, value validation, and preventing default submission to send clean data to the database.
Create a tweet posting method by handling user input, sanitizing and escaping data, and securing user identity to protect the database.
Analyze css challenges by inspecting class names and their styling impacts in this video. Apply these insights while building a twitter clone with php, mysql, and js.
Create the post container for a Twitter clone, wiring user data and timestamps to render posts in the home timeline, including test images and reply interactions.
Style the postContainer to display posts side by side with proper spacing, margins, and font sizes; tune colors and alignment for a clean, structured layout in the twitter clone.
Apply complete post styling for a Twitter clone, adjusting background color, icon colors, and post container using CSS classes and assets to achieve consistent visuals.
Create a tweet class with a constructor and a static database connection, and implement a method to fetch posts from the database for display.
Learn to display tweets in a PHP, MySQL, and JS Twitter clone from scratch by retrieving posts, ordering them, and showing the current tweet with integrated user data.
Implement infinite scrolling to load new posts as users scroll, testing with small post batches, and manage offsets and limits in PHP and MySQL to fetch and display updated content.
Create a hashtag UI by building and styling interactive UI components with HTML, CSS classes, and JavaScript, wiring data sources, and refining layout and colors.
Create a mention UI for a twitter clone, coordinating images, sources, and front-end display to ensure clear, accessible news-style content.
Implement a functionality to hide mentions by toggling the element's display to none, reference the script in the view, and ensure it updates as users type.
Create a twitter clone feature that displays hashtags in the tweet form as users type, with live content updates and validation using PHP, MySQL, and JavaScript via AJAX.
Create the trends table by planning its columns and creation timing, and test how it integrates into a Twitter clone project.
Display data from the database by executing SQL queries and rendering a dynamic feed as part of building a Twitter clone with PHP, MySQL, and JS.
Implement a method to display mention users by retrieving and listing all users from the database using PHP, MySQL, and JavaScript in the Twitter clone workflow.
Learn how to design and insert data into a tweets table by building conditional database operations, including id and user_id management, in a php mysql setup.
Learn how to make tweet links clickable in a twitter clone built with php, mysql, and js from scratch.
Do you want to be pro web developer or want to create social network engine just like twitter?
Do you want level up your coding skill in php, mysql and javascript?
If so, you’re in the right place! This course will guide you step by step in creating your own Twitter clone COMPLETELY from scratch.
We’re talking the kind of website that will amaze anybody that sees it. The kind of website that will get you hired in no time!
Okay so what’s the course about?
I will personally guide you, step by step, in creating your own social network site just like Twitter complete with:
Tweets
Likes, comments and retweets
Profile pages
Following and followers support
Notification System
Clean Friendly URLs
Profile pictures
Cover photos
Hashtags & Mention Users
and much more!
Whether you are a beginner* or an experienced programmer, this course will be massively beneficial to you.
Why should I take the course?
In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS, PHP, JQuery, JavaScript and MySQL.
If you take this course, you will have nothing to worry about because we use all of these skills extensively!
Support:
By enrolling in this course, you will have the COMPLETE support from Christopher Glikpo. I'm always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice - it doesn't matter, I'm always happy to help! I always aim to respond to questions within a few hours and it's also worth noting that I've answered EVERY SINGLE question asked so far.
Project portfolio:
The site you create in this course will be the highlight of your project portfolio! Any potential employer who see's this project on your resume will want to hear all about it. The reason? They know that a project like this means you're familiar with the wide range of technical skills they need their employees to know.
Fun!
Finally, this project is a lot of fun and I know you'll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for?
* Although this course is suitable for beginners, it is not an introduction to development course. I won't go into much detail when explaining the basic programming concepts but I'm here to help if you want more of an explanation - just let me know!