{"id":240,"date":"2020-08-23T07:56:15","date_gmt":"2020-08-23T07:56:15","guid":{"rendered":"https:\/\/www.kindsonthegenius.com\/javascript\/?page_id=240"},"modified":"2020-08-23T07:56:15","modified_gmt":"2020-08-23T07:56:15","slug":"table-of-content","status":"publish","type":"page","link":"https:\/\/kindsonthegenius.com\/javascript\/","title":{"rendered":"Table of Content"},"content":{"rendered":"<div class=\"pt-cv-wrapper\"><div class=\"pt-cv-view pt-cv-grid pt-cv-colsys\" id=\"pt-cv-view-e1dd770gun\"><div data-id=\"pt-cv-page-1\" class=\"pt-cv-page\" data-cvc=\"1\"><div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/00-javascript-introduction\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Introduction<\/a><\/h4>\n<div class=\"pt-cv-content\">This is the first in the JavaScript Tutorial series for 2019. I would try to focus on the practicals as ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/00-javascript-introduction\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/01-javascript-program-syntax\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Program Syntax<\/a><\/h4>\n<div class=\"pt-cv-content\">As you know, JavaScript programs are\u00a0 placed inside a web page. You place the code inside &lt;script&gt; &lt;\/script&gt; tag. The ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/01-javascript-program-syntax\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/02-javascript-script-placement\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Script Placement<\/a><\/h4>\n<div class=\"pt-cv-content\">In Tutorial 2, we created a html file and placed the script in the &lt;body&gt; &lt;\/body section of the html ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/02-javascript-script-placement\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/04-javascript-data-types-variables\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Data Types &#038; Variables<\/a><\/h4>\n<div class=\"pt-cv-content\">In this chapter we would cover Data Types and Variables. We would cover the following: JavaScript Data Types Variables in ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/04-javascript-data-types-variables\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/05-javascript-operators\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Operators<\/a><\/h4>\n<div class=\"pt-cv-content\">In the Lesson 4, we discussed JavaScript Variables. In this lesson, we will examine Operators. Is there a relationship between ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/05-javascript-operators\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/06-javascript-conditional-statements\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Conditional Statements<\/a><\/h4>\n<div class=\"pt-cv-content\">You probably have heard of if-else-if statement. This is an example of conditional statement. You use conditional statement to make ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/06-javascript-conditional-statements\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/07-javascript-switch-statement\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Switch Statement<\/a><\/h4>\n<div class=\"pt-cv-content\">Previously we discussed if-statement under Conditional Statements. Now, you could have several if-else-if statements. But this is not always the ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/07-javascript-switch-statement\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/javascript-loops\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Loops<\/a><\/h4>\n<div class=\"pt-cv-content\">As you know, a loop allows you to execute a block of code a number of times. In JavaScript, three ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/javascript-loops\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/loop-control\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Loop Control<\/a><\/h4>\n<div class=\"pt-cv-content\">In Tutorial 7, we learnt about Loops( For, For..in, While and Do...While). In this tutorial, we would learn about Loop ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/loop-control\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/functions\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Functions<\/a><\/h4>\n<div class=\"pt-cv-content\">A function is a block of code which is written and can be reused elsewhere in the program. With functions, ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/functions\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/events\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Events<\/a><\/h4>\n<div class=\"pt-cv-content\">JavaScript could also be called event-driven. Hence it can respond to events. However, let's first understand what events are. What ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/events\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/javascript-cookies\/\" class=\"_self\" target=\"_self\" >JavaScript &#8211; Cookies<\/a><\/h4>\n<div class=\"pt-cv-content\">You may have visited a website that pops up a message saying something like 'this site uses cookies'. So what ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/javascript-cookies\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/quiz-app-in-javascript-step-by-step-with-all-codes\/\" class=\"_self\" target=\"_self\" >Quiz App in JavaScript &#8211; Step by Step with all Codes<\/a><\/h4>\n<div class=\"pt-cv-content\">In this tutorial, i would teach you how to build a complete Quiz Application in JavaScript. This would be a ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/quiz-app-in-javascript-step-by-step-with-all-codes\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/quiz-application-in-javascript-with-validation-step-by-step\/\" class=\"_self\" target=\"_self\" >Quiz Application in JavaScript with Validation (Step by Step)<\/a><\/h4>\n<div class=\"pt-cv-content\">In an earlier tutorial, I explained how to build a basic quiz application in JavaScript. Now, in this tutorial, we ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/quiz-application-in-javascript-with-validation-step-by-step\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div>\n<div class=\"col-md-12 col-sm-12 col-xs-12 pt-cv-content-item pt-cv-2-col\" ><div class='pt-cv-ifield'><h4 class=\"pt-cv-title\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/build-a-quiz-app-store-data-in-client-side-indexeddb\/\" class=\"_self\" target=\"_self\" >Build a Quiz App &#8211; Store Data in Client-Side IndexedDB<\/a><\/h4>\n<div class=\"pt-cv-content\">In the previous tutorials, I explained how to build a quiz application. You can review them here. First Quiz App\u00a0 ...<br \/><div class=\"pt-cv-rmwrap\"><a href=\"https:\/\/kindsonthegenius.com\/javascript\/build-a-quiz-app-store-data-in-client-side-indexeddb\/\" class=\"_self pt-cv-readmore btn btn-success\" target=\"_self\">Read More<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":395,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/users\/395"}],"replies":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":1,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/pages\/240\/revisions\/241"}],"wp:attachment":[{"href":"https:\/\/kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}