Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
JSON Checklist Practice Exercise Learn JSON
Rating: 4.2 out of 5(29 ratings)
4,066 students

JSON Checklist Practice Exercise Learn JSON

Build a JSON data checklist using JavaScript from scratch. Practice and learn JSON with JavaScript Objects
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Use JSON within your JavaScript
  • Create a simple task list from scratch
  • Create JSON data

Course content

2 sections20 lectures1h 43m total length
  • Introduction to JSON exercise course3:07
  • Course Developer Resources Setup4:41
  • JSON Exercise Setup Data7:00

    Setup JSON as JavaScript Object

  • JSON Exercise Use String Values as Data11:15

    Loop through data output the content into HTML elements

  • JSON Exercise Make it Interactive9:33

    Add event listeners

  • Source Code JSONExercise 1.html0:20
  • JSON Exercise JSON better structure5:45

    Restructure the JSON data for better functionality 

  • JSON Exercise Use the new Data with JavaScript8:58

    Update JavaScript with new data structure 

  • JSON Exercise Store Current Data Instance8:10

    Store data to session storage and add input to add new list items 

  • Source Code Lesson 60:27
  • JSON Exercise Add new items to the list7:37

    Update output list and JSON data 

  • JSON Exercise Tweaks and Bug Fixes12:00

    Fix check boxes and build HTML elements create them in JavaScript

  • JSON Exercise sessionStorage ready data3:46

    Store the value in the session

  • Source Code JSON application0:35
  • JSON Exercise Delete a Task9:01

    add ability to delete a task bug fixes and tweaks

  • JSON Exercise AJAX and JSON9:17

    Use http request AJAX to get initial data for the application 

  • Source Code Complete with AJAX0:40
  • Resources0:01

Requirements

  • JavaScript
  • HTML and CSS
  • Web editor and web development experience

Description

Learn to use JSON within your application.

JSON is the most common format for data transfer between programming languages online today.  Learning to use JSON and how to manipulate the data, make use of the data is essential for any web developer.  This course will help you learn more about data simulate how a project is built from start to finish.  

***** Please note there are prerequisites to this course such as JavaScript and HTML!   *****

****** JavaScript and HTML will only be covered as necessary and the course is not designed to teach all aspects of JavaScript only those relating to using JSON data as JavaScript objects.

The scope of the course is focused strictly on JSON and working with JavaScript objects.  We guide you through building and use of simple JSON structured data, and then rebuild the JSON structure to make the data more flexible.

This course is designed to get you more familiar with JSON how you can get the object data and use it within your JavaScript.  Your instructor will complete each step of the process with you, on screen with source code provided.

You'll learn how to:

  • Structure information in JSON format
  • What JSON is and how to use it within JavaScript
  • How to loop through data
  • How to Output the JSON data contents into your HTML
  • How to rethink your data structure to be more dynamic and versitile
  • Build dynamic elements in JavaScript that have event listeners
  • Update your HTML using JavaScript
  • Save a JavaScript object as JSON 
  • Convert a string to a JavaScript Object and then back again
  • Get data via HTTP XML request object

Practice JSON and enjoy building out this task list from scratch -  source code is included to get you started quickly

You'll get friendly support in the Q&A area!

This Offer Won't Last Forever

Perfect course to learn more about JSON and have an opportunity to practice with full explanation.  


Who this course is for:

  • Anyone who wants to practice JSON
  • Anyone who wants to learn more about JSON
  • JavaScript developers
  • Web developers
  • Web designers