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 Videos (4h 21m)
    • JSONAPI

      2:48
    • 1 Introduction to AJAX and JSON course

      5:10
    • 2 Course Setup Resources

      4:20
    • 3 Introduction to AJAX and JSON

      5:35
    • 5 How JavaScript Objects Work

      7:41
    • 7 Introduction to Object Arrays

      4:42
    • 9 Looping Through Object Array Values

      6:57
    • 11 Solution to Challenge Create Loop

      4:25
    • 13 JSON Parse into JavaScript Objects

      6:07
    • 14 AJAX Connect to file XMLHttpRequest

      6:37
    • 15 Load external File content into JavaScript

      6:15
    • 16 Creating JavaScript Object with from external JSON Data

      5:46
    • 18 AJAX Challenge

      2:36
    • 19 HTTP Request Values explained in detail

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

      10:15
    • 22 Send data via AJAX to Server

      5:59
    • 24 Get Post values output to user

      3:14
    • 25 Setup MySQL database phpmyadmin

      3:37
    • 27 Insert Data into MySQL database from AJAX

      9:32
    • 28 Server data response as JSON

      10:51
    • 30 Simple jQuery file loading

      5:30
    • 32 jQuery Get request retrieve file data

      4:19
    • 33 Get JSON data

      4:04
    • 35 Post Data to Server jQuery AJAX

      11:29
    • 36 Post data using AJAX to MySQL database

      7:37
    • 38 AJAX method in jQuery

      9:51
    • 40 jQuery AJAX options

      4:45
    • 41 Clean up JavaScript Tips Tweaks

      5:13
    • 43 Use PHP to output MySQL data from a database in JSON format

      8:11
    • 45 getJSON to get Database content

      2:52
    • 46 List database contents on webpage

      6:57
    • 47 Code Tweak and options

      3:45
    • 49 Add jQuery Event Listener

      3:17
    • 50 Post AJAX with jQuery on click event

      10:08
    • 51 Setup data for AJAX post

      7:52
    • 53 Update database sync with HTML elements

      4:27
    • 55 Add content to the Database

      7:37
    • 57 Update Code prep for Delete

      5:23
    • 58 Clean up Code use jQuery This

      7:03
    • 59 Create Server Delete query from Database

      2:32
    • 61 Post AJAX to php delete

      3:35
    • 62 Update Styling CSS for project

      9:03
    • 63 Course Summary

      6:56

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
JSON
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.

170

Students

--

Projects

0

Reviews (0)

Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experience and the more likely they are to interact again and share their experiences.

After launching my first websites I quickly realized that to get traffic on your site you need to be able to market online. Research and using personal experimentation as to what are the most successful ways to effectively drive traffic to my websites, I was able to successfully build multiple success eCommerce sites. I used my expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, I had identified it as an excellent opportunity to drive traffic and connect with users. I created many successful sites that integrated with Myspace and then later into Facebook. I was able to monitize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms. I continued to perfect the art of Internet marketing and adapt to new technology and changes.

In 2008 I created my first YouTube video, and channel. Realizing that there was another great opportunity with video I have been experimenting with video marketing and video monization. Youtube being the second largest search engine has a very bright future. As technology progresses the trend has always been quicker, easier means of delivering content always wins out. Images beat out text as they are easier and quicker for us to process, videos beat out images being the most efficient means of getting content to users. As bandwidth increases, and more platforms that can even easier deliver videos become available videos will be the trend for the future.

Understanding technology provides a means to better connect with users.

Applications I've created have entertained, informed and engaged tens of millions of people. I have over billions of page views on various platforms, and have sent millions of click through visitors.

I have developed hundreds of web applications, from micro sites to enterprise level platforms.