{"id":842,"date":"2019-10-23T16:01:49","date_gmt":"2019-10-23T16:01:49","guid":{"rendered":"http:\/\/codeinsightacademy.com\/blog\/?page_id=842"},"modified":"2023-10-10T04:14:01","modified_gmt":"2023-10-10T04:14:01","slug":"javascript","status":"publish","type":"page","link":"https:\/\/codeinsightacademy.com\/blog\/javascript\/","title":{"rendered":"JavaScript"},"content":{"rendered":"<ol>\n<li>Introduction &#8211; Difference between java and javascript and typescript and ecmascript<\/li>\n<li>Hello World in Chrome Console<\/li>\n<li>console.log() function<\/li>\n<li>alert() function<\/li>\n<li>console.trace() function<\/li>\n<li>Variables and datatypes<\/li>\n<li>Concatenation and Template Literals<\/li>\n<li>Difference between x, var x and let x<\/li>\n<li>document.getElementById<\/li>\n<li>document.getElementsByClassName<\/li>\n<li>document.<span class=\"jspropertycolor\">querySelector<\/span><\/li>\n<li>value vs innerHTML<\/li>\n<li>Array &#8211; One dimensional and Multi dimensional<\/li>\n<li>Array Functions: forEach, map, reduce, filter, includes<\/li>\n<li>JSON object<\/li>\n<li>functions<\/li>\n<li>function with default arguments and &#8230;(spread operator \/ triple dots) argument<\/li>\n<li>setTimeout and setInterval function<\/li>\n<li>callback function<\/li>\n<li>lambda expression or arrow ()=&gt;{} function in javascript<\/li>\n<li>events: onclick onkeypress onkeydown onkeyup onmouseover<\/li>\n<li>addEventListener(event, callBackFunction)<\/li>\n<li>function prototype<\/li>\n<li>class and objects using ECMA Script<\/li>\n<li>Object Destructuring<\/li>\n<li>Array of JSON<\/li>\n<li>AJAX using fetch API<\/li>\n<\/ol>\n\n\n<p><strong>Reference:<\/strong><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/youtube.com\/playlist?list=PL8y0jzNQmUDWt3y6BGnqdO1zch8wshNeU\" data-type=\"URL\" data-id=\"https:\/\/youtube.com\/playlist?list=PL8y0jzNQmUDWt3y6BGnqdO1zch8wshNeU\" target=\"_blank\">Video Tutorial<\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/sample-json-data\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/sample-json-data\/\" target=\"_blank\">Sample JSON data<\/a><\/p>\n\n\n\n<p><strong>Assignments<\/strong><\/p>\n\n\n\n<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/basic-programs\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/basic-programs\/\" target=\"_blank\">Basic<\/a> (Solve any 5)<\/li><li>Conditional: (Solve any 5)<br> <a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/programs-on-if-statement\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/programs-on-if-statement\/\" target=\"_blank\">if statement<\/a><br><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/switch-statement\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/switch-statement\/\" target=\"_blank\">switch statement<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/loops-programs\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/loops-programs\/\" target=\"_blank\">Loops<\/a> (Solve any 5)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/functions\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/functions\/\" target=\"_blank\">Functions<\/a> (Solve any 5)<\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/codeinsightacademy.com\/blog\/javascript\/arrays-programs-one-dimensional\/\" data-type=\"URL\" data-id=\"http:\/\/codeinsightacademy.com\/blog\/javascript\/arrays-programs-one-dimensional\/\" target=\"_blank\">One Dimensional Array<\/a> (Solve any 5)<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/arrays-programs-multi-dimensional\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/arrays-programs-multi-dimensional\/\" target=\"_blank\">Two Dimensional Array<\/a> (Solve any 5)<\/li><li><strong><a rel=\"noreferrer noopener\" href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/oops\/\" data-type=\"URL\" data-id=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/oops\/\" target=\"_blank\">OOPS<\/a><\/strong> (Solve any 5)<\/li><li>WAP to create array of json having 10 records with key name age city and salary and print the records in HTML table<\/li><li>WAP to find addition, subtraction, multiplication, division and modulus of two numbers using jQuery<\/li><li>AJAX &#8211; WAP to fetch data from following REST API and show in HTML Table (User fetch and $.ajax)<br>1. https:\/\/jsonplaceholder.typicode.com\/users\/<br>2. http:\/\/dummy.restapiexample.com\/api\/v1\/employees<br>3. https:\/\/reqres.in\/api\/users<br>4. https:\/\/api.randomuser.me\/<\/li><\/ul>\n\n\n\n<p><strong>Task: <\/strong>WAP to fetch data from google sheet <br>Ref Link: <a href=\"https:\/\/codeinsightacademy.com\/blog\/javascript\/fetch-data-from-google-sheet\/\">https:\/\/codeinsightacademy.com\/blog\/javascript\/fetch-data-from-google-sheet\/<\/a><\/p>\n\n\n\n<p>Wireframe for assignment and task <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/codeinsightacademy.com\/blog\/http:\/\/codeinsightacademy.com\/blog\/wp-content\/uploads\/2021\/05\/image-1.png\"><img loading=\"lazy\" width=\"830\" height=\"691\" src=\"https:\/\/codeinsightacademy.com\/blog\/http:\/\/codeinsightacademy.com\/blog\/wp-content\/uploads\/2021\/05\/image-1.png\" alt=\"\" class=\"wp-image-1312\" srcset=\"https:\/\/codeinsightacademy.com\/blog\/http:\/\/codeinsightacademy.com\/blog\/wp-content\/uploads\/2021\/05\/image-1.png 830w, https:\/\/codeinsightacademy.com\/blog\/http:\/\/codeinsightacademy.com\/blog\/wp-content\/uploads\/2021\/05\/image-1-300x250.png 300w, https:\/\/codeinsightacademy.com\/blog\/http:\/\/codeinsightacademy.com\/blog\/wp-content\/uploads\/2021\/05\/image-1-768x639.png 768w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/a><\/figure>\n\n\n\n<p>Ref Link: <a href=\"https:\/\/sejal14sp.gitlab.io\/programs\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/sejal14sp.gitlab.io\/programs\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction &#8211; Difference between java and javascript and typescript and ecmascript Hello World in Chrome Console console.log() function alert() function console.trace() function Variables and datatypes Concatenation and Template Literals Difference between x, var x and let x document.getElementById document.getElementsByClassName document.querySelector value vs innerHTML Array &#8211; One dimensional and Multi dimensional Array Functions: forEach, map, reduce, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages\/842"}],"collection":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":20,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":2643,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages\/842\/revisions\/2643"}],"wp:attachment":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}