
Explore the basics of xml, the language for storing and transporting data with extensible tags, platform independent and easy to read, and prepare to integrate ajax into web pages.
Learn XML basics, including declaration tags, elements, attributes, and comments, and examine a blockbuster movie example with a root, category attribute, and child elements.
Explore how XML schemas describe Excel documents' structure and content, enabling data exchange and validation across industries with namespaces, data types, and extensibility, including Ajax.
Learn to use JavaScript to access a movies.xml file in the web root's xml folder, and render a table with each movie’s title, producer, year, and price.
Learn to use ajax request objects to exchange data with a server asynchronously, open and send requests, and render responseXML or responseText into a table using document.write and getElementsByTagName.
Explore how ajax enables asynchronous javascript and xml to update web pages without reloads, using http requests and xhr to exchange data and render results via the dom.
Create an ajax-powered search box that shows matches from a predefined list as you type, without page reload; build the HTML form, the suggest function, and the PHP script.
Learn how ajax retrieves database records to populate a select menu and display a data table, refreshing without page reloads. Set up PHP scripts and a test database.
Develop a four-page responsive website with a bootstrap theme, including home, about, blog, and contact pages, plus a secured members blog with Ajax validation and password encryption.
Configure a local web server, set up the perfect cup bootstrap theme in your web root, rename pages to php, and launch index.php to preview changes.
Open the index file to tailor the theme with bootstrap and CSS; update the home page title, text, and author, remove extra content, and centralize navigation in an included file.
Update page titles and copy to reflect the perfect cup theme. Create an external navigation file and include it in index.php, then save and refresh to apply changes.
Learn how to modify the about page by updating titles, headers, text, and images, replacing the navigation with an external include, and embedding a responsive YouTube video.
Modify the blog page by replacing navigation with a php require, updating titles and footer, and turning each post into a read more button that opens a post-specific modal.
Create a database and a members table with an auto-increment id, first name, last name, email, and password fields using utf unicode c.i. collation for members-only blog's registration and login.
Adapt a contact page template to build a registration form with inputs for first name, last name, email, and password, using ajax and BHP for validation and data insertion.
Use JavaScript and AJAX with jQuery to post first name, last name, email, and password to an HP script, interpret status codes, and show success or error messages without refreshing.
Develop a PHP validation script that escapes inputs, validates names and email, hashes the password with bcrypt, inserts the user into the database, and starts a session storing user data.
Create a login page that authenticates users with email and password to access the member-only blog, with error handling, redirects on success, and a logout and registration option.
Transform the registration page into a login page, add a login alert for unauthenticated blog access, and implement an ajax-based php check to authenticate users and redirect to the blog.
Implement login authentication in PHP by validating the email and password against the database, starting a session, and setting session variables.
Enforce session-based access on the blog page, redirect to login when not logged in, and display a welcome message with the user's first and last name plus a logout link.
Implement a PHP logout flow by clearing f_name and l_name with unset, redirecting to index.php with logout=true, and displaying an alert when logout is true to confirm logout.
create a contact page featuring a google maps embed of the address, contact details, and a validation-enabled form that submits via php mailer to a specified email using ajax.
Learn to build a contact form with ajax integration, add id and name attributes, load jquery, validate inputs, and display success or error messages before submitting to a php script.
Download the PHPMailer library, extract it, and rename the folder to PHPMailer. Copy it into the perfect cup directory to enable sending emails; next, we build the PHP script.
Learn how to build a PHP contact form handler that validates input and sends email via SMTP with PHPMailer, including from, reply-to, subject, and Ajax success feedback.
learn how to migrate a completed project to a live production server, upload files, configure a mysql database via phpmyadmin, and test user registration and login.
Course: Learn XML-AJAX - For Beginners
Learn to create interactive web applications using AJAX
Students learn to integrate XML/AJAX into their applications to seamlessly relay information from client-to-server.
We explore several methods to update page content, without page reload. This is the focal point of the course and is demonstrated through a variety of exercises and projects.
Students will have the opportunity to apply all their newly acquired skills to build a complete web application with a PHP/AJAX validated registration form, member's access area, and encrypted authentication page using a login form. The project will also explore how to create a web based contact form and submit the data to an email address via SMTP using the PHPMailer Library.
What you'll learn - Overview:
XML Schema
Parsing XML Files
AJAX Search Suggest Function
AJAX Database Select Menu
Database Integration with AJAX
AJAX Call Functions
Creating Validated PHP Forms using AJAX
Encrypting a Web Session
Creating Login Authentication forms using AJAX & PHP
Installing PhpMailer for Email Transmission
Key Concepts:
Introduction to XML
XML Basics
XML Schema
XML Parsing
XML Parsing Continued
Introduction to AJAX
Search Suggest
AJAX l Database Select Menu Tutorial
XML Defined (Wikipedia):
Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.
Course prerequisites:
Basic knowledge of PHP & MySQL
Basic Computer Skills