Dynamic JavaScript Master Class AJAX JSON Simple APIs | Laurence Svekis | Skillshare

Dynamic JavaScript Master Class AJAX JSON Simple APIs

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
43 Lessons (4h 21m)
    • 1. JSONAPI

    • 2. 1 Introduction to AJAX and JSON course

    • 3. 2 Course Setup Resources

    • 4. 3 Introduction to AJAX and JSON

    • 5. 5 How JavaScript Objects Work

    • 6. 7 Introduction to Object Arrays

    • 7. 9 Looping Through Object Array Values

    • 8. 11 Solution to Challenge Create Loop

    • 9. 13 JSON Parse into JavaScript Objects

    • 10. 14 AJAX Connect to file XMLHttpRequest

    • 11. 15 Load external File content into JavaScript

    • 12. 16 Creating JavaScript Object with from external JSON Data

    • 13. 18 AJAX Challenge

    • 14. 19 HTTP Request Values explained in detail

    • 15. 21 Create PHP server File to receive and callback response data

    • 16. 22 Send data via AJAX to Server

    • 17. 24 Get Post values output to user

    • 18. 25 Setup MySQL database phpmyadmin

    • 19. 27 Insert Data into MySQL database from AJAX

    • 20. 28 Server data response as JSON

    • 21. 30 Simple jQuery file loading

    • 22. 32 jQuery Get request retrieve file data

    • 23. 33 Get JSON data

    • 24. 35 Post Data to Server jQuery AJAX

    • 25. 36 Post data using AJAX to MySQL database

    • 26. 38 AJAX method in jQuery

    • 27. 40 jQuery AJAX options

    • 28. 41 Clean up JavaScript Tips Tweaks

    • 29. 43 Use PHP to output MySQL data from a database in JSON format

    • 30. 45 getJSON to get Database content

    • 31. 46 List database contents on webpage

    • 32. 47 Code Tweak and options

    • 33. 49 Add jQuery Event Listener

    • 34. 50 Post AJAX with jQuery on click event

    • 35. 51 Setup data for AJAX post

    • 36. 53 Update database sync with HTML elements

    • 37. 55 Add content to the Database

    • 38. 57 Update Code prep for Delete

    • 39. 58 Clean up Code use jQuery This

    • 40. 59 Create Server Delete query from Database

    • 41. 61 Post AJAX to php delete

    • 42. 62 Update Styling CSS for project

    • 43. 63 Course Summary


About This Class

Dynamic JavaScript Master Class AJAX JSON Simple APIs
Learn how to use AJAX to send data to your web server and get response data back to output in your web applciation

Create amazing interactive dynamic applications that can synchronise data between your database and your front end html code.

The content within this course is Unique which you won't find anywhere else. We show you how to build a custom project within this course that connect HTML interactions with Database content.
Prerequisites for this course : Basic Coding knowledge, HTML, JavaScript (DOM) and jQuery. This is a fast paced course around making front end connections to back end code.

The course is focused around creating AJAX calls with JavaScript code. Please note the below topics are covered.

JavaScript Objects
AJAX GET and POST in JavaScript
AJAX get(), getJSON(), post(), ajax() in jQuery
MySQL and phpmyadmin connections and queries to perform SELECT, DELETE, UPDATE, INSERT
PHP to connect to a database, conditional statements, variables
CSS to create form content styling
JSON and AJAX together provide web developers incredible opportunities to integrate external data seamlessly into web applications.

JSON is and excellent format for data, its human readable and flexible enough to be converted from strings to usable JavaScript objects .

AJAX is the perfect solution for creating connections between data and web user interactions. You can upload your web page with reloading the page, providing a seamless experience for your web visitors. AJAX gives you the ability to request and receive data from servers and external files. All of this is done after your web page loads and the content is already visible to the web users. You can also use AJAX to send data to a server.

Taking data from the front end sending it to the server opens the door to unlimited opportunities to connect that data to databases and a whole lot more.

This course provides a step by step guide for getting to know JSON and AJAX. Combing these together can help you develop better user experiences and more opportunities for data manipulation within your JavaScript code.

Provided within the course

code samples and examples
Resource used within this course so you too can follow along
Source Code and challenge exercises
HD quality video
Professional instructor with over 18 years of industry experience
everything you need is included
Learn the basics of JavaScript objects, how they work within your code. Expand on the object with object arrays and multi-objects arrays. Loop through the objects and parse out JSON data.

Explore how you can use AJAX to retrieve external content, including database content, html web files, and JSON data. Adding AJAX to web applications creates endless possibilities. This course also includes multiple ways to connect from JavaScript methods to jQuery.

See how your can connect PHP code to supercharge your web applications. Insert data into your database, update a database, and delete content from a database all from the front-end via AJAX.

AJAX is in demand, and learning how to utilise AJAX together with JSON and PHP will set you apart. I'm here to help you learn and ready to answer any questions you may have.