{"id":5116,"date":"2024-05-31T10:42:54","date_gmt":"2024-05-31T05:42:54","guid":{"rendered":"https:\/\/secardo.org\/javascript-modules-es6-modules-explained-tutorial-for-beginners\/"},"modified":"2024-05-31T10:42:54","modified_gmt":"2024-05-31T05:42:54","slug":"javascript-modules-es6-modules-explained-tutorial-for-beginners","status":"publish","type":"post","link":"https:\/\/secardo.org\/?p=5116","title":{"rendered":"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners"},"content":{"rendered":"<p>One of the most useful features added to the JavaScript language in recent years is JavaScript modules, also referred to as ES6 modules. In this tutorial, I\u2019ll cover some of the history of JavaScript modules, show you a handful of syntax examples, and introduce all their basic features.<\/p>","protected":false},"excerpt":{"rendered":"<p>One of the most useful features added to the JavaScript language in recent years is JavaScript modules, also referred to as ES6 modules. In this tutorial, I\u2019ll cover some of the history of JavaScript modules,&#46;&#46;&#46;<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_eb_attr":"","footnotes":""},"categories":[1],"tags":[],"course":[],"event":[],"internship":[],"class_list":["post-5116","post","type-post","status-publish","format-standard","hentry","category-events"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners - SECARDO<\/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:\/\/secardo.org\/?p=5116\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners - SECARDO\" \/>\n<meta property=\"og:description\" content=\"One of the most useful features added to the JavaScript language in recent years is JavaScript modules, also referred to as ES6 modules. In this tutorial, I\u2019ll cover some of the history of JavaScript modules,&#046;&#046;&#046;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/secardo.org\/?p=5116\" \/>\n<meta property=\"og:site_name\" content=\"SECARDO\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-31T05:42:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/secardo.org\/?p=5116#article\",\"isPartOf\":{\"@id\":\"https:\/\/secardo.org\/?p=5116\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners\",\"datePublished\":\"2024-05-31T05:42:54+00:00\",\"dateModified\":\"2024-05-31T05:42:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/secardo.org\/?p=5116\"},\"wordCount\":57,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/secardo.org\/#organization\"},\"articleSection\":[\"Events\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/secardo.org\/?p=5116#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/secardo.org\/?p=5116\",\"url\":\"https:\/\/secardo.org\/?p=5116\",\"name\":\"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners - SECARDO\",\"isPartOf\":{\"@id\":\"https:\/\/secardo.org\/#website\"},\"datePublished\":\"2024-05-31T05:42:54+00:00\",\"dateModified\":\"2024-05-31T05:42:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/secardo.org\/?p=5116#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/secardo.org\/?p=5116\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/secardo.org\/?p=5116#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/secardo.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/secardo.org\/#website\",\"url\":\"https:\/\/secardo.org\/\",\"name\":\"Secardo\",\"description\":\"Sustainable Education and Career Development\",\"publisher\":{\"@id\":\"https:\/\/secardo.org\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/secardo.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/secardo.org\/#organization\",\"name\":\"Secardo\",\"url\":\"https:\/\/secardo.org\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secardo.org\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/secardo.org\/wp-content\/uploads\/2024\/03\/cropped-logo.png\",\"contentUrl\":\"https:\/\/secardo.org\/wp-content\/uploads\/2024\/03\/cropped-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Secardo\"},\"image\":{\"@id\":\"https:\/\/secardo.org\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners - SECARDO","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:\/\/secardo.org\/?p=5116","og_locale":"en_US","og_type":"article","og_title":"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners - SECARDO","og_description":"One of the most useful features added to the JavaScript language in recent years is JavaScript modules, also referred to as ES6 modules. In this tutorial, I\u2019ll cover some of the history of JavaScript modules,&#46;&#46;&#46;","og_url":"https:\/\/secardo.org\/?p=5116","og_site_name":"SECARDO","article_published_time":"2024-05-31T05:42:54+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/secardo.org\/?p=5116#article","isPartOf":{"@id":"https:\/\/secardo.org\/?p=5116"},"author":{"name":"","@id":""},"headline":"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners","datePublished":"2024-05-31T05:42:54+00:00","dateModified":"2024-05-31T05:42:54+00:00","mainEntityOfPage":{"@id":"https:\/\/secardo.org\/?p=5116"},"wordCount":57,"commentCount":0,"publisher":{"@id":"https:\/\/secardo.org\/#organization"},"articleSection":["Events"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/secardo.org\/?p=5116#respond"]}]},{"@type":"WebPage","@id":"https:\/\/secardo.org\/?p=5116","url":"https:\/\/secardo.org\/?p=5116","name":"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners - SECARDO","isPartOf":{"@id":"https:\/\/secardo.org\/#website"},"datePublished":"2024-05-31T05:42:54+00:00","dateModified":"2024-05-31T05:42:54+00:00","breadcrumb":{"@id":"https:\/\/secardo.org\/?p=5116#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/secardo.org\/?p=5116"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/secardo.org\/?p=5116#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/secardo.org\/"},{"@type":"ListItem","position":2,"name":"JavaScript Modules (ES6 Modules) Explained: Tutorial for Beginners"}]},{"@type":"WebSite","@id":"https:\/\/secardo.org\/#website","url":"https:\/\/secardo.org\/","name":"Secardo","description":"Sustainable Education and Career Development","publisher":{"@id":"https:\/\/secardo.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/secardo.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/secardo.org\/#organization","name":"Secardo","url":"https:\/\/secardo.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secardo.org\/#\/schema\/logo\/image\/","url":"https:\/\/secardo.org\/wp-content\/uploads\/2024\/03\/cropped-logo.png","contentUrl":"https:\/\/secardo.org\/wp-content\/uploads\/2024\/03\/cropped-logo.png","width":512,"height":512,"caption":"Secardo"},"image":{"@id":"https:\/\/secardo.org\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/secardo.org\/index.php?rest_route=\/wp\/v2\/posts\/5116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/secardo.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/secardo.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5116"}],"version-history":[{"count":0,"href":"https:\/\/secardo.org\/index.php?rest_route=\/wp\/v2\/posts\/5116\/revisions"}],"wp:attachment":[{"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5116"},{"taxonomy":"course","embeddable":true,"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcourse&post=5116"},{"taxonomy":"event","embeddable":true,"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fevent&post=5116"},{"taxonomy":"internship","embeddable":true,"href":"https:\/\/secardo.org\/index.php?rest_route=%2Fwp%2Fv2%2Finternship&post=5116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}