
Welcome and introduction to AJAX!
Students will learn how to create the foundational HTML file and set up the project environment for the course. They'll practice writing the basic HTML structure and, most importantly, linking to the Bootstrap and jQuery libraries via a CDN to get ready for writing Ajax code in the upcoming lessons.
Students will learn how to perform Ajax requests from scratch using the browser's built-in XMLHttpRequest (XHR) object. They'll master the classic, multi-step process of opening a request, handling the server's response, and checking the status, which is a foundational concept of client-server communication on the web.
Students will learn how to create the simple back-end PHP page that will serve as the target for their front-end Ajax calls. They'll practice writing a basic script that can process an incoming request and use the echo statement to send a response back to the browser, completing the client-server loop.
Students will learn how to handle asynchronous responses using the onreadystatechange event handler, a core part of the XMLHttpRequest object. They'll master how to check the readyState and status properties within this function to confirm that a server request is complete and successful before processing the returned data.
Different readystate and status of Ajax
Students will learn the complete, full-stack process of retrieving multiple records from a database as a single array using Ajax. They'll master how to use PHP to fetch data and encode it into the JSON format, and then use JavaScript to receive and loop through this array to dynamically build out content on their webpage.
Creating URL Variable
Getting Input Result
Download and Install Bootstrap and jQuery!
Students will learn the fundamental building blocks of HTML syntax, the language used to create all webpages. They'll master the core concepts of tags and attributes and learn how to create the basic boilerplate structure that forms the skeleton of any HTML document.
Students will learn the essential HTML markup for creating a web form to collect user input. They'll master how to use the <form> container and various <input> types, and learn the importance of using <label> tags for accessibility and a better user experience.
Students will learn the correct semantic HTML structure for creating tables to display data in rows and columns. They'll master the use of the essential table tags, including <table>, <thead>, <tbody>, <tr>, and <td>, to build a well-organized and accessible data table for their webpages.
Students will learn the foundational steps of setting up a database by creating both a new MySQL database and their first table. Using a tool like phpMyAdmin, they'll define the table's structure by adding columns, assigning data types, and setting a primary key with auto-increment to store their application's data.
Students will learn the back-end logic for handling username creation during a user registration process. They'll master how to write a PHP script that takes a submitted username and queries the database to ensure it's unique before a new account can be created, a critical step in any login system.
Students will learn how to build a complete Ajax interaction by creating both the front-end request and the back-end PHP page that handles it. They'll practice writing the JavaScript to send an asynchronous request to the server and the corresponding PHP script to process that request and send back a dynamic response.
Students will learn how to write the essential PHP script that establishes a connection to a MySQL database. They'll master using the mysqli extension with the required credentials (hostname, username, password, database name) and learn how to implement proper error handling to ensure the connection is successful before running any queries.
Students will learn the complete process for getting data from a MySQL database and displaying it on a webpage using PHP. They'll master how to write and execute a SELECT query and then loop through the results to dynamically generate HTML content, a foundational skill for any data-driven website.
Students will learn the modern technique for submitting a form without a page reload using Ajax. They'll master how to intercept the default submit event, serialize the form's data, and send it to a server-side script asynchronously for a seamless and responsive user experience.
Students will learn how to write the back-end PHP script that processes the data sent from an Ajax form. They'll master how to retrieve the submitted data from the $_POST array, validate it, and execute an INSERT query to save the new record in the database, completing the full-stack operation.
Students will learn the complete full-stack workflow for deleting a record from the database asynchronously using Ajax. They'll master sending a record's ID from the front-end to a PHP script that runs a DELETE SQL query, and then updating the user interface in real-time without a page reload.
Students will learn how to build the front-end edit form used to update database records. They'll master the process of retrieving a specific record's ID from the URL, fetching the corresponding data from the database with PHP, and using it to pre-populate the form fields, preparing them for the user to make changes.
Students will learn how to create a dynamic HTML dropdown menu by populating its <option> tags with data fetched directly from a database table. They'll master the PHP code required to query the database and loop through the results to generate each option, a core skill for building data-driven web forms.
Students will learn how to write the back-end PHP script that makes their edit form functional by processing its submission. They'll master how to retrieve the submitted data, construct a secure SQL UPDATE query with a WHERE clause, and execute it to save the changes to the correct record in the database.
Students will learn complete editing in out final lecture
Want More?! Watch Our Special Bonus Lecture & Continue Learning With Us Today!
Welcome To Complete AJAX Course: Learn AJAX Techniques Using Bootstrap
⇉ Watch the promo video to see How You Can Begin Using AJAX Techniques
⇉ Join Over 950,000+ Students Who Have Enrolled In My Udemy Courses This Year!
⇉ 7,500+ Five Star Reviews on our courses prove Students Who Enrolling Are Getting Real Results!
Then this course is for you! Click "Take This Course Now" For Instant Life-Time Access!
"Very interesting and informing course. Worth it, easy to understand." -Gustavo Tiexeira
"The author explains difficult concepts easily. I highly recommend this course to anyone who wants to learn AJAX" -Frank Dupree
⇉ You receive over 3+ hours of video content & 20+ lectures & So Much More!
__________________________________________________________________________
In This Course You Will Learn All About AJAX! which is “the method of exchanging data with a server, and updating parts of a web page - without reloading the entire page.” -Wikipedia
You Will Also Learn How:
We can use Ajax with many HTML Events like onclick, onmouseout and many more!
We can run Ajax without any click at the time of body load.
We can run Ajax without any click by giving an specific time to reload.
We don't need to refresh the page from PHP or any other server side programming language using Ajax
So Much More!
__________________________________________________________________________
With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards Using AJAX Techniques with Bootstrap!
When I learn something new, I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.
In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course.
__________________________________________________________________________
What I can't do in this Course..
I can't guarantee your success – this course does take work on your part. But You Can Do It!
I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.
__________________________________________________________________________
This course will not remain this price forever! It's time to take action!
Click the "take this course" button at the top right now!
...every hour you delay is costing you money...
See you in the course!
Sincerely,
Joe Parys & Shahzaib Kamal