Live Link: Ajaxistic
- stands for Aysnchronus Javascript And XML
- is a new technique for creating better, faster, and more interactive web applications with the help of XML, HTML, CSS, and JavaScript.
- is a web browser technology independent of web server software
- updates a web page without reloading the page
- requests data from a server - after the page has loaded
- receives data from a server - after the page has loaded
- sends data to a server - in the background
βοΈ First, I will open a web page as usual with a synchronous request.
βοΈ Next, I will click on a DOM element usually either a button or link which initiates an asynchronous request to the back-end server.
βοΈ I will not notice this, since the call is made asynchronously and doesnβt refresh the browser.
βοΈ In response to my AJAX request, the server may return XML, JSON, or HTML string data.
βοΈ I will parse the responsed data using JavaScript/JQuery.
βοΈ This parsed data is updated in the web page's DOM.
βοΈ My web page now is updated with real-time data from the server without the browser reloading.βοΈ
- Front-end -> HTML, CSS, JQuery
- Back-end -> PHP
- Free API's -> GeoNames
- Free Favicons -> Favicon
- Minified CSS & JS -> Minify
- Domain Registration, Web Hosting at -> IONOS
- Generated a report using Chrome Dev Tools Lighthouse. Identified and fixed common problems that are affecting site's performance, accessibility, and user experience. At the end, achieved 100% across all but BEST Practices, that's due to the absense of secure connection(https) which I didn't buy.