{"id":979,"date":"2015-05-27T16:38:26","date_gmt":"2015-05-27T16:38:26","guid":{"rendered":"http:\/\/kidsengineer.com\/?p=979"},"modified":"2015-05-28T01:09:57","modified_gmt":"2015-05-28T01:09:57","slug":"introduction-to-javascript-lesson","status":"publish","type":"post","link":"https:\/\/kidsengineer.com\/?p=979","title":{"rendered":"Introduction to JavaScript Lesson"},"content":{"rendered":"<div>\u00a0What is JavaScript and why is it useful?<\/div>\n<div><\/div>\n<div><\/div>\n<ul>\n<li>Static versus dynamic HTML<\/li>\n<li>Static &#8211; always the same<\/li>\n<li>Dynamic &#8211; can change depending on user actions and input, create games<\/li>\n<li>JS runs in the browser &#8211; is interpreted<\/li>\n<li>Full programming language but not Java<\/li>\n<li>Learning goal &#8211; learn programming to add dynamic content to web sites<\/li>\n<\/ul>\n<div><\/div>\n<div>42 full examples at<\/div>\n<div><\/div>\n<div><a href=\"http:\/\/www.creativebloq.com\/web-design\/examples-of-javascript-1233964\">http:\/\/www.creativebloq.com\/web-design\/examples-of-javascript-1233964<\/a><\/div>\n<div><\/div>\n<div>Here\u2019s one as a demo.<\/div>\n<div><\/div>\n<div><a href=\"http:\/\/hereistoday.com\">http:\/\/hereistoday.com<\/a><\/div>\n<div><\/div>\n<div>3 simple examples to get started<\/div>\n<div><\/div>\n<div>Example 1 &#8211; Alerts and event handlers<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>\n<div>&lt;html&gt;<\/div>\n<\/div>\n<div>&lt;head&gt;<\/div>\n<div>&lt;script\u00a0type=&#8221;text\/javascript&#8221;&gt;<\/div>\n<div>\n<div>function\u00a0functionOne()\u00a0{\u00a0alert(&#8216;You\u00a0clicked\u00a0the\u00a0top\u00a0text&#8217;);\u00a0}<\/div>\n<div>function\u00a0functionTwo()\u00a0{\u00a0alert(&#8216;You\u00a0clicked\u00a0the\u00a0bottom\u00a0text&#8217;);\u00a0}<\/div>\n<div>&lt;\/script&gt;<\/div>\n<div>&lt;\/head&gt;<\/div>\n<div>&lt;body&gt;<\/div>\n<div>&lt;p&gt;&lt;a\u00a0href=&#8221;#&#8221;\u00a0onClick=&#8221;functionOne();&#8221;&gt;Top\u00a0Text&lt;\/a&gt;&lt;\/p&gt;<\/div>\n<div>&lt;p&gt;&lt;a\u00a0href=&#8221;javascript:functionTwo();&#8221;&gt;Bottom\u00a0Text&lt;\/a&gt;&lt;\/p&gt;<\/div>\n<div>&lt;\/body&gt;<\/div>\n<div>&lt;\/html&gt;<\/div>\n<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>The next 2 examples are from<\/div>\n<div><\/div>\n<div><a href=\"http:\/\/www.quackit.com\/javascript\/examples\/\">http:\/\/www.quackit.com\/javascript\/examples\/<\/a><\/div>\n<div><\/div>\n<div>Example 2 &#8211; Pop Up Window<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div>\n<div>&lt;html&gt;<\/div>\n<\/div>\n<div>&lt;head&gt;<\/div>\n<div>&lt;title&gt;Pop up example &lt;\/title&gt;<\/div>\n<div>&lt;script\u00a0type=&#8221;text\/javascript&#8221;&gt;<\/div>\n<div>\/\/\u00a0Popup\u00a0window\u00a0code<\/div>\n<div>function\u00a0newPopup(url)\u00a0{<\/div>\n<div>\u00a0 \u00a0 popupWindow\u00a0=\u00a0window.open(<\/div>\n<div>\u00a0url,&#8217;popUpWindow&#8217;,&#8217;height=700,width=800,left=10,top=10,resizable=yes,<\/div>\n<div>scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes&#8217;)<\/div>\n<div>}<\/div>\n<div>&lt;\/script&gt;<\/div>\n<div><\/div>\n<div>&lt;p&gt;Popup\u00a0Window:&lt;\/p&gt;<\/div>\n<div>&lt;p&gt;&lt;a\u00a0href=&#8221;JavaScript:newPopup(&#8216;http:\/\/www.quackit.com\/html\/codes\/&#8217;);&#8221;&gt;Get\u00a0your\u00a0HTML\u00a0codes\u00a0in\u00a0a\u00a0popup!&lt;\/a&gt;&lt;\/p&gt;<\/div>\n<div>&lt;div\u00a0class=&#8221;more-info&#8221;&gt;<\/div>\n<div>&lt;p&gt;More\u00a0info:\u00a0&lt;a\u00a0href=&#8221;http:\/\/www.quackit.com\/javascript\/popup_windows.cfm&#8221;&gt;Popup\u00a0Windows&lt;\/a&gt;&lt;\/p&gt;<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>Example 3 &#8211; Jump Menu<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>&lt;html&gt;<\/div>\n<div>&lt;head&gt;<\/div>\n<div>&lt;meta\u00a0http-equiv=&#8221;Content-Type&#8221;\u00a0content=&#8221;text\/html;\u00a0charset=iso-8859-1&#8243;&gt;<\/div>\n<div>&lt;title&gt;Jump\u00a0Menu&lt;\/title&gt;<\/div>\n<div>&lt;script\u00a0language=&#8221;javascript&#8221;\u00a0type=&#8221;text\/javascript&#8221;\u00a0&gt;<\/div>\n<div>&lt;!&#8211;\u00a0hide<\/div>\n<div>function\u00a0jumpto(x){ if\u00a0(document.form1.jumpmenu.value\u00a0!=\u00a0&#8220;null&#8221;)\u00a0{ \u00a0document.location.href\u00a0=\u00a0x \u00a0} }<\/div>\n<div><\/div>\n<div>\/\/\u00a0end\u00a0hide\u00a0&#8211;&gt;<\/div>\n<div>&lt;\/script&gt;<\/div>\n<div>&lt;\/head&gt;<\/div>\n<div>&lt;body&gt;<\/div>\n<div><\/div>\n<div>&lt;p&gt;Jump\u00a0Menu:&lt;\/p&gt;<\/div>\n<div>&lt;form\u00a0name=&#8221;form1&#8243;&gt; &lt;select\u00a0name=&#8221;jumpmenu&#8221;<\/div>\n<div>onChange=&#8221;jumpto(document.form1.jumpmenu.options[document.form1.jumpmenu.options.selectedIndex].value)&#8221;&gt;<\/div>\n<div>&lt;option&gt;Jump\u00a0to&#8230;&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com&gt;Quackit\u00a0Homepage&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com\/javascript\/&gt;JavaScript&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com\/html\/&gt;HTML&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com\/css\/&gt;CSS&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com\/sql\/tutorial\/&gt;SQL&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com\/database\/tutorial\/&gt;Database\u00a0Tutorial&lt;\/option&gt;<\/div>\n<div>&lt;option\u00a0value=http:\/\/www.quackit.com\/web_hosting\/&gt;Web\u00a0Hosting\u00a0Tutorial&lt;\/option&gt;<\/div>\n<div>&lt;\/select&gt;<\/div>\n<div>&lt;\/form&gt;<\/div>\n<div>&lt;div\u00a0class=&#8221;more-info&#8221;&gt;<\/div>\n<div><\/div>\n<div>&lt;p&gt;More\u00a0info:<\/div>\n<div>&lt;a href=&#8221;http:\/\/www.quackit.com\/javascript\/javascript_dropdown_menu.cfm&#8221;&gt;Jump\u00a0Menu&lt;\/a&gt;<\/div>\n<div>&lt;\/p&gt;<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>&lt;\/body&gt;<\/div>\n<div>&lt;\/html&gt;<\/div>\n<div><\/div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<div>Choose at least one and incorporate into your web site<\/div>\n<div><\/div>\n<div>If finished, choose and modify other examples below.<\/div>\n<div><\/div>\n<div>Example 4 &#8211; Description<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>&lt;HTML&gt;<\/div>\n<div>&lt;head&gt;<\/div>\n<div>&lt;title&gt;Factorial&lt;\/title&gt;<\/div>\n<div>&lt;meta\u00a0http-equiv=&#8221;Content-Type&#8221;\u00a0content=&#8221;text\/html;\u00a0charset=iso-8859-1&#8243;&gt;<\/div>\n<div>&lt;\/head&gt;<\/div>\n<div>&lt;BODY&gt;<\/div>\n<div>&lt;SCRIPT\u00a0type=&#8221;text\/JavaScript&#8221;&gt;<\/div>\n<div>document.write(&#8220;&lt;h2&gt;Factorials&lt;\/h2&gt;&#8221;)\u00a0;<\/div>\n<div>for\u00a0(i=1,\u00a0fact=1;\u00a0 i!=11;\u00a0 i++,\u00a0fact\u00a0*=\u00a0i)\u00a0\u00a0{<\/div>\n<div>\u00a0 \u00a0document.write\u00a0(\u00a0i\u00a0+\u00a0&#8220;!\u00a0=&#8221;\u00a0+\u00a0fact\u00a0 )\u00a0;<\/div>\n<div>\u00a0 \u00a0document.write(&#8220;&lt;br\/&gt;&#8221;); }<\/div>\n<div>&lt;\/SCRIPT&gt;<\/div>\n<div>&lt;\/BODY&gt;<\/div>\n<div>&lt;\/HTML&gt;<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>Example 5 &#8211; Description<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div><\/div>\n<div>&lt;HTML&gt;<\/div>\n<div>\n<div>&lt;head&gt;<\/div>\n<div>&lt;title&gt;Color Changer&lt;\/title&gt;<\/div>\n<div>&lt;meta\u00a0http-equiv=&#8221;Content-Type&#8221;\u00a0content=&#8221;text\/html;\u00a0charset=iso-8859-1&#8243;&gt;<\/div>\n<div>&lt;\/head&gt;<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div>&lt;BODY&gt;<\/div>\n<div>\n<p>&lt;SCRIPT\u00a0LANGUAGE=\u00a0&#8220;javascript&#8221;&gt;<\/p>\n<div>setTimeout(&#8220;document.bgColor=&#8217;white'&#8221;,\u00a01000)<\/div>\n<p>setTimeout(&#8220;document.bgColor=&#8217;lightpink'&#8221;,\u00a01500)<br \/>\nsetTimeout(&#8220;document.bgColor\u00a0=\u00a0&#8216;pink'&#8221;,\u00a02000)<br \/>\nsetTimeout(&#8220;document.bgColor\u00a0=\u00a0 &#8216;deeppink'&#8221;,\u00a02500)<br \/>\nsetTimeout(&#8220;document.bgColor\u00a0=\u00a0&#8216;red'&#8221;,\u00a03000)<br \/>\nsetTimeout(&#8220;document.bgColor\u00a0=\u00a0&#8216;tomato'&#8221;,\u00a03500)<br \/>\nsetTimeout(&#8220;document.bgColor\u00a0=\u00a0&#8216;darkred'&#8221;,\u00a04000)<\/p>\n<div>&lt;\/SCRIPT&gt;<\/div>\n<div>&lt;\/BODY&gt;<\/div>\n<div>\n<div>&lt;\/HTML&gt;<\/div>\n<\/div>\n<div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<div>JavaScript color names<\/div>\n<div><\/div>\n<\/div>\n<div><a href=\"http:\/\/www.javascripter.net\/faq\/colornam.htm\">http:\/\/www.javascripter.net\/faq\/colornam.htm<\/a><\/div>\n<\/div>\n<div>\n<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/div>\n<\/div>\n<div>\n<div>Challenges:<\/div>\n<ul>\n<li>take the factorial example, instead of doing the first 10 factorial<\/li>\n<li>prompt the user to the number to calculate<\/li>\n<li>validate the user input for an additional challenge<\/li>\n<li>program other functions such as the square numbers, cubic numbers, Fibonacci numbers<\/li>\n<\/ul>\n<\/div>\n<div><\/div>\n<\/div>\n<div>For more examples:<\/div>\n<div><\/div>\n<div><a href=\"http:\/\/www.javascriptsource.com\">http:\/\/www.javascriptsource.com<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0What is JavaScript and why is it useful? Static versus dynamic HTML Static &#8211; always the same Dynamic &#8211; can change depending on user actions and input, create games JS runs in the browser &#8211; is interpreted Full programming language &hellip; <a href=\"https:\/\/kidsengineer.com\/?p=979\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","footnotes":""},"categories":[5,6],"tags":[],"class_list":["post-979","post","type-post","status-publish","format-standard","hentry","category-teaching","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introduction to JavaScript Lesson - Kids Engineer!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kidsengineer.com\/?p=979\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to JavaScript Lesson - Kids Engineer!\" \/>\n<meta property=\"og:description\" content=\"\u00a0What is JavaScript and why is it useful? Static versus dynamic HTML Static &#8211; always the same Dynamic &#8211; can change depending on user actions and input, create games JS runs in the browser &#8211; is interpreted Full programming language &hellip; Continue reading &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kidsengineer.com\/?p=979\" \/>\n<meta property=\"og:site_name\" content=\"Kids Engineer!\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-27T16:38:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-05-28T01:09:57+00:00\" \/>\n<meta name=\"author\" content=\"JohnHeffernan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"JohnHeffernan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kidsengineer.com\/?p=979#article\",\"isPartOf\":{\"@id\":\"https:\/\/kidsengineer.com\/?p=979\"},\"author\":{\"name\":\"JohnHeffernan\",\"@id\":\"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438\"},\"headline\":\"Introduction to JavaScript Lesson\",\"datePublished\":\"2015-05-27T16:38:26+00:00\",\"dateModified\":\"2015-05-28T01:09:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kidsengineer.com\/?p=979\"},\"wordCount\":785,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438\"},\"articleSection\":[\"Teaching\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kidsengineer.com\/?p=979#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kidsengineer.com\/?p=979\",\"url\":\"https:\/\/kidsengineer.com\/?p=979\",\"name\":\"Introduction to JavaScript Lesson - Kids Engineer!\",\"isPartOf\":{\"@id\":\"https:\/\/kidsengineer.com\/#website\"},\"datePublished\":\"2015-05-27T16:38:26+00:00\",\"dateModified\":\"2015-05-28T01:09:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/kidsengineer.com\/?p=979#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kidsengineer.com\/?p=979\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kidsengineer.com\/?p=979#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kidsengineer.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction to JavaScript Lesson\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kidsengineer.com\/#website\",\"url\":\"https:\/\/kidsengineer.com\/\",\"name\":\"Kids Engineer!\",\"description\":\"To understand and promote engineering education in elementary schools.            John Heffernan, Ph.D.\",\"publisher\":{\"@id\":\"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kidsengineer.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438\",\"name\":\"JohnHeffernan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g\",\"caption\":\"JohnHeffernan\"},\"logo\":{\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introduction to JavaScript Lesson - Kids Engineer!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kidsengineer.com\/?p=979","og_locale":"en_US","og_type":"article","og_title":"Introduction to JavaScript Lesson - Kids Engineer!","og_description":"\u00a0What is JavaScript and why is it useful? Static versus dynamic HTML Static &#8211; always the same Dynamic &#8211; can change depending on user actions and input, create games JS runs in the browser &#8211; is interpreted Full programming language &hellip; Continue reading &rarr;","og_url":"https:\/\/kidsengineer.com\/?p=979","og_site_name":"Kids Engineer!","article_published_time":"2015-05-27T16:38:26+00:00","article_modified_time":"2015-05-28T01:09:57+00:00","author":"JohnHeffernan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"JohnHeffernan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kidsengineer.com\/?p=979#article","isPartOf":{"@id":"https:\/\/kidsengineer.com\/?p=979"},"author":{"name":"JohnHeffernan","@id":"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438"},"headline":"Introduction to JavaScript Lesson","datePublished":"2015-05-27T16:38:26+00:00","dateModified":"2015-05-28T01:09:57+00:00","mainEntityOfPage":{"@id":"https:\/\/kidsengineer.com\/?p=979"},"wordCount":785,"commentCount":0,"publisher":{"@id":"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438"},"articleSection":["Teaching","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kidsengineer.com\/?p=979#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kidsengineer.com\/?p=979","url":"https:\/\/kidsengineer.com\/?p=979","name":"Introduction to JavaScript Lesson - Kids Engineer!","isPartOf":{"@id":"https:\/\/kidsengineer.com\/#website"},"datePublished":"2015-05-27T16:38:26+00:00","dateModified":"2015-05-28T01:09:57+00:00","breadcrumb":{"@id":"https:\/\/kidsengineer.com\/?p=979#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kidsengineer.com\/?p=979"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kidsengineer.com\/?p=979#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kidsengineer.com\/"},{"@type":"ListItem","position":2,"name":"Introduction to JavaScript Lesson"}]},{"@type":"WebSite","@id":"https:\/\/kidsengineer.com\/#website","url":"https:\/\/kidsengineer.com\/","name":"Kids Engineer!","description":"To understand and promote engineering education in elementary schools.            John Heffernan, Ph.D.","publisher":{"@id":"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kidsengineer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/kidsengineer.com\/#\/schema\/person\/fd9d549ccd0fb2c6c495705a81039438","name":"JohnHeffernan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g","caption":"JohnHeffernan"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/fc85681b386321f77cdb771de4aea1d59a901a3cac996ff1c00505ec34259a86?s=96&d=mm&r=g"}}]}},"_links":{"self":[{"href":"https:\/\/kidsengineer.com\/index.php?rest_route=\/wp\/v2\/posts\/979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kidsengineer.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kidsengineer.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kidsengineer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kidsengineer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=979"}],"version-history":[{"count":5,"href":"https:\/\/kidsengineer.com\/index.php?rest_route=\/wp\/v2\/posts\/979\/revisions"}],"predecessor-version":[{"id":986,"href":"https:\/\/kidsengineer.com\/index.php?rest_route=\/wp\/v2\/posts\/979\/revisions\/986"}],"wp:attachment":[{"href":"https:\/\/kidsengineer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kidsengineer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kidsengineer.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}