{"id":90,"date":"2020-01-28T01:04:29","date_gmt":"2020-01-28T01:04:29","guid":{"rendered":"http:\/\/www.marieemery.com\/?page_id=90"},"modified":"2020-01-28T15:47:25","modified_gmt":"2020-01-28T15:47:25","slug":"coding-project","status":"publish","type":"page","link":"https:\/\/www.marieemery.com\/?page_id=90","title":{"rendered":"Coding Project"},"content":{"rendered":"\n<p>Before I began working in QA, I wanted to gain a hands-on understanding of HTML, CSS, and Javascript. I had in mind that I could create a simple page with a cloud image that would rain when it was clicked, and stop raining when clicked again. You can see my finished <a rel=\"noreferrer noopener\" aria-label=\"raincloud app here (opens in a new tab)\" href=\"http:\/\/marieemery.com\/raincloud\/\" target=\"_blank\">raincloud app here<\/a>.<\/p>\n\n\n\n<p>I used various online forums including <a rel=\"noreferrer noopener\" aria-label=\"Stack Overflow (opens in a new tab)\" href=\"https:\/\/stackoverflow.com\/\" target=\"_blank\">Stack Overflow<\/a>, as well as tutorials from <a rel=\"noreferrer noopener\" aria-label=\"Lynda.com (opens in a new tab)\" href=\"https:\/\/www.lynda.com\/\" target=\"_blank\">Lynda.com<\/a> to help me accomplish the task. I created the cloud image in <a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\">Adobe Photoshop <\/a>and placed it on a gray backdrop using HTML with <a rel=\"noreferrer noopener\" aria-label=\"Atom (opens in a new tab)\" href=\"https:\/\/atom.io\/\" target=\"_blank\">Atom<\/a> as my text editor. I used CSS to make the raindrops of varying shades and sizes, and I used Javascript to animate the raindrops, using different speeds and fade rates to give it a more fluid look. Once the code was working as intended, I was fortunate enough to have a professional web developer look over my code and show me how to tighten it up with arrays. From there I used git to put the app online. It was a fun challenge that increased my understanding of code, as well as my respect for the web developer mindset. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before I began working in QA, I wanted to gain a hands-on understanding of HTML, CSS, and Javascript. I had in mind that I could create a simple page with a cloud image that would rain when it was clicked, and stop raining when clicked again. You can see my finished raincloud app here. I &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.marieemery.com\/?page_id=90\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Coding Project&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.marieemery.com\/index.php?rest_route=\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marieemery.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.marieemery.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.marieemery.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marieemery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":7,"href":"https:\/\/www.marieemery.com\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/www.marieemery.com\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/www.marieemery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}