JSON Checklist Practice Exercise Learn JSON
3.9 (22 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,023 students enrolled

JSON Checklist Practice Exercise Learn JSON

Build a JSON data checklist using JavaScript from scratch. Practice and learn JSON with JavaScript Objects
3.9 (22 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,023 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
12 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 6 articles
  • 7 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Use JSON within your JavaScript
  • Create a simple task list from scratch
  • Create JSON data
Course content
Expand all 19 lectures 01:43:28
+ Introduction to JSON
18 lectures 01:42:14
Course Developer Resources Setup
04:41

Setup JSON as JavaScript Object

Preview 07:00

Loop through data output the content into HTML elements

JSON Exercise Use String Values as Data
11:15

Add event listeners

JSON Exercise Make it Interactive
09:33
Source Code JSONExercise 1.html
00:20

Restructure the JSON data for better functionality 

JSON Exercise JSON better structure
05:45

Update JavaScript with new data structure 

JSON Exercise Use the new Data with JavaScript
08:58

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

JSON Exercise Store Current Data Instance
08:10
Source Code Lesson 6
00:27

Update output list and JSON data 

JSON Exercise Add new items to the list
07:37

Fix check boxes and build HTML elements create them in JavaScript

JSON Exercise Tweaks and Bug Fixes
12:00

Store the value in the session

JSON Exercise sessionStorage ready data
03:46
Source Code JSON application
00:35

add ability to delete a task bug fixes and tweaks

JSON Exercise Delete a Task
09:01

Use http request AJAX to get initial data for the application 

JSON Exercise AJAX and JSON
09:17
Source Code Complete with AJAX
00:40
Resources
00: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