<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Hil</title>
    <description>The latest articles on DEV Community by Hil (@hilbug).</description>
    <link>https://dev.to/hilbug</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F458977%2F4f135d15-ad8e-4dee-b7d5-66344948786a.jpeg</url>
      <title>DEV Community: Hil</title>
      <link>https://dev.to/hilbug</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hilbug"/>
    <language>en</language>
    <item>
      <title>Learn Markdown with Scrimba 🧠</title>
      <dc:creator>Hil</dc:creator>
      <pubDate>Sat, 02 Apr 2022 22:46:34 +0000</pubDate>
      <link>https://dev.to/hilbug/learn-markdown-with-scrimba-5h9m</link>
      <guid>https://dev.to/hilbug/learn-markdown-with-scrimba-5h9m</guid>
      <description>&lt;h2&gt;
  
  
  Intro
&lt;/h2&gt;

&lt;p&gt;Currently taking the course  Learn Markdown on &lt;a href="https://scrimba.com/"&gt;Scrimba.com&lt;/a&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Playground 1
&lt;/h2&gt;

&lt;p&gt;Hi, it's really a &lt;strong&gt;pleasure&lt;/strong&gt; to meet &lt;em&gt;you&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Chuck, Chuck, its' your &lt;strong&gt;cousin&lt;/strong&gt;. Your cousin &lt;em&gt;Marvin Berry&lt;/em&gt;, you know that new sound you're lookin for, well listen to this.&lt;/p&gt;

&lt;p&gt;I noticed you band is on the roster for dance auditions after school today. Why even bother Mcfly, you haven't got a chance, you're too much like your own man. &lt;del&gt;No McFly ever amounted to anything in the history of Hill Valley&lt;/del&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Playground 2
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;"Okay, okay you guys, oh ha ha ha very funny. Hey you guys are being real mature. Well, I guess that's everything. Quiet down, I'm sure the car is fine. Don't worry, I'll take care of the lightning, you take care of your pop. By the way, what happened today, did he ask her out? Let's get him."&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Lists
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Some characters
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Doc&lt;/li&gt;
&lt;li&gt;McFly&lt;/li&gt;
&lt;li&gt;Biff&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Some modes of transportation
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Delorean&lt;/li&gt;
&lt;li&gt;Covered wagon&lt;/li&gt;
&lt;li&gt;Hoverboard&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Code Blocks
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;martyMcfly&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nl"&gt;instrument&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;guitar&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;band&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;The Pinheads&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;hobby&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;skateboarding&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;girlfriend&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Jennifer Parker&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="nl"&gt;bestfriend&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Doc&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Images
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--4EXyvyj6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.vox-cdn.com/thumbor/iXlaC9fjNJ0XBV3t7_qNLBKBol8%3D/148x0:1768x1215/1200x800/filters:focal%28148x0:1768x1215%29/cdn.vox-cdn.com/uploads/chorus_image/image/46650366/bttf.0.0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--4EXyvyj6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn.vox-cdn.com/thumbor/iXlaC9fjNJ0XBV3t7_qNLBKBol8%3D/148x0:1768x1215/1200x800/filters:focal%28148x0:1768x1215%29/cdn.vox-cdn.com/uploads/chorus_image/image/46650366/bttf.0.0.png" alt="Doc and Marty McFly" width="880" height="587"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  The Franchise
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Movie&lt;/th&gt;
&lt;th&gt;Year&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Back to the Future&lt;/td&gt;
&lt;td&gt;1985&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Back to the Future Part II&lt;/td&gt;
&lt;td&gt;1989&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Back the Future Part III&lt;/td&gt;
&lt;td&gt;1990&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  References
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;🧠 emoji from &lt;a href="https://emojipedia.org/brain/"&gt;emojipedia&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Text from &lt;a href="https://satoristudio.net/delorean-ipsum/"&gt;Delorean Ipsum&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.markdownguide.org/basic-syntax"&gt;Basic Syntax&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.markdownguide.org/extended-syntax/"&gt;Extended Syntax&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.markdownguide.org/cheat-sheet/"&gt;Markdown Cheat Sheet&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax"&gt;GitHub Markdown&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
    </item>
    <item>
      <title>Scrimba's 2021 #JavaScriptmas</title>
      <dc:creator>Hil</dc:creator>
      <pubDate>Wed, 01 Dec 2021 16:43:18 +0000</pubDate>
      <link>https://dev.to/hilbug/scrimbas-2021-javascriptmas-n0h</link>
      <guid>https://dev.to/hilbug/scrimbas-2021-javascriptmas-n0h</guid>
      <description>&lt;p&gt;Creating this post to keep track of my &lt;a href="https://scrimba.com/learn/javascriptmas2021"&gt;#JavaScriptmas&lt;/a&gt; submissions!&lt;/p&gt;

&lt;h2&gt;
  
  
  My Solutions
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Day 1: &lt;a href="https://scrimba.com/scrim/co1cc45b588e1dc32d2542491"&gt;Countdown to Christmas&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 2: &lt;a href="https://scrimba.com/scrim/co395432d9f77e06b02cc7f12"&gt;Toggle Christmas Theme&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 3: &lt;a href="https://scrimba.com/scrim/co1de46cfa1aba11cfc56a807"&gt;Don't Scare Your Relatives&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 4: Shopping Checklist&lt;/li&gt;
&lt;li&gt;Day 5: &lt;a href="https://scrimba.com/scrim/coe2b4ae4a478c5e5390343be"&gt;Christmas Card Writer&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 6: &lt;a href="https://scrimba.com/scrim/cofb446d898ec632d2de6c6bc"&gt;Text Christmassifier&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 7: &lt;a href="https://scrimba.com/scrim/co08d4564b2b6f4f15835e6ab"&gt;Play a Christmas Song&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 8: &lt;a href="https://scrimba.com/scrim/co4f94b8a8286efd1b4a41b09"&gt;Bell Animator&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 9: &lt;a href="https://scrimba.com/scrim/co5c2460c9ce9229fd638249c"&gt;Turn on the Decorations&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 10: &lt;/li&gt;
&lt;li&gt;Day 11: &lt;/li&gt;
&lt;li&gt;Day 12: &lt;/li&gt;
&lt;li&gt;Day 13: &lt;/li&gt;
&lt;li&gt;Day 14: &lt;/li&gt;
&lt;li&gt;Day 15: &lt;/li&gt;
&lt;li&gt;Day 16: &lt;/li&gt;
&lt;li&gt;Day 17: &lt;/li&gt;
&lt;li&gt;Day 18: &lt;/li&gt;
&lt;li&gt;Day 19: &lt;/li&gt;
&lt;li&gt;Day 20: &lt;/li&gt;
&lt;li&gt;Day 21: &lt;/li&gt;
&lt;li&gt;Day 22: &lt;/li&gt;
&lt;li&gt;Day 23: &lt;/li&gt;
&lt;li&gt;Day 24: &lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>javascript</category>
      <category>scrimba</category>
    </item>
    <item>
      <title>Scrimba's #JavaScriptmas</title>
      <dc:creator>Hil</dc:creator>
      <pubDate>Thu, 17 Dec 2020 19:12:08 +0000</pubDate>
      <link>https://dev.to/hilbug/scrimba-s-javascriptmas-1m6k</link>
      <guid>https://dev.to/hilbug/scrimba-s-javascriptmas-1m6k</guid>
      <description>&lt;p&gt;I recently completed a 24-week coding boot camp, upon the heels of which this challenge arrived. Thinking back to where I started and ended, what an amazing journey it was, going from stressing about refactoring simple HTML code to building a full-stack React app with functioning APIs and databases. I stumbled upon Scrimba's &lt;a href="https://scrimba.com/learn/adventcalendar"&gt;#JavaScriptmas&lt;/a&gt; challenge and decided to give it a shot. It gives me a chance to dust off some JavaScript skills and possibly win a subscription or cold hard cash. My solutions are at the end of this article.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BpT1oiXb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/js79vqc0hd4xhzc4sbmt.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BpT1oiXb--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/js79vqc0hd4xhzc4sbmt.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I found with each challenge that I became more comfortable thinking through the required logic of each problem. This helped speed up the time to solve each one. But, I still found myself googling quite a bit and referring to &lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript"&gt;MDN docs&lt;/a&gt;, &lt;a href="https://www.w3schools.com/"&gt;w3schools&lt;/a&gt;, and &lt;a href="https://stackoverflow.com/"&gt;StackOverflow&lt;/a&gt;. The world of JavaScript is a wild west to me and there are SO many different ways to accomplish something. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nZcuVmGN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2f3v8f27l6old4ga2p33.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nZcuVmGN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/2f3v8f27l6old4ga2p33.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The most difficult challenge for me was Day 8 &lt;a href="https://scrimba.com/scrim/co3c24b36b3a9e3ffdaa0cd58"&gt;The Rolling Dice&lt;/a&gt;. It was also the challenge I procrastinated the worst, the second worst being Day 15 &lt;a href="https://scrimba.com/scrim/coc7547a7b5155c646d70771a"&gt;Carousel&lt;/a&gt;. These took me several days. Was this a surprise? Not really. DOM manipulation had been one of the more challenging concepts for me to grasp during boot camp. I struggled with The Rolling Dice while attempting to do it first with vanilla JavaScript and CSS. Then, a few days ago I switched over to trying the CSS Framework with which I am most familiar - &lt;a href="https://getbootstrap.com/docs/4.5/getting-started/introduction/"&gt;Bootstrap&lt;/a&gt;. After some trial and error, I finally found the right combination of rows, columns, and utilities to place the dots accordingly as a dice face. At this point, there is still a spacing oddity at the bottom of the dice face which becomes more noticeable to me when rolling a two or three. But as they say, "Perfection is the enemy of Done" - something I have needed to remind myself of frequently - and right now, I'm settling on this Done but Basic Rolling Dice.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qcmtZY-X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h45lin74m6gobe7eiymb.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qcmtZY-X--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/h45lin74m6gobe7eiymb.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Overall, I really enjoyed this challenge - so much so that I signed up for an annual Scrimba Pro membership! Their learning platform and built-in IDE resonated with me. I am very much looking forward to their many course offerings as a I continue building up my coding skills. If you've made it this far, thanks for reading! I hope you have a happy healthy holiday season and new year.&lt;/p&gt;

&lt;h2&gt;
  
  
  My Solutions
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Day 1: &lt;a href="https://scrimba.com/scrim/co7c6480c816f9f15f5542223"&gt;Candies&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 2: &lt;a href="https://scrimba.com/scrim/co84f4ee4815961662d70b052"&gt;Deposit Profit&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 3: &lt;a href="https://scrimba.com/scrim/co26c40dba2080127f4f272d1"&gt;Chunky Monkey&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 4: &lt;a href="https://scrimba.com/scrim/co3e6486888d93ca32559577a"&gt;Century From Year&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 5: &lt;a href="https://scrimba.com/scrim/co185448d89c9f92a9d5b1e69"&gt;Reverse A String&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 6: &lt;a href="https://scrimba.com/scrim/co581496abcc1577552910306"&gt;Sort By Length&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 7: &lt;a href="https://scrimba.com/scrim/co03c46999cfa1d1b6a421873"&gt;Count Vowel Consonant&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 8: &lt;a href="https://scrimba.com/scrim/co3c24b36b3a9e3ffdaa0cd58"&gt;The Rolling Dice&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 9: &lt;a href="https://scrimba.com/scrim/co2e74959b82383fb254cc5a6"&gt;Sum Odd Fibonacci Numbers&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 10: &lt;a href="https://scrimba.com/scrim/coa5e413a8f78c7ed471e61fa"&gt;Adjacent Elements Product&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 11: &lt;a href="https://scrimba.com/scrim/co1aa44a4a0e2cd648b66a6b2"&gt;Avoid Obstacles&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 12: &lt;a href="https://scrimba.com/scrim/coddf447991e6479fd6685021"&gt;Valid Time&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 13: &lt;a href="https://scrimba.com/scrim/co83b42e4b4e0f565b244d57e"&gt;Extract Each Kth&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 14: &lt;a href="https://scrimba.com/scrim/coc624513ad2e3987706d40f3"&gt;Maximal Adjacent Difference&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 15: &lt;a href="https://scrimba.com/scrim/coc7547a7b5155c646d70771a"&gt;Carousel&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 16: &lt;a href="https://scrimba.com/scrim/co9554b95912a59676629d31a"&gt;Insert Dashes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 17: &lt;a href="https://scrimba.com/scrim/co9a04497850df1e294aba24c"&gt;Different Symbols Naive&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 18: &lt;a href="https://scrimba.com/scrim/coca94a70a2ef9e99262869a7"&gt;Array Previous Less&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 19: &lt;a href="https://scrimba.com/scrim/co7814a46a0f4603e7370a808"&gt;Alphabet Subsequence&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 20: &lt;a href="https://scrimba.com/scrim/cob7940f8a305a249cd311074"&gt;Domain Type&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 21: &lt;a href="https://scrimba.com/scrim/co8414715a40ceea8fa02592a"&gt;Sum of Two&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 22: &lt;a href="https://scrimba.com/scrim/co4674ca8a341ff2995b3801c"&gt;Extract Matrix Column&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 23: &lt;a href="https://scrimba.com/scrim/co82446698d64dff145f52e8a"&gt;Social Media Input&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Day 24: &lt;a href="https://scrimba.com/scrim/coa4549f891d9d9d7c7ca2f31"&gt;Test Your Agility&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>javascript</category>
      <category>scrimba</category>
    </item>
  </channel>
</rss>
