{"id":28454,"date":"2021-01-14T20:34:59","date_gmt":"2021-01-15T04:34:59","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=28454"},"modified":"2021-01-14T20:35:31","modified_gmt":"2021-01-15T04:35:31","slug":"jquery-on","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/jquery-on\/","title":{"rendered":"A Beginner\u2019s Guide to jQuery on()"},"content":{"rendered":"\n<p>The jQuery <code>on()<\/code> method is a way to attach an event handler on an element. The element passed to the selector can be anything on the page. Most commonly, <code>on()<\/code> is a way to attach a click handler to a button. In practice, <code>on()<\/code> can attach any event handler to any selected element.\u00a0<br><\/p>\n\n\n\n<p>In this guide, we will cover the basic syntax for <code>on()<\/code> and see some practical examples in action. It is important to mention that jQuery <code>on()<\/code> accepts optional arguments that will not be covered here. We are going to stick to the required arguments and common usage. More about the optional arguments can be found <a href=\"https:\/\/www.w3schools.com\/jquery\/event_on.asp\" target=\"_blank\" rel=\"noopener\" rel=\"nofollow\">here<\/a>.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is jQuery on()<\/h2>\n\n\n\n<p>The jQuery <code>on()<\/code> method provides a stable way to attach an event handler to a selected element. Once the handler is named, <code>on()<\/code> takes a callback function. A callback function is a function that is passed to a method that executes at a later time. For our purposes, the callback function is where something will happen.\u00a0<br><\/p>\n\n\n\n<p>Let\u2019s say we used <code>on()<\/code> to attach a click event handler on a button. Our callback function is where we will define what action will happen after the button is clicked.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">on() jQuery Syntax<\/h2>\n\n\n\n<p>Now that we have an idea of how <code>on()<\/code> works, let\u2019s look at its specific syntax. Remember in all jQuery, we start with selecting our element. Then we call the <code>on()<\/code> method to attach our event handler. The first argument passed to <code>on()<\/code> is the event handler name itself, and is followed by the callback function.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>$('.btn').on('click', function() {\n  alert(&quot;You clicked the button!&quot;)\n})<\/pre><\/div>\n\n\n\n<p>Here, we are selecting our button, calling <code>on()<\/code>, and passing our required arguments. Notice the event handler name must be in quotations. In our callback function, we are displaying an alert with a message. This lets us know the callback function is working properly.\u00a0<br><\/p>\n\n\n\n<p>More about jQuery <code>alert()<\/code> can be found here.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">jQuery on() Example<\/h2>\n\n\n\n<p>Let\u2019s expand on our above button example. We now know how basic syntax works for jQuery <code>on()<\/code>. For our example, let\u2019s do something more than display an alert message after the button is clicked.\u00a0<br><\/p>\n\n\n\n<p>Instead of the alert message, we can display new content after the button is clicked. To do this, we will be using the jQuery <code>append()<\/code> method inside of our callback function. jQuery <code>append()<\/code> attaches content passed as an argument to the end of the selected element. Read more about jQuery <code>append()<\/code> <a href=\"https:\/\/careerkarma.com\/blog\/jquery-append\/\">here<\/a>.\u00a0<br><\/p>\n\n\n\n<p>To begin, we are rendering an HTML button and a &lt;div> where we will append new content.<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;button class=&quot;btn&quot;&gt;\nClick me!\n&lt;\/button&gt;\n\n&lt;div class=&quot;message&quot;&gt;\n\n&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p>This will render just the button for now.&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/oFkyXOQID19J65biWNnIB1ORYbF7Ug7pW5ftH93d5u5TS_pGcXXOCbIpjxTXlXbsERoAT7DG_mT_epCIoVc3nQO1oXXEw6k-pQxZyZJhiQumbmtAhq--I3DJAckHkecIMFz0In8L\" alt=\"\"\/><\/figure>\n\n\n\n<p>There\u2019s our button that wants to be clicked! Now, we select it with jQuery and have a message displayed after it is clicked.\u00a0<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>$('.btn').on('click', function() {\n  $('.message').append('The button has been clicked.')\n})<\/pre><\/div>\n\n\n\n<p>Our button is selected by its class name and is passed a click event handler. In our callback function, we are appending a message to our &lt;div&gt; with a class name of \u201cmessage.\u201d<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/olxY-XUK5wRHvkKAO94LU9uYIv-lmxluzEwwaH6-5O7_zMG7uITqms8ynppFRyozJur4pGBM7QkLbLHYdFPxsfwECGxO22oQSLVwuyk5qKtrzAehg9_bo4P22hosMCT4HARRCs-d\" alt=\"\"\/><\/figure>\n\n\n\n<p>Our <code>on()<\/code> method works! One thing to note about using jQuery <code>append()<\/code> here is that our message will be attached to the bottom of our &lt;div> every time the button is clicked. Let\u2019s take a look at a different example.\u00a0<br><\/p>\n\n\n\n<p>In our next example, we will replace the button with new content after it has been clicked. This will mimic a more controlled user experience.\u00a0<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;div&gt;\n&lt;button class=&quot;btn&quot;&gt;\nClick me!\n&lt;\/button&gt;\n&lt;\/div&gt;<\/pre><\/div>\n\n\n\n<p>Here, we have wrapped our button in a &lt;div>. This will allow us to use jQuery <code>html()<\/code> and replace the button with a &lt;p> tag containing text. Sometimes we only want users to click a button once and be directed to new content!\u00a0<br><\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>$('.btn').on('click', function() {\n  $('div').html('&lt;p&gt;The button has been replaced&lt;\/p&gt;')\n})<\/pre><\/div>\n\n\n\n<p>In a similar fashion as our previous example, we are selecting the button and using <code>on()<\/code> to attach a click handler. Inside our callback function, we are replacing the button HTML with a paragraph element containing new HTML content.\u00a0<br><\/p>\n\n\n\n<p>Once the button is clicked:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/oyR1WFvIDhmUeJ8IyTxS5W9kw8iqoXJ4NTTMSfnsD5nY0qJyINlqXEJTusY84mDKHAHBdVAauMaTyE_kMtccknCJmStqhivElzY3mSGxkM_WwixUnllPATmCmP0pbmwCFf77vz9m\" alt=\"\"\/><\/figure>\n\n\n\n<p>We have new content and no button! This is a robust way to guide the user experience in a more controlled way.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>We have seen how jQuery <code>on()<\/code> can attach an event handler to an element in a few lines of robust code. After we learned the basic syntax, we looked at two examples of how jQuery <code>on()<\/code> can be used. It is flexible enough to be used in a specific way or in a more general way depending on the desired outcome.\u00a0<br><\/p>\n\n\n\n<p>As this guide has been an introduction to using jQuery <code>on()<\/code>, make sure to spend some time practicing. There are many uses waiting to be discovered as you progress toward event handler mastery! <\/p>\n","protected":false},"excerpt":{"rendered":"The jQuery on() method is a way to attach an event handler on an element. The element passed to the selector can be anything on the page. Most commonly, on() is a way to attach a click handler to a button. In practice, on() can attach any event handler to any selected element.\u00a0 In this&hellip;","protected":false},"author":104,"featured_media":22999,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11933],"tags":[],"class_list":{"0":"post-28454","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>A Beginner&#039;s Guide to jQuery on()<\/title>\n<meta name=\"description\" content=\"jQuery on() attaches an event handler to a selected element. Get started learning how to use it in this guide.\" \/>\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\/jquery-on\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Beginner\u2019s Guide to jQuery on()\" \/>\n<meta property=\"og:description\" content=\"jQuery on() attaches an event handler to a selected element. Get started learning how to use it in this guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/jquery-on\/\" \/>\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=\"2021-01-15T04:34:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-15T04:35:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/code-944499_640.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"344\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ryan Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan Manchester\" \/>\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:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/\"},\"author\":{\"name\":\"Ryan Manchester\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"headline\":\"A Beginner\u2019s Guide to jQuery on()\",\"datePublished\":\"2021-01-15T04:34:59+00:00\",\"dateModified\":\"2021-01-15T04:35:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/\"},\"wordCount\":747,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/code-944499_640.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/\",\"name\":\"A Beginner's Guide to jQuery on()\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/code-944499_640.jpg\",\"datePublished\":\"2021-01-15T04:34:59+00:00\",\"dateModified\":\"2021-01-15T04:35:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"description\":\"jQuery on() attaches an event handler to a selected element. Get started learning how to use it in this guide.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/code-944499_640.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/code-944499_640.jpg\",\"width\":640,\"height\":344},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-on\\\/#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\":\"A Beginner\u2019s Guide to jQuery on()\"}]},{\"@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\\\/92fd52a503f77fc058ec2d0666da9bd5\",\"name\":\"Ryan Manchester\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"caption\":\"Ryan Manchester\"},\"description\":\"Ryan is a technical writer at Career Karma, where he covers programming languages, technology, and web development. The Texas native earned his Bachelor's of Music Composition from the University of North Texas. Ryan is currently pursuing further education in web development, aiming to graduate from Flatiron School with a certification in full stack web development. Since joining the Career Karma team in November 2020, Ryan has used his expertise to cover topics like React and Ruby on Rails.\",\"sameAs\":[\"http:\\\/\\\/www.ryanmanchester.info\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ryan-manchester-6537a630\\\/\"],\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/ryan-manchester\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"A Beginner's Guide to jQuery on()","description":"jQuery on() attaches an event handler to a selected element. Get started learning how to use it in this guide.","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\/jquery-on\/","og_locale":"en_US","og_type":"article","og_title":"A Beginner\u2019s Guide to jQuery on()","og_description":"jQuery on() attaches an event handler to a selected element. Get started learning how to use it in this guide.","og_url":"https:\/\/careerkarma.com\/blog\/jquery-on\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2021-01-15T04:34:59+00:00","article_modified_time":"2021-01-15T04:35:31+00:00","og_image":[{"width":640,"height":344,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/code-944499_640.jpg","type":"image\/jpeg"}],"author":"Ryan Manchester","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Ryan Manchester","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/"},"author":{"name":"Ryan Manchester","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"headline":"A Beginner\u2019s Guide to jQuery on()","datePublished":"2021-01-15T04:34:59+00:00","dateModified":"2021-01-15T04:35:31+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/"},"wordCount":747,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/code-944499_640.jpg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/jquery-on\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/","url":"https:\/\/careerkarma.com\/blog\/jquery-on\/","name":"A Beginner's Guide to jQuery on()","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/code-944499_640.jpg","datePublished":"2021-01-15T04:34:59+00:00","dateModified":"2021-01-15T04:35:31+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"description":"jQuery on() attaches an event handler to a selected element. Get started learning how to use it in this guide.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/jquery-on\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/code-944499_640.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/09\/code-944499_640.jpg","width":640,"height":344},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/jquery-on\/#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":"A Beginner\u2019s Guide to jQuery on()"}]},{"@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\/92fd52a503f77fc058ec2d0666da9bd5","name":"Ryan Manchester","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","caption":"Ryan Manchester"},"description":"Ryan is a technical writer at Career Karma, where he covers programming languages, technology, and web development. The Texas native earned his Bachelor's of Music Composition from the University of North Texas. Ryan is currently pursuing further education in web development, aiming to graduate from Flatiron School with a certification in full stack web development. Since joining the Career Karma team in November 2020, Ryan has used his expertise to cover topics like React and Ruby on Rails.","sameAs":["http:\/\/www.ryanmanchester.info\/","https:\/\/www.linkedin.com\/in\/ryan-manchester-6537a630\/"],"url":"https:\/\/careerkarma.com\/blog\/author\/ryan-manchester\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/28454","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\/104"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=28454"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/28454\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/22999"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=28454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=28454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=28454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}