{"id":9,"date":"2019-03-13T12:31:44","date_gmt":"2019-03-13T12:31:44","guid":{"rendered":"https:\/\/www.kindsonthegenius.com\/javascript\/?p=9"},"modified":"2019-03-27T18:35:53","modified_gmt":"2019-03-27T18:35:53","slug":"00-javascript-introduction","status":"publish","type":"post","link":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/","title":{"rendered":"JavaScript &#8211; Introduction"},"content":{"rendered":"<p>This is the first in the JavaScript Tutorial series for 2019. I would try to focus on the practicals as much as possible.<\/p>\n<p>In this introduction, we would cover the following:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><a href=\"#t1\">Overview of JavaScript<\/a><\/li>\n<li><a href=\"#t2\">Why Learn JavaScript<\/a><\/li>\n<li><a href=\"#t3\">Best Way to Learn JavaScript<\/a><\/li>\n<li><a href=\"#t4\">Benefits of JavaScript<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4><strong id=\"t1\">1. Overview of JavaScript<\/strong><\/h4>\n<p>JavaScript is an interpreted computer programming language. It\u00a0 is a high-level and dynamic language that conforms to the <a href=\"http:\/\/www.ecma-international.org\/publications\/index.html\">EcmaScript specification<\/a>. JavaScript combined with <a href=\"https:\/\/kindsonthegenius.com\">HTML<\/a> and <a href=\"https:\/\/kindsonthegenius.com\">CSS<\/a> is the core language used web pages. JavaScript code is normally embedded into html pages.Therefore, you can write and run JavaScript programs with just your browser.<\/p>\n<p>JavaScript functionality has been extended by frameworks such as <a href=\"https:\/\/kindsonthegenius.com\">AngularJS<\/a>, <a href=\"https:\/\/kindsonthegenius.com\">React.js<\/a>, <a href=\"https:\/\/kindsonthegenius.com\">Node.js<\/a> etc. However, many of the existing frameworks derives from JavaScript.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>What is Vanilla JavaScript?<\/strong><\/p>\n<p>Vanilla JavaScript is a term used to describe pure JavaScript code. Which means JavaScript not extended by additional libraries or framework.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong id=\"t2\">2. Why Learn JavaScript<\/strong><\/h4>\n<p>There are a number of reasons to learn JavaScript. It includes the following:<\/p>\n<ul>\n<li><strong>Easy to Learn:<\/strong> JavaScript takes a very short time to learn. It is a high-level language you can be sure to learn in less than two months.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>No Prerequisites:<\/strong> You don&#8217;t need any programming knowledge to learn JavaScript. It is a complete beginner-friendly programming language.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Free and Lightweight Tools:<\/strong> You don&#8217;t need to install any applications to learn and use JavaScript. You simply write the code, embed in a web page and run.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Head-start for other Languages:<\/strong> A number of Languages and framework derives from JavaScript. For example, AngularJS, BootStrap, TypeScript etc. With a knowledge of JavaScript, you can easily get up to speed with these ones<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong id=\"t3\">3. Best Way to Learn JavaScript<\/strong><\/h4>\n<p>If you follow the recommendations i make here, then in less than two months, you will be a JavaScript programmer. Each of the chapter of this tutorial has a corresponding video. So after each tutorial, ensure to watch the video to get clarifications.<\/p>\n<p>Also, if you have challenges, we have experienced JavaScript programmers that can help you. All you simply do is to mention your challenge in the comment box either below the video or below this tutorial page.<\/p>\n<p>Finally ensure to follow the JavaScript quiz that would be provided from time to time.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4><strong id=\"t4\">4. Benefits of JavaScript<\/strong><\/h4>\n<p>Some of the benefits of JavaScript are:<\/p>\n<ul>\n<li><strong>Richer User interfaces<\/strong> &#8211; With JavaScript, you can include features like drag-and-drop and other GUI components. Other include image slider, marquee and rollover effects.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Increased interactivity:<\/strong> JavaScript allows you to build interface the user can interact with. For example, you can write functions for mouseover, keypress, click etc.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Less Server Interaction:<\/strong> This means that you can perform certain operations on the client side.For example, user input validation can be done using JavaScript. This makes it that the number of server request\/response cycles is reduced.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Immediate response<\/strong>: So users do not need for a page reload to get a response.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the first in the JavaScript Tutorial series for 2019. I would try to focus on the practicals as much as possible. In this &hellip; <\/p>\n","protected":false},"author":395,"featured_media":10,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-9","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript - Introduction - JavaScript Tutorial<\/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:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript - Introduction - JavaScript Tutorial\" \/>\n<meta property=\"og:description\" content=\"This is the first in the JavaScript Tutorial series for 2019. I would try to focus on the practicals as much as possible. In this &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/\" \/>\n<meta property=\"og:site_name\" content=\"JavaScript Tutorial\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-13T12:31:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-03-27T18:35:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kindsonthegenius.com\/javascript\/wp-content\/uploads\/sites\/6\/2019\/03\/Introduction-to-JavaScript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"912\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"kindsonthegenius\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"kindsonthegenius\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/\"},\"author\":{\"name\":\"kindsonthegenius\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/#\\\/schema\\\/person\\\/63a68934672db675ff0cd80d066510c2\"},\"headline\":\"JavaScript &#8211; Introduction\",\"datePublished\":\"2019-03-13T12:31:44+00:00\",\"dateModified\":\"2019-03-27T18:35:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/\"},\"wordCount\":503,\"commentCount\":3,\"image\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/03\\\/Introduction-to-JavaScript.jpg\",\"articleSection\":[\"JavaScript Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/\",\"url\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/\",\"name\":\"JavaScript - Introduction - JavaScript Tutorial\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/03\\\/Introduction-to-JavaScript.jpg\",\"datePublished\":\"2019-03-13T12:31:44+00:00\",\"dateModified\":\"2019-03-27T18:35:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/#\\\/schema\\\/person\\\/63a68934672db675ff0cd80d066510c2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/03\\\/Introduction-to-JavaScript.jpg\",\"contentUrl\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2019\\\/03\\\/Introduction-to-JavaScript.jpg\",\"width\":912,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/00-javascript-introduction\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript &#8211; Introduction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/#website\",\"url\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/\",\"name\":\"JavaScript Tutorial\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/#\\\/schema\\\/person\\\/63a68934672db675ff0cd80d066510c2\",\"name\":\"kindsonthegenius\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3079a7f663b02e801d03cd075852a037af36bd179b5fbcd0603bae3dd7833a9b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3079a7f663b02e801d03cd075852a037af36bd179b5fbcd0603bae3dd7833a9b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3079a7f663b02e801d03cd075852a037af36bd179b5fbcd0603bae3dd7833a9b?s=96&d=mm&r=g\",\"caption\":\"kindsonthegenius\"},\"url\":\"https:\\\/\\\/www.kindsonthegenius.com\\\/javascript\\\/author\\\/kindsonthegenius-2\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript - Introduction - JavaScript Tutorial","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:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript - Introduction - JavaScript Tutorial","og_description":"This is the first in the JavaScript Tutorial series for 2019. I would try to focus on the practicals as much as possible. In this &hellip;","og_url":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/","og_site_name":"JavaScript Tutorial","article_published_time":"2019-03-13T12:31:44+00:00","article_modified_time":"2019-03-27T18:35:53+00:00","og_image":[{"width":912,"height":500,"url":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-content\/uploads\/sites\/6\/2019\/03\/Introduction-to-JavaScript.jpg","type":"image\/jpeg"}],"author":"kindsonthegenius","twitter_card":"summary_large_image","twitter_misc":{"Written by":"kindsonthegenius","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#article","isPartOf":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/"},"author":{"name":"kindsonthegenius","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/#\/schema\/person\/63a68934672db675ff0cd80d066510c2"},"headline":"JavaScript &#8211; Introduction","datePublished":"2019-03-13T12:31:44+00:00","dateModified":"2019-03-27T18:35:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/"},"wordCount":503,"commentCount":3,"image":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-content\/uploads\/sites\/6\/2019\/03\/Introduction-to-JavaScript.jpg","articleSection":["JavaScript Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/","url":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/","name":"JavaScript - Introduction - JavaScript Tutorial","isPartOf":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#primaryimage"},"image":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-content\/uploads\/sites\/6\/2019\/03\/Introduction-to-JavaScript.jpg","datePublished":"2019-03-13T12:31:44+00:00","dateModified":"2019-03-27T18:35:53+00:00","author":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/#\/schema\/person\/63a68934672db675ff0cd80d066510c2"},"breadcrumb":{"@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#primaryimage","url":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-content\/uploads\/sites\/6\/2019\/03\/Introduction-to-JavaScript.jpg","contentUrl":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-content\/uploads\/sites\/6\/2019\/03\/Introduction-to-JavaScript.jpg","width":912,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/00-javascript-introduction\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kindsonthegenius.com\/javascript\/"},{"@type":"ListItem","position":2,"name":"JavaScript &#8211; Introduction"}]},{"@type":"WebSite","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/#website","url":"https:\/\/www.kindsonthegenius.com\/javascript\/","name":"JavaScript Tutorial","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kindsonthegenius.com\/javascript\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.kindsonthegenius.com\/javascript\/#\/schema\/person\/63a68934672db675ff0cd80d066510c2","name":"kindsonthegenius","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3079a7f663b02e801d03cd075852a037af36bd179b5fbcd0603bae3dd7833a9b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3079a7f663b02e801d03cd075852a037af36bd179b5fbcd0603bae3dd7833a9b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3079a7f663b02e801d03cd075852a037af36bd179b5fbcd0603bae3dd7833a9b?s=96&d=mm&r=g","caption":"kindsonthegenius"},"url":"https:\/\/www.kindsonthegenius.com\/javascript\/author\/kindsonthegenius-2\/"}]}},"_links":{"self":[{"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/users\/395"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":2,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/posts\/9\/revisions\/12"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kindsonthegenius.com\/javascript\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}