<?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: dchikou</title>
    <description>The latest articles on DEV Community by dchikou (@dchikou).</description>
    <link>https://dev.to/dchikou</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%2F847520%2Fa986fd5c-127f-45cf-86d2-f9456beaf4b8.png</url>
      <title>DEV Community: dchikou</title>
      <link>https://dev.to/dchikou</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dchikou"/>
    <language>en</language>
    <item>
      <title>🖥 The First Thing I Ever Built With Code</title>
      <dc:creator>dchikou</dc:creator>
      <pubDate>Thu, 14 Apr 2022 20:09:15 +0000</pubDate>
      <link>https://dev.to/dchikou/the-first-thing-i-ever-built-with-code-3e0j</link>
      <guid>https://dev.to/dchikou/the-first-thing-i-ever-built-with-code-3e0j</guid>
      <description>&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;let&lt;/span&gt; &lt;span class="nx"&gt;thisPost&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;""&lt;/span&gt;

&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;openPost&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;thisPost&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;window&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;open&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;""&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;thisPost&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;p&gt;&lt;a href="https://scrimba.com/"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--w31W8b1t--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://scrimba.com/static/art/dark-logo.svg" alt="Scrimba" width="673" height="109"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When I first started with &lt;strong&gt;Scrimba&lt;/strong&gt;, I was coming from a carpentry background. I knew how to put a computer together &lt;em&gt;physically&lt;/em&gt;, but I had no real understanding of what made up a computer's brain. Sure I had the sort of experience that comes from going through high school in the turn of the millennium, how to navigate a Word Document and how to put together a basic Excel spreadsheet, but I was fairly lost going beyond that. &lt;/p&gt;

&lt;p&gt;It was a friend of mine who suggested I learn to code. It was during the "slow season" of the Canadian winter, a time when the weather largely prevents me from &lt;del&gt;earning an income&lt;/del&gt; leaving the house at all, and he suggested that if I could learn this skill I would never be without work again. I'll admit to being skeptical, after all it sounded to good to be true, but I was willing to give it a shot. As a gift, during a time when I had no income of my own, he even paid my way. &lt;/p&gt;




&lt;p&gt;I've always been a hands on learner. You can tell me how to do things all day long, but within the hour I'll forget. You can show me, and I might remember for a day. I can't count the number of times I've come along for a ride to some new location, and can't remember how to get back by the next day. But if I drive the route myself? I'll never forget. &lt;/p&gt;

&lt;p&gt;This is what made &lt;strong&gt;Scrimba&lt;/strong&gt; the perfect platform for understanding how to create and craft the code. I was watching it be built, line by line in real time, and then tasked with &lt;em&gt;writing it myself&lt;/em&gt;. Forcing my hands to remember the path across the keys, forcing my mind to remember the foreign language on the screen. &lt;/p&gt;

&lt;p&gt;Fortunately, learning by doing was something I had a great deal of experience with, having grown up as a member of a 4-H club.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KxpEEwrU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://4-h-canada.ca/sites/default/files/logo/4H_logo_en_2x.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KxpEEwrU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://4-h-canada.ca/sites/default/files/logo/4H_logo_en_2x.png" alt="4-H Logo and Motto" width="880" height="214"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Learn to do by doing - 4-H Motto&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;Before I could even get into the platform there were challenges. I was navigating a whole new world that I knew nothing about, so the struggle of how to prioritize was a challenging one. As best I was able to tell it looked like this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Get signed up on the &lt;strong&gt;Scrimba&lt;/strong&gt; platform.&lt;/li&gt;
&lt;li&gt;Get signed up on the &lt;strong&gt;Discord&lt;/strong&gt; as well. &lt;/li&gt;
&lt;li&gt;Get enrolled into the &lt;a href="https://scrimba.com/learn/frontend"&gt;Frontend Developer Course&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Get Good.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This was of course the 1000 mile view. Each list item contained within itself another list of lists. Getting signed up on &lt;strong&gt;Scrimba&lt;/strong&gt; involved getting signed up on &lt;strong&gt;Github&lt;/strong&gt;. Getting signed up on the discord required its own little onboarding challenges. I was fortunate to have someone in my corner who had been through it before to help me steer the ship. I moved slowly, testing my legs in new lands, and it took me a couple days to get familiar with the system. For people who have a little more experience I'm sure they could get sorted much faster.&lt;/p&gt;




&lt;p&gt;My title was a little misleading, I'll admit, as the first thing I "wrote" is not what I'm going to share here. No, the very first thing I worked on came with training wheels and safety rails. I figuratively held the hand of the instructor as they took me through the basics of HTML and CSS, nearly falling flat on my face at the introduction of JS.&lt;/p&gt;

&lt;p&gt;But eventually, once a general grasp of core concepts was reached, I was given a Solo Project. A chance to remove the training wheel and let go of the rails and try to build something completely on my own, with only a basic graphic design as a guidepost. I was tasked with making a basic little site that could do some basic little math. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://cheery-conversions.netlify.app/"&gt;And this was the result&lt;/a&gt;. The very first thing I every &lt;em&gt;truly&lt;/em&gt; wrote. It wasn't pretty, any passing semblance of beauty goes only skin deep, but it &lt;em&gt;worked&lt;/em&gt;. I don't believe I'll ever get over the sense of wonder I felt as I wrote the last few lines of code and declared it complete. It starting with an empty folder on my computer, and ended with a fully functioning (albeit tiny) website that can do what is asked of it. &lt;/p&gt;

&lt;p&gt;Again, I feel I need to hammer on this point (my carpentry background shining through), this was the first thing I ever did alone. The instruction provided, and the training completed, was so thorough that even though I struggled some (as any toddler does when learning to walk) I created something useful in the end. &lt;/p&gt;




&lt;p&gt;I've done more projects since then, and perhaps I'll share some of them another time. But for the time being:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;closePost&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;myPost&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;close&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;



</description>
    </item>
  </channel>
</rss>
