{"id":31089,"date":"2016-12-02T13:32:48","date_gmt":"2016-12-02T04:32:48","guid":{"rendered":"http:\/\/www.aaronsnowberger.com\/?p=31089"},"modified":"2024-07-05T21:14:16","modified_gmt":"2024-07-05T12:14:16","slug":"coding-an-advent-calendar-2","status":"publish","type":"post","link":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/","title":{"rendered":"Coding an Advent Calendar: Day 2"},"content":{"rendered":"<p>This year, I decided to create an <strong><a href=\"http:\/\/codepen.io\/jekkilekki\/pen\/yVpeBy\">Advent Calendar<\/a><\/strong> website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable.<\/p>\n<h2>Day 2<\/h2>\n<dl>\n<dt><strong>WP REST API with React.js (structure)<\/strong><\/dt>\n<dd>There&#8217;s been <a href=\"https:\/\/poststatus.com\/wordpress-rest-api-core-draft-podcast\/\">a lot of excitement<\/a> recently about the <a href=\"https:\/\/make.wordpress.org\/core\/2016\/10\/12\/rest-api-team-update-4-7-week-8\/\">WP REST API&#8217;s inclusion of content\u00a0endpoints in WordPress 4.7<\/a> lately, so I&#8217;ve been wanting to learn about that and create something useful that utilizes it. I have built both a simple WordPress REST plugin and a WordPress REST theme in October this year, by following these Lynda.com courses:<\/p>\n<ol>\n<li><a href=\"https:\/\/www.lynda.com\/WordPress-tutorials\/WordPress-REST-API-WP-API-First-Look\/383783-2.html\">WordPress REST API (WP-API): First Look<\/a> by Morten Rand-Hendriksen<\/li>\n<li><a href=\"https:\/\/www.lynda.com\/AngularJS-tutorials\/AngularJS-WordPress-Building-Single-Page-Application\/423997-2.html\">AngularJS and WordPress: Building a Single-Page Application<\/a> by Roy Sivan<\/li>\n<\/ol>\n<p>After building these projects, I wanted to do some more with the WP-API. Then, after <a href=\"https:\/\/poststatus.com\/\">Brian Krogsgard<\/a> created a <a href=\"http:\/\/codepen.io\/krogsgard\/pen\/NRBqPp\">Codepen which utilizes React.js and the WP REST API<\/a> (and <a href=\"http:\/\/codepen.io\/krogsgard\/pen\/pEYxEG\">one with Vue.js<\/a>), I thought it would be a good thing to fork and learn from.<\/dd>\n<dt><strong>Color Palette<\/strong><\/dt>\n<dd>Initially, I set the colors for the CSS present to <code>green<\/code>\u00a0and <code>maroon<\/code>\u00a0but was quite unsatisfied with that combination. Eventually, after checking some other color palettes on <a href=\"http:\/\/colourlovers.com\">ColourLovers.com<\/a> and <a href=\"https:\/\/kr.pinterest.com\/pin\/565342559444980587\/\">Dribbble.com<\/a>, I settled on the following (similar to <a href=\"http:\/\/codepen.io\/adamlindqvist\/pen\/EaPeJg\">this Codepen<\/a>):<\/p>\n<ul>\n<li style=\"background: #9D1313; padding-left: 5px;\"><span style=\"color: white;\">Dark Red: #9D1313<\/span><\/li>\n<li style=\"background: #F17259; padding-left: 5px;\">Light Red: #F17259<\/li>\n<li style=\"background: #0B8972; padding-left: 5px;\"><span style=\"color: white;\">Dark Green: #0B8972<\/span><\/li>\n<li style=\"background: #65C0A5; padding-left: 5px;\">Light Green: #65C0A5<\/li>\n<li style=\"background: #2A6FB0; padding-left: 5px;\"><span style=\"color: white;\">Dark Blue: #2A6FB0<\/span><\/li>\n<li style=\"background: #CAE4F2; padding-left: 5px;\">Light Blue: #CAE4F2<\/li>\n<\/ul>\n<p>Along with various other alpha shades, tones, and tints of these colors as well as <strong style=\"background: black; color: white;\">\u00a0Black\u00a0<\/strong> and <strong>White<\/strong>.<\/dd>\n<dd><\/dd>\n<dt><strong>Sass CSS<\/strong><\/dt>\n<dd>Since the color palette I chose would need to be used and reused in the various elements I created on the page, I decided the best way to keep track of those (and easily call them up later) would be to switch my CSS stylesheet to Sass. I stored the color (and other) variables at the top of the stylesheet and was able to easily use them at will throughout the page.<\/p>\n<p>I may yet do something else with Sass mixins or functions (like a <code>@for<\/code> loop), and I intend to rewrite the stylesheet using Sass nested selectors later.<\/dd>\n<\/dl>\n<hr \/>\n<h2>Work Completed (to date)<\/h2>\n<ul>\n<li><a href=\"http:\/\/wp.me\/p3Rn30-85r\"><strong>December 2, 2016<\/strong><\/a>\n<ul>\n<li>React.js + Axios.js initial code structure<\/li>\n<li>Color palette<\/li>\n<li>CSS \u2192 Sass<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/wp.me\/p3Rn30-85l\"><strong>December 1, 2016<\/strong><\/a>\n<ul>\n<li>Let it snow<\/li>\n<li>Typography choices<\/li>\n<li>CSS presents (first design)<\/li>\n<li>Design notes menu<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 2 WP REST API with React.js (structure) There&#8217;s been a lot of excitement recently about the <a class=\"read-more\" href=\"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":31091,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Coding an Advent Calendar: Day 2","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[230],"tags":[241,242,243,234,244,245,239,246,247],"class_list":["post-31089","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-study","tag-axios-js","tag-color","tag-color-palette","tag-css","tag-react-js","tag-rest-api","tag-sass","tag-wordpress-rest-api","tag-wp-api"],"acf":false,"featured_image_src":null,"author_info":{"display_name":"Aaron","author_link":"https:\/\/aaron.kr\/content\/author\/aaron_wzd4qf\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Coding an Advent Calendar: Day 2 - Aaron.kr<\/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:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Coding an Advent Calendar: Day 2 - Aaron.kr\" \/>\n<meta property=\"og:description\" content=\"This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 2 WP REST API with React.js (structure) There&#8217;s been a lot of excitement recently about the Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Aaron.kr\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-02T04:32:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T12:14:16+00:00\" \/>\n<meta name=\"author\" content=\"Aaron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@jekkilekki\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron\" \/>\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:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/\"},\"author\":{\"name\":\"Aaron\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#\\\/schema\\\/person\\\/882db1ceb909353e8494b33298bdb1ca\"},\"headline\":\"Coding an Advent Calendar: Day 2\",\"datePublished\":\"2016-12-02T04:32:48+00:00\",\"dateModified\":\"2024-07-05T12:14:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/\"},\"wordCount\":388,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"Axios.js\",\"color\",\"color palette\",\"CSS\",\"React.js\",\"REST API\",\"Sass\",\"WordPress REST API\",\"WP API\"],\"articleSection\":[\"Case Study\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/\",\"url\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/\",\"name\":\"Coding an Advent Calendar: Day 2 - Aaron.kr\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2016-12-02T04:32:48+00:00\",\"dateModified\":\"2024-07-05T12:14:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/case-study\\\/coding-an-advent-calendar-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/aaron.kr\\\/content\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coding an Advent Calendar: Day 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#website\",\"url\":\"https:\\\/\\\/aaron.kr\\\/content\\\/\",\"name\":\"Aaron.kr\",\"description\":\"Code \u2022 Data \u2022 Design \u2022 Education\",\"publisher\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aaron.kr\\\/content\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#organization\",\"name\":\"Aaron.kr\",\"url\":\"https:\\\/\\\/aaron.kr\\\/content\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/files.aaron.kr\\\/media\\\/2025\\\/01\\\/aaron.jpg?fit=460%2C460&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/files.aaron.kr\\\/media\\\/2025\\\/01\\\/aaron.jpg?fit=460%2C460&ssl=1\",\"width\":460,\"height\":460,\"caption\":\"Aaron.kr\"},\"image\":{\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/aaron.kr\\\/content\\\/#\\\/schema\\\/person\\\/882db1ceb909353e8494b33298bdb1ca\",\"name\":\"Aaron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/10571f11d7fc856469ed55c339430c1038411e8476debccbc7167e391181ba31?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/10571f11d7fc856469ed55c339430c1038411e8476debccbc7167e391181ba31?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/10571f11d7fc856469ed55c339430c1038411e8476debccbc7167e391181ba31?s=96&d=mm&r=g\",\"caption\":\"Aaron\"},\"description\":\"Aaron Snowberger is an experienced web developer, graphic designer, and educator in ESL and computer technology. He holds a Bachelor's degree in Computer Science, Master's degree in Media Design, and professional certifications for React (JavaScript) development, and as a Google Certified Educator and Trainer. Aaron is passionate about helping new learners discover the joys of technology, and has presented across the country at multiple local, national, and international conferences in both the ESL and web development fields. His most recent talk was given at the 2019 JSConf (JavaScript Conference) in Seoul on September 3, 2019. (https:\\\/\\\/2019.jsconfkorea.com\\\/en\\\/tutorials)\",\"sameAs\":[\"https:\\\/\\\/aaron.kr\",\"https:\\\/\\\/linkedin.com\\\/in\\\/aaronsnowberger\\\/\",\"https:\\\/\\\/x.com\\\/jekkilekki\"],\"url\":\"https:\\\/\\\/aaron.kr\\\/content\\\/author\\\/aaron_wzd4qf\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Coding an Advent Calendar: Day 2 - Aaron.kr","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:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/","og_locale":"en_US","og_type":"article","og_title":"Coding an Advent Calendar: Day 2 - Aaron.kr","og_description":"This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 2 WP REST API with React.js (structure) There&#8217;s been a lot of excitement recently about the Read more","og_url":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/","og_site_name":"Aaron.kr","article_published_time":"2016-12-02T04:32:48+00:00","article_modified_time":"2024-07-05T12:14:16+00:00","author":"Aaron","twitter_card":"summary_large_image","twitter_creator":"@jekkilekki","twitter_misc":{"Written by":"Aaron","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#article","isPartOf":{"@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/"},"author":{"name":"Aaron","@id":"https:\/\/aaron.kr\/content\/#\/schema\/person\/882db1ceb909353e8494b33298bdb1ca"},"headline":"Coding an Advent Calendar: Day 2","datePublished":"2016-12-02T04:32:48+00:00","dateModified":"2024-07-05T12:14:16+00:00","mainEntityOfPage":{"@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/"},"wordCount":388,"commentCount":0,"publisher":{"@id":"https:\/\/aaron.kr\/content\/#organization"},"image":{"@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#primaryimage"},"thumbnailUrl":"","keywords":["Axios.js","color","color palette","CSS","React.js","REST API","Sass","WordPress REST API","WP API"],"articleSection":["Case Study"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/","url":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/","name":"Coding an Advent Calendar: Day 2 - Aaron.kr","isPartOf":{"@id":"https:\/\/aaron.kr\/content\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#primaryimage"},"image":{"@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#primaryimage"},"thumbnailUrl":"","datePublished":"2016-12-02T04:32:48+00:00","dateModified":"2024-07-05T12:14:16+00:00","breadcrumb":{"@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/aaron.kr\/content\/case-study\/coding-an-advent-calendar-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aaron.kr\/content\/"},{"@type":"ListItem","position":2,"name":"Coding an Advent Calendar: Day 2"}]},{"@type":"WebSite","@id":"https:\/\/aaron.kr\/content\/#website","url":"https:\/\/aaron.kr\/content\/","name":"Aaron.kr","description":"Code \u2022 Data \u2022 Design \u2022 Education","publisher":{"@id":"https:\/\/aaron.kr\/content\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aaron.kr\/content\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aaron.kr\/content\/#organization","name":"Aaron.kr","url":"https:\/\/aaron.kr\/content\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aaron.kr\/content\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/files.aaron.kr\/media\/2025\/01\/aaron.jpg?fit=460%2C460&ssl=1","contentUrl":"https:\/\/i0.wp.com\/files.aaron.kr\/media\/2025\/01\/aaron.jpg?fit=460%2C460&ssl=1","width":460,"height":460,"caption":"Aaron.kr"},"image":{"@id":"https:\/\/aaron.kr\/content\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/aaron.kr\/content\/#\/schema\/person\/882db1ceb909353e8494b33298bdb1ca","name":"Aaron","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/10571f11d7fc856469ed55c339430c1038411e8476debccbc7167e391181ba31?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/10571f11d7fc856469ed55c339430c1038411e8476debccbc7167e391181ba31?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10571f11d7fc856469ed55c339430c1038411e8476debccbc7167e391181ba31?s=96&d=mm&r=g","caption":"Aaron"},"description":"Aaron Snowberger is an experienced web developer, graphic designer, and educator in ESL and computer technology. He holds a Bachelor's degree in Computer Science, Master's degree in Media Design, and professional certifications for React (JavaScript) development, and as a Google Certified Educator and Trainer. Aaron is passionate about helping new learners discover the joys of technology, and has presented across the country at multiple local, national, and international conferences in both the ESL and web development fields. His most recent talk was given at the 2019 JSConf (JavaScript Conference) in Seoul on September 3, 2019. (https:\/\/2019.jsconfkorea.com\/en\/tutorials)","sameAs":["https:\/\/aaron.kr","https:\/\/linkedin.com\/in\/aaronsnowberger\/","https:\/\/x.com\/jekkilekki"],"url":"https:\/\/aaron.kr\/content\/author\/aaron_wzd4qf\/"}]}},"jetpack_publicize_connections":[],"featured_image_src_square":null,"jetpack_featured_media_url":"","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"course_archive_thumbnail":false,"course_single_thumbnail":false,"lesson_archive_thumbnail":false,"lesson_single_thumbnail":false,"1536x1536":false,"2048x2048":false,"rcno-book-cover-lg":false,"rcno-book-cover-sm":false,"gb-block-post-grid-landscape":false,"gb-block-post-grid-square":false,"menu-24x24":false,"menu-36x36":false,"menu-48x48":false,"jetpack-portfolio-admin-thumb":false},"uagb_author_info":{"display_name":"Aaron","author_link":"https:\/\/aaron.kr\/content\/author\/aaron_wzd4qf\/"},"uagb_comment_info":1,"uagb_excerpt":"This year, I decided to create an Advent Calendar website in HTML5, CSS3, and JavaScript. My hopes for the site are to showcase some of my frontend development abilities as well as make something fun, functional, and reusable. Day 2 WP REST API with React.js (structure) There&#8217;s been a lot of excitement recently about the&hellip;","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/parlW9-85r","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/posts\/31089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/comments?post=31089"}],"version-history":[{"count":1,"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/posts\/31089\/revisions"}],"predecessor-version":[{"id":33932,"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/posts\/31089\/revisions\/33932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aaron.kr\/content\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/media?parent=31089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/categories?post=31089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aaron.kr\/content\/wp-json\/wp\/v2\/tags?post=31089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}