<?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: Alex Morgan</title>
    <description>The latest articles on DEV Community by Alex Morgan (@alxmrgn).</description>
    <link>https://dev.to/alxmrgn</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.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4173923%2F531e3315-3f61-40e4-97b7-44721a902b32.png</url>
      <title>DEV Community: Alex Morgan</title>
      <link>https://dev.to/alxmrgn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alxmrgn"/>
    <language>en</language>
    <item>
      <title>A 30-Day JavaScript Plan for Beginners (One Small Task a Day)</title>
      <dc:creator>Alex Morgan</dc:creator>
      <pubDate>Tue, 27 Oct 2026 18:57:27 +0000</pubDate>
      <link>https://dev.to/alxmrgn/a-30-day-javascript-plan-for-beginners-one-small-task-a-day-42ol</link>
      <guid>https://dev.to/alxmrgn/a-30-day-javascript-plan-for-beginners-one-small-task-a-day-42ol</guid>
      <description>&lt;p&gt;Most beginners quit JavaScript not because it's too hard, but because the plan is too big. Here is a simple 30-day structure: one small task a day, 15–30 minutes. It assumes you already know basic HTML and CSS.&lt;/p&gt;

&lt;h2&gt;
  
  
  Week 1: The basics (Days 1–7)
&lt;/h2&gt;

&lt;p&gt;Start in the browser console (F12). No setup needed.&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="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Hello, JavaScript!&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;25&lt;/span&gt; &lt;span class="o"&gt;*&lt;/span&gt; &lt;span class="mi"&gt;4&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Then learn &lt;code&gt;let&lt;/code&gt; and &lt;code&gt;const&lt;/code&gt;, template literals, data types, and &lt;code&gt;if/else&lt;/code&gt;. On Day 7, rebuild your weakest script from scratch.&lt;/p&gt;

&lt;h2&gt;
  
  
  Week 2: Logic and the DOM (Days 8–14)
&lt;/h2&gt;

&lt;p&gt;Loops, logical operators, and &lt;code&gt;querySelector&lt;/code&gt;. Your first page that changes:&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;title&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;querySelector&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;h1&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="nx"&gt;title&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;I changed this with JavaScript&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Week 3: Events (Days 15–21)
&lt;/h2&gt;

&lt;p&gt;Make the page react: clicks, form input, &lt;code&gt;preventDefault&lt;/code&gt;, key presses, and event delegation.&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="nx"&gt;button&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;addEventListener&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;click&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nf"&gt;function &lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;textContent&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Button was clicked!&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;
  
  
  Week 4: Data and APIs (Days 22–28)
&lt;/h2&gt;

&lt;p&gt;&lt;code&gt;localStorage&lt;/code&gt;, &lt;code&gt;JSON.stringify&lt;/code&gt;/&lt;code&gt;JSON.parse&lt;/code&gt;, and &lt;code&gt;fetch&lt;/code&gt;.&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="nf"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;https://api.adviceslip.com/advice&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="nf"&gt;then&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;res&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;res&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;json&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;then&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;slip&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;advice&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Week 5: Build something (Days 29–30)
&lt;/h2&gt;

&lt;p&gt;Combine everything into a small task dashboard: add, complete, and delete tasks, save them in &lt;code&gt;localStorage&lt;/code&gt;, and load a message from an API.&lt;/p&gt;

&lt;h2&gt;
  
  
  Tips that make it stick
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Set a fixed time each day. Consistency beats long sessions.&lt;/li&gt;
&lt;li&gt;Type the code yourself instead of copy-pasting.&lt;/li&gt;
&lt;li&gt;If you miss a day, just continue. Don't restart.&lt;/li&gt;
&lt;li&gt;End each day by writing one sentence about what worked.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  If you want it in a workbook
&lt;/h2&gt;

&lt;p&gt;I put this plan into a printable PDF plus an interactive HTML version, with starter code, a tracker and weekly reflections. It's a paid product, so no pressure: [link]. The plan above is enough to follow on your own.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Disclosure: I created this article and the workbook with AI assistance.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>learning</category>
    </item>
    <item>
      <title>I made a free Week 1 plan for people switching to code with no tech background</title>
      <dc:creator>Alex Morgan</dc:creator>
      <pubDate>Thu, 15 Oct 2026 08:54:59 +0000</pubDate>
      <link>https://dev.to/alxmrgn/i-made-a-free-week-1-plan-for-people-switching-to-code-with-no-tech-background-7p0</link>
      <guid>https://dev.to/alxmrgn/i-made-a-free-week-1-plan-for-people-switching-to-code-with-no-tech-background-7p0</guid>
      <description>&lt;p&gt;When people switch careers into coding, the hardest part is usually not the code. It is deciding what to open tonight. So I wrote a Week 1 plan that answers exactly that, one day at a time.&lt;/p&gt;

&lt;p&gt;What Week 1 looks like&lt;/p&gt;

&lt;p&gt;Day Task    Time&lt;br&gt;
1   Set up VS Code, Node.js and a terminal  1.5 h&lt;br&gt;
2   Semantic HTML5: header, nav, main, section, footer  1.5 h&lt;br&gt;
3   CSS selectors, box model, resets    1.5 h&lt;br&gt;
4   Layouts with Flexbox    1.5 h&lt;br&gt;
5   Responsive layout with CSS Grid 1.5 h&lt;br&gt;
6   Build a static landing page 3.5 h&lt;br&gt;
7   Rest and review off&lt;/p&gt;

&lt;p&gt;Every day has a “you’re done when” line. For example, Day 2 is done when your page opens in a browser with a nav, a heading, two sections and a footer.&lt;/p&gt;

&lt;p&gt;Three rules I follow&lt;/p&gt;

&lt;p&gt;Block the same time every day. Consistency beats long sessions.&lt;br&gt;
Type the code yourself. Do not copy and paste, because typing is how it sticks.&lt;br&gt;
If you miss a day, pick up where you stopped. Do not try to catch up in one go.&lt;/p&gt;

&lt;p&gt;You will need a computer, about 11 hours for the week, and no prior experience.&lt;/p&gt;

&lt;p&gt;Free download: &lt;a href="https://alxmrgn.gumroad.com/l/free1weekbootcampalt" rel="noopener noreferrer"&gt;https://alxmrgn.gumroad.com/l/free1weekbootcampalt&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It is 7 pages, includes the full Day 2 and Day 3 code, and costs nothing. It is a self-study plan, not a live course, and it does not promise a job.&lt;/p&gt;

&lt;p&gt;Disclosure: this guide was created with AI assistance, then reviewed and edited by me. The full version covers all 12 weeks (HTML/CSS, JavaScript, React, Node and SQL, 11 type-along labs, resume and interview prep) for $27 with a 7-day refund: &lt;a href="https://alxmrgn.gumroad.com/l/10kbootcampalt" rel="noopener noreferrer"&gt;https://alxmrgn.gumroad.com/l/10kbootcampalt&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you try Week 1, tell me where you got stuck. That feedback is what I am improving next.&lt;a href="https://dev.tourl"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>career</category>
    </item>
    <item>
      <title>Bootcamp vs. Self-Study: An Honest Look at Cost, Time and Trade-offs</title>
      <dc:creator>Alex Morgan</dc:creator>
      <pubDate>Sat, 10 Oct 2026 15:04:34 +0000</pubDate>
      <link>https://dev.to/alxmrgn/bootcamp-vs-self-study-an-honest-look-at-cost-time-and-trade-offs-2h4g</link>
      <guid>https://dev.to/alxmrgn/bootcamp-vs-self-study-an-honest-look-at-cost-time-and-trade-offs-2h4g</guid>
      <description>&lt;p&gt;Disclosure: I used AI tools to help draft this post, then edited it myself.&lt;/p&gt;

&lt;p&gt;Many coding bootcamps cost $10,000–$15,000, but the curriculum itself (HTML, CSS, JavaScript, React, Git) is free online. What you’re really paying for is structure, accountability and career support. If you know you won’t study without a fixed class time, that can be worth it. If you’re disciplined and on a budget, self-study can work, but only if you follow a plan and build something every week, instead of getting stuck in tutorial hell.&lt;/p&gt;

&lt;p&gt;I put together a 140-page self-study guide, The $10K Bootcamp Alternative, with a 12-week plan, project ideas and a progress tracker for beginners. It has no live teaching, it can’t promise a job, and it was created with AI assistance (7-day refund): [your Gumroad link]. If you’ve tried a bootcamp or self-study, what helped you more?&lt;/p&gt;

</description>
      <category>ai</category>
      <category>productivity</category>
      <category>career</category>
    </item>
  </channel>
</rss>
