<?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: mcwhopper63</title>
    <description>The latest articles on DEV Community by mcwhopper63 (@mcwhopper63).</description>
    <link>https://dev.to/mcwhopper63</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%2F1064561%2F9c68a5da-53dd-44c2-9dba-e191262e9be6.png</url>
      <title>DEV Community: mcwhopper63</title>
      <link>https://dev.to/mcwhopper63</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mcwhopper63"/>
    <language>en</language>
    <item>
      <title>Use psuedocode to quickly learn React</title>
      <dc:creator>mcwhopper63</dc:creator>
      <pubDate>Fri, 28 Apr 2023 21:28:56 +0000</pubDate>
      <link>https://dev.to/mcwhopper63/use-psuedocode-to-quickly-learn-react-2jbi</link>
      <guid>https://dev.to/mcwhopper63/use-psuedocode-to-quickly-learn-react-2jbi</guid>
      <description>&lt;p&gt;when learning a new language/library, use #psuedocode to efficiently learn patterns/concepts/syntax&lt;/p&gt;

&lt;p&gt;ex) below is a react component w an onClick handler&lt;/p&gt;

&lt;p&gt;component {&lt;br&gt;
callback arrow fxn&lt;br&gt;
return (section&lt;br&gt;
button with onClick{callback}&lt;br&gt;
section&lt;br&gt;
)}&lt;/p&gt;

&lt;p&gt;this component will have a function that will fire when the event happens. the event is going to live on the button element. i'm using jsx syntax to inject my callback into the onClick method. &lt;/p&gt;

&lt;p&gt;that said, i can code this out which will look like this:&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;const&lt;/span&gt; &lt;span class="nx"&gt;EventExamples&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;handleButtonClick&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;alert&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;handle button click&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;span class="k"&gt;return&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;section&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt; &lt;span class="nx"&gt;onClick&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handleButtonClick&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;&lt;span class="nx"&gt;click&lt;/span&gt; &lt;span class="nx"&gt;me&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/button&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/section&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;  &lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="c1"&gt;// code is from codingaddict's react course on youtube called react18. highly highly highly recommend&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now I know the very basics of how to apply an event handler in react. nice!&lt;/p&gt;

&lt;p&gt;and don't even get me started on the importance of psuedocode when solving algorithm problems ha&lt;/p&gt;

&lt;p&gt;good luck all!&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>javascript</category>
      <category>react</category>
      <category>studying</category>
    </item>
    <item>
      <title>What is a function in coding? explained by a semi-layman</title>
      <dc:creator>mcwhopper63</dc:creator>
      <pubDate>Fri, 14 Apr 2023 20:31:59 +0000</pubDate>
      <link>https://dev.to/mcwhopper63/what-is-a-function-in-coding-explained-by-a-semi-layman-id6</link>
      <guid>https://dev.to/mcwhopper63/what-is-a-function-in-coding-explained-by-a-semi-layman-id6</guid>
      <description>&lt;p&gt;What is a function? &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Functions are tools.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;🔨 I need to hammer a nail. The hammer is a tool. The hammer is a function. I expect the nail to be hammered with this tool / function.&lt;/p&gt;

&lt;p&gt;🥣 I need to eat cereal. The spoon is a tool. The spoon is a function. I expect to eat my cereal with this tool / function. &lt;/p&gt;

&lt;p&gt;🏠 I need to calculate my mortgage. The mortgage calculator is a tool. The mortgage calculator is a function. I expect to calculate my monthly mortgage payments with this tool / function.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Functions are tools.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;We decided to become programmers to solve problems, no matter the size. Every problem can be broken down to smaller problems. And for every problem, we can create our own tools to solve them. That is the power of programming -- creating our own tools to tackle the problems we want to fix. Amazing stuff!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>this is for anyone in their later 30s, wanting to get into coding</title>
      <dc:creator>mcwhopper63</dc:creator>
      <pubDate>Thu, 13 Apr 2023 16:21:32 +0000</pubDate>
      <link>https://dev.to/mcwhopper63/this-is-for-anyone-in-their-later-30s-wanting-to-get-into-coding-1182</link>
      <guid>https://dev.to/mcwhopper63/this-is-for-anyone-in-their-later-30s-wanting-to-get-into-coding-1182</guid>
      <description>&lt;p&gt;Subscribe to my page if you want to become a programmer as an older individual.&lt;/p&gt;

&lt;p&gt;I'm turning &lt;strong&gt;38&lt;/strong&gt; later this year.&lt;/p&gt;

&lt;p&gt;It's April 2023, and the goals are still the same: to get a job as a self-taught programmer and start a freelancing business.&lt;/p&gt;

&lt;p&gt;Where am I now? I created a CRUD app aka a "todo-list app" that works on the web. Impressive? Yes, it is :)&lt;/p&gt;

&lt;p&gt;Here's a timeline of events.&lt;/p&gt;

&lt;p&gt;2017: For 2months, I attempted App Academy's problem sets that I cannot find any longer. They're similar to that of 8kyu to 7kyu problems on Codewars. I lost interest and quit programming.&lt;/p&gt;

&lt;p&gt;The coding itch was never addressed!&lt;/p&gt;

&lt;p&gt;2021: I applied to App Academy's full time program. I got in after 3months of studying. But, I couldn't continue with the bootcamp due to personal reasons.&lt;/p&gt;

&lt;p&gt;November 2022: I started #100Devs free and online bootcamp. It's been great so far!&lt;/p&gt;

&lt;p&gt;I'm going to list my roadmap and strategy here so stay tuned!&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>programming</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
