{"id":23719,"date":"2020-10-05T20:07:52","date_gmt":"2020-10-06T03:07:52","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=23719"},"modified":"2021-01-04T06:30:00","modified_gmt":"2021-01-04T14:30:00","slug":"what-is-the-javascript-dom","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/","title":{"rendered":"What is the Javascript DOM?"},"content":{"rendered":"\n<p>The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. It is an interface we can use to manipulate a web page by changing its content or style.<br><\/p>\n\n\n\n<p>We can access the DOM by right clicking on a webpage and selecting \u2018inspect\u2019. By doing this, a section should appear (either on the right or left) with the HTML elements of the webpage you are currently on. By hovering over these elements, you can tell what sections of the page are being represented by them as sections of the page itself become highlighted.&nbsp;<br><\/p>\n\n\n\n<p>We can manipulate the pages content or styling by coding in the console.<\/p>\n\n\n\n<p>The DOM itself is a tree data structure with parent and nested children elements. Elements without children are called \u2018leaves\u2019. While inspecting a page, you can see our head node element of our tree is the document, then our html tag, then our head tag, which contains scripts and our title, branching off as a single tree. We can also see our body tag, which is separate from the head tag and branches off into a different tree carrying a different element. Below is an example of the elements used to represent Career Karma\u2019s home page.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/KZ8ce04fRN-YAy33IJO1fxTGTYDRO_uwZSMj4D6MjGr6sdXBNbmzlKULaLciBSoNz7Aw_kwqMgGGbZ-wlQnOxp348GPMs35pvnQQxXPkTMd3N4qIvef5Jy8_3-K1wAMhOUACUQb3\" alt=\"screenshot-of-career-karma-honepage-with-HTML-elements-displayed \"\/><\/figure>\n\n\n\n<p>Notice how the right section of the homepage gets highlighted when hovering on a particular div element child of the body tag. In this article, we discuss ways to select elements in the DOM in order to be able to manipulate it in the future.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Selecting Elements in the DOM<\/h2>\n\n\n\n<p>There are two ways to select elements in the DOM. One is by using the getElements methods, the other is by using the querySelector methods.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">getElement Methods<\/h3>\n\n\n\n<p>The getElement methods take a single string argument of either a tag name, class name, or id. Tag and class name will return an array-like object called an HTML collection which states how many times the element you are looking for occurs on the page.<br><\/p>\n\n\n\n<p><code>document.getElementsByTagName(\u2018p\u2019)<\/code> : Notice that there are seven p tags currently on Career Karma\u2019s homepage.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/SA9VXs8ApwShE6GMVlr1gme4uCOmfGY9iDzEa0I2A2oyBeQjjp9SXlvWkpSrxglIyagJsoysD-DvGyduu0s7H47C7wS062qsreeZ94aws1Ani9e157gw8WvvDPv5P3F8M-GvtIGQ\" alt=\" screenshot-of-career-karma-homepage-with-code-in-console \"\/><\/figure>\n\n\n\n<p><code>document.getElementsByClassName(\u2018hzjqne\u2019)<\/code>: This will return the HTML collection containing all of the elements with the given class.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/j3bKnQk5R1zR0PaMVl4gzN6P9RE0lb0SyI3CnGF7hs_3ryYnHS11617q0_QQsIVYUvg7rm0qWnjBbt1AyxMyEFJJQTazsk1EBFkc_DXZKwT9vLNG_a8_Csy3V_jrwGqUlqyov1s_\" alt=\" screenshot-of-career-karma-homepage-with-code-in-console \"\/><\/figure>\n\n\n\n<p><code>document.getElementById(\u2018__NEXT_DATA__\u2019)<\/code>: Getting an element by id will return the matching element in the console. Because id names should be unique, they should not return a collection of anything.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/m0FbmVlnbqtr1w7TT4yjmQMrh7gGRzmqvPXxXtPVR8uyJGk92m01vs8gLn_IBV10SsB8fdeYfGnxjP3ziUjLjO_Jr7ToZnv-w0KeO0bQdStdcrO7tzWK9o7hQw9cpo8dA3CeRsWN\" alt=\" screenshot-of-career-karma-homepage-with-code-in-console \"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">querySelector Methods<\/h3>\n\n\n\n<p>When using query selector methods, we have to remember to include the dot before the class name and the hash symbol before the id name to find or select what we are looking for. This is the most common mistake when using <code>querySelector()<\/code> or the <code>querySelectorAll()<\/code> methods.&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/4Gne5a2hV9qp8F4CrvDXLQ9KkmW33BVZteitmZjgFsKlfCKpDaLJybqrgXMUjHSm1Xf9LfWlP6W9x_eh4Xp-dMl-h31QPZqolIoOj6JU4QEXkc-0bQoiBfbgSoOmJlUv4wcOx-DY\" alt=\" screenshot-of-career-karma-homepage-with-code-in-console \"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/IOeNqtsbl-FeIJznsmvpNb66-EsYllZkpmVWn0VPwVVZpyg9tg51oH_ExI10b2i54JFjgKPPLPFOXTlbypim5WNrVVfNDo9W7IJNnB9k0y6H5tUdtEOIT9DzhdDabgk-TZBY-ZGQ\" alt=\" screenshot-of-career-karma-homepage-with-code-in-console \"\/><\/figure>\n\n\n\n<p>Notice in the screen shots above, we received the element that held the class or the id.<br><\/p>\n\n\n\n<p>Another difference is when using <code>querySelectorAll()<\/code> instead of an HTML collection, we receive in return something called a node list, which is also an array-like object.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/KXFh9qloPmx28EXxOxcUaBwEkvWPkWYsImKc45PjkXTPnfQzaUUrbBeWKNkhwOtiU_-xFcxSuMvAic7RfL81gsMt2CK83PEUSIW3oV-GHF-n0IJRPHknmiDxWA9GPNi_YjNpBZIQ\" alt=\" screenshot-of-career-karma-homepage-with-code-in-console \"\/><\/figure>\n\n\n\n<p>The difference between an HTML collection and a node list is that we can use the <code>.forEach()<\/code> method on a node list. We cannot do this with an HTML collection if we were trying to manipulate the DOM. However, JavaScript does have a method we can use to create an array from an array-like object like an HTML collection or a node list. That method is <code>.from()<\/code>, and it is from the Array class. Array.from(arrayLikeObject)<br><\/p>\n\n\n\n<p>Note that we can select all elements with querySelectors that we can with the <code>getMethods()<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The DOM is a powerful interface that represents the HTML of a webpage. It has a tree structure which we can see when we inspect the page. We can utilize methods like <code>querySelector()<\/code> or the getMethods in order to be able to manipulate what we see with JavaScript.<\/p>\n","protected":false},"excerpt":{"rendered":"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. It is an interface we can use to manipulate a web page by changing its content or style. We can access the DOM by right clicking on a webpage and selecting \u2018inspect\u2019. By doing this, a section should appear&hellip;","protected":false},"author":91,"featured_media":11907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11933],"tags":[],"class_list":{"0":"post-23719","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"JavaScript","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>What is the Javascript DOM?: A Complete Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. Learn how to access it with this article by Career Karma.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is the Javascript DOM?\" \/>\n<meta property=\"og:description\" content=\"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. Learn how to access it with this article by Career Karma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-06T03:07:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-04T14:30:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/JavaScript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kelly M.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/misskellymore\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kelly M.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/\"},\"author\":{\"name\":\"Kelly M.\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/1cc6a89c78a56b632b6032b3b040c4fb\"},\"headline\":\"What is the Javascript DOM?\",\"datePublished\":\"2020-10-06T03:07:52+00:00\",\"dateModified\":\"2021-01-04T14:30:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/\"},\"wordCount\":618,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/JavaScript.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/\",\"name\":\"What is the Javascript DOM?: A Complete Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/JavaScript.jpg\",\"datePublished\":\"2020-10-06T03:07:52+00:00\",\"dateModified\":\"2021-01-04T14:30:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/1cc6a89c78a56b632b6032b3b040c4fb\"},\"description\":\"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. Learn how to access it with this article by Career Karma.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/JavaScript.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/JavaScript.jpg\",\"width\":1000,\"height\":667},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/what-is-the-javascript-dom\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What is the Javascript DOM?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/1cc6a89c78a56b632b6032b3b040c4fb\",\"name\":\"Kelly M.\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/kelly-moreira-150x150.jpeg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/kelly-moreira-150x150.jpeg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/kelly-moreira-150x150.jpeg\",\"caption\":\"Kelly M.\"},\"description\":\"Kelly is a technical writer at Career Karma, where she writes tutorials on a variety of topics. She attended the University of Central Florida, earning a BS in Business Administration. Shortly after, she attended Lambda School, specializing in full stack web development and computer science. Before joining Career Karma in September 2020, Kelly worked as a Developer Advocate at Dwolla and as a team lead at Lambda School. Her technical writing can be found on Codecademy, gitConnected, and JavaScript in Plain English.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/kemore\\\/\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/misskellymore\"],\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/kelly-m\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is the Javascript DOM?: A Complete Guide | Career Karma","description":"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. Learn how to access it with this article by Career Karma.","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:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/","og_locale":"en_US","og_type":"article","og_title":"What is the Javascript DOM?","og_description":"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. Learn how to access it with this article by Career Karma.","og_url":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-10-06T03:07:52+00:00","article_modified_time":"2021-01-04T14:30:00+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/JavaScript.jpg","type":"image\/jpeg"}],"author":"Kelly M.","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/misskellymore","twitter_site":"@career_karma","twitter_misc":{"Written by":"Kelly M.","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/"},"author":{"name":"Kelly M.","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/1cc6a89c78a56b632b6032b3b040c4fb"},"headline":"What is the Javascript DOM?","datePublished":"2020-10-06T03:07:52+00:00","dateModified":"2021-01-04T14:30:00+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/"},"wordCount":618,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/JavaScript.jpg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/","url":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/","name":"What is the Javascript DOM?: A Complete Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/JavaScript.jpg","datePublished":"2020-10-06T03:07:52+00:00","dateModified":"2021-01-04T14:30:00+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/1cc6a89c78a56b632b6032b3b040c4fb"},"description":"The JavaScript Document Object Model (DOM) is a representation of the HTML elements of a webpage. Learn how to access it with this article by Career Karma.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/JavaScript.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/02\/JavaScript.jpg","width":1000,"height":667},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/what-is-the-javascript-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/careerkarma.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"What is the Javascript DOM?"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/1cc6a89c78a56b632b6032b3b040c4fb","name":"Kelly M.","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/kelly-moreira-150x150.jpeg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/kelly-moreira-150x150.jpeg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/kelly-moreira-150x150.jpeg","caption":"Kelly M."},"description":"Kelly is a technical writer at Career Karma, where she writes tutorials on a variety of topics. She attended the University of Central Florida, earning a BS in Business Administration. Shortly after, she attended Lambda School, specializing in full stack web development and computer science. Before joining Career Karma in September 2020, Kelly worked as a Developer Advocate at Dwolla and as a team lead at Lambda School. Her technical writing can be found on Codecademy, gitConnected, and JavaScript in Plain English.","sameAs":["https:\/\/www.linkedin.com\/in\/kemore\/","https:\/\/x.com\/https:\/\/twitter.com\/misskellymore"],"url":"https:\/\/careerkarma.com\/blog\/author\/kelly-m\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/23719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/91"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=23719"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/23719\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/11907"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=23719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=23719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=23719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}