Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development JSON

AJAX API JSON Connect to JSON data using AJAX webpage

JavaScript for beginners JavaScript Objects and JSON data for web pages AJAX request for JSON data to use in JavaScript
Rating: 4.3 out of 54.3 (26 ratings)
4,636 students
Created by Laurence Svekis
Last updated 5/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • How to use JavaScript Objects
  • How to use JSON data
  • Explore JavaScript

Course content

1 section • 36 lectures • 1h 9m total length

  • Preview02:28
  • Preview03:34
  • Preview05:31
  • Source Code
    00:06
  • JavaScript Arrays
    02:27
  • Source Code
    00:09
  • Output Contents
    03:14
  • Source Code
    00:14
  • JSON Stringify JSON Parse
    03:01
  • Source Code
    00:14
  • Updates
    00:05
  • Validate lint JSON
    03:05
  • Sample JSON source
    00:10
  • JavaScript Fetch AJAX request
    04:05
  • Source Code
    00:04
  • Fetch Web APIs AJAX from web pages
    02:36
  • Source Code GitHub
    00:04
  • JavaScript Arrow Function format
    01:55
  • Source Code
    00:04
  • Fetch Options GET
    03:04
  • SOURCE CODE
    00:05
  • CORS with request debugging
    02:29
  • Source Code
    00:04
  • More Open APIs Practice
    03:23
  • Source Code
    00:05
  • Fun with APIs Tools and More
    04:35
  • source code
    00:11
  • API Next Page Load all pages
    05:31
  • Source Code
    00:09
  • Post method send data
    03:26
  • Source Code
    00:15
  • Practice API endpoints
    04:49
  • Source Code
    00:05
  • More API endpoints AJAX request Exercise and JSON data
    04:13
  • Source Code
    00:05
  • API JSON conclusion
    03:20

Requirements

  • JavaScript
  • Programming and coding knowledge
  • HTML and some programming experience

Description

Explore how you can connect to various endpoints on the web and get JSON data to use on your website. 

JSON data and JavaScript Objects


JavaScript Object Notation (JSON) is an open-standard file format or data interchange format that uses human-readable text to transmit data objects consisting of attribute–value pairs and array data types. It is a very common data format, with a diverse range of applications.

JSON is a language-independent data format. It was derived from JavaScript, but many modern programming languages include code to generate and parse JSON-format data. The official Internet media type for JSON is application/json. JSON filenames use the extension .json.

AJAX ("Asynchronous JavaScript + XML") is a set of web development techniques using many web technologies on the client side to create asynchronous web applications. With Ajax, web applications can send and retrieve data from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. By decoupling the data interchange layer from the presentation layer, Ajax allows web pages and, by extension, web applications, to change content dynamically without the need to reload the entire page.

In practice, modern implementations commonly utilize JSON instead of XML.

Course Covers

  • JavaScript Objects and how they are used in code to retrieve values and store groups of related data sets

  • JavaScript Arrays - a data structure commonly used in JSON to contain Objects

  • JSON vs JavaSCript Objects

  • Iterate Array Contents

  • JSON parse and Stringify

  • Tools online to help connect to endpoints and debug AJAX requests

  • Use of JavaScript Fetch to return content

  • GET and POST methods to web endpoints

  • Various examples of open web APIs

Source Code is included.

JavaScript Object

An object is a collection of related data and/or functionality.

  • Functions can be contained in JavaScript objects they are referred to as methods within the object.

  • JavaScript objects names don’t need quotes, can be single, double or none.

  • Values can be Strings, Numbers, Booleans, Arrays, Objects

Create an object setting a variable name and assigning the {} to the variable.

Object names can hold values of other objects and arrays

Can go multiple levels deep, as many as needed.

Dot notation : The object name (person) acts as the namespace, then a dot, then the item you want to access.

Bracket notation : Similar format to arrays, instead of using an index number to select an item you are using the name associated with each member's value.

JavaScript Array

An Array can hold multiple values

Arrays cannot use strings as element indexes but must use integers.

Arrays are zero based, first index value is always 0;

Array values can be strings, numbers, booleans, arrays or objects.

The design of objects and arrays is to hold lots of content. You can loop through the content in a number of ways using JavaScript.

You can loop through the data in the array using a number of methods in JavaScript. Arrays need the index to find the value associated with it. If objects are contained within you should structure them the same way so it is easier to check the values contained.

Objects have length so using a for loop is possible. There is also Object.entries which can get the key and the value from the object.

Keep data structured the same so that you can easily determine where the values are located.

The JSON.stringify() method converts a JavaScript object or value to a JSON string

The JSON.parse() method parses a JSON string, constructing the JavaScript value or object described by the string

The JSON object contains methods for parsing JavaScript Object Notation (JSON) and converting values to JSON.

  • Objects and Arrays: Property names must be double-quoted strings; trailing commas are forbidden.

  • Numbers: Leading zeros are prohibited; a decimal point must be followed by at least one digit. NaN and Infinity are unsupported.

Please note that the scope of this course using JavaScript and JSON data outputting via JavaScript.  If you are looking for a more detailed JavaScript course this course is not for you.  Simple course with limited scope designed to be topic specific.

Taught by an instructor with over 20 years of Web Development experience.

If you've been looking to get started with AJAX and JSON-  THIS COURSE IS FOR YOU!!!!

Nothing to lose - Fast friendly support is always available to help if you need it.

Please note that the SCOPE OF THIS COURSE IS Creating a simple API and JSON and will not cover complex commands and everything about JavaScript, HOW TO GET STARTED COURSE - if you are looking at more detailed node or JavaScript content this is not for you.

Who this course is for:

  • Web designers
  • Web Developers
  • Anyone who is building a website
  • Webmasters and web coders creating web content

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 43,857 Reviews
  • 732,941 Students
  • 374 Courses

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. 

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.