<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Code by MAK]]></title><description><![CDATA[Code by MAK]]></description><link>https://codebymak.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Mon, 12 Oct 2026 10:05:36 GMT</lastBuildDate><atom:link href="https://codebymak.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[I built a free coding platform with 30+ lessons — here’s what I learned]]></title><description><![CDATA[Originally published at [makuistudio.com] (https://makuistudio.com)
Two years ago I couldn’t write a single line of code. Today I run makuistudio.com — a free coding platform with 30+ lessons across H]]></description><link>https://codebymak.hashnode.dev/i-built-a-free-coding-platform-with-30-lessons-here-s-what-i-learned</link><guid isPermaLink="true">https://codebymak.hashnode.dev/i-built-a-free-coding-platform-with-30-lessons-here-s-what-i-learned</guid><category><![CDATA[HTML]]></category><category><![CDATA[coding]]></category><category><![CDATA[webdev]]></category><category><![CDATA[Python]]></category><category><![CDATA[webdevelopment]]></category><dc:creator><![CDATA[Khawaja Khurram (MAK)]]></dc:creator><pubDate>Sun, 20 Sep 2026 17:41:00 GMT</pubDate><enclosure url="https://cdn.hashnode.com/uploads/covers/6936d67471e55090515cbe55/e30a36c7-942b-407c-8200-55da708f6761.jpg" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p><em>Originally published at [makuistudio.com] (</em><a href="https://makuistudio.com"><em>https://makuistudio.com</em></a><em>)</em></p>
<p>Two years ago I couldn’t write a single line of code. Today I run <strong>makuistudio.com</strong> — a free coding platform with 30+ lessons across HTML, Python, JavaScript, and AI.</p>
<p>I’m writing this because I want to show beginners that <strong>you don’t need a computer science degree, a paid course, or permission</strong> to build something real.</p>
<h2>What I built</h2>
<p>A completely free platform with:</p>
<ul>
<li><p><strong>HTML &amp; CSS</strong> (10 lessons) — from headers to Flexbox/Grid</p>
</li>
<li><p><strong>Python</strong> (10 lessons) — variables to file I/O to a working calculator</p>
</li>
<li><p><strong>AI</strong> (10 lessons) — ML basics, neural networks, LLMs, chatbots</p>
</li>
<li><p><strong>JavaScript</strong> (Quest 1 live now)</p>
</li>
<li><p><strong>15+ UI snippets</strong> — loaders, OTP inputs, dark mode toggles, animated cards</p>
</li>
</ul>
<p>Every lesson includes live code, interactive demos, and challenges. No signup. No ads. No paywall.</p>
<h2>Why free?</h2>
<p>Because I remember how frustrating it was when I started. Every “beginner tutorial” ended with “now sign up for the full course” or “buy my $497 masterclass.”</p>
<p>I wanted to build the resource I wish I’d had.</p>
<h2>The tech stack</h2>
<p>Nothing fancy:</p>
<ul>
<li><p>Pure HTML, CSS, and vanilla JavaScript</p>
</li>
<li><p>GitHub Pages for hosting</p>
</li>
<li><p>TensorFlow.js for AI demos (runs entirely in the browser)</p>
</li>
<li><p>A custom domain</p>
</li>
</ul>
<p>No frameworks. No backend. No build tools. Everything is static, which means it loads fast and never breaks.</p>
<p>Download the Medium App</p>
<h2>What I learned</h2>
<p><strong>1. Ship early, ship often.</strong> My first lesson was 300 words and hideous. I published it anyway. The 30th lesson is polished because I had 29 practice runs.</p>
<p><strong>2. Interactivity &gt; word count.</strong> A 5-line interactive demo teaches more than 500 words of theory.</p>
<p><strong>3. Consistency beats perfection.</strong> One lesson per week. Every week. For 6 months.</p>
<p><strong>4. SEO is a slow game, but it works.</strong> Google took 3 months to notice me. Now I get steady organic traffic on long-tail keywords like “python lists vs tuples” and “css box model.”</p>
<p><strong>5. Backlinks matter more than I wanted to believe.</strong> Great content isn’t enough. You need other sites to vouch for you.</p>
<h2>What’s next</h2>
<ul>
<li><p>Quest 2 for all 4 courses (intermediate topics)</p>
</li>
<li><p>More UI snippets every week</p>
</li>
<li><p>A full showcase where students can submit their own projects</p>
</li>
</ul>
<h2>Try it out</h2>
<p>If you’re learning to code — or know someone who is — everything is free at:</p>
<p>👉 <a href="https://makuistudio.com"><strong>makuistudio.com</strong></a></p>
<p>No email required. Just open a lesson and start.</p>
<p>If it helps you, tell a friend. That’s all I ask.</p>
<p>— -</p>
<p><em>Have feedback? Drop a comment — I read every single one.</em></p>
]]></content:encoded></item><item><title><![CDATA[Your First HTML Page]]></title><description><![CDATA[“This is how a webpage is born 🌱”
🧰 To-Do Task (Main Content)

Open VS Code (or any editor) and create a new file named index.html

Type the basic HTML boilerplate:
 <!DOCTYPE html>
 <html>
   <head>
     <title>My First Page</title>
   </head>
   ...]]></description><link>https://codebymak.hashnode.dev/your-first-html-page</link><guid isPermaLink="true">https://codebymak.hashnode.dev/your-first-html-page</guid><category><![CDATA[#firsthtmlpage]]></category><category><![CDATA[HTML5]]></category><category><![CDATA[Web Development]]></category><category><![CDATA[website]]></category><dc:creator><![CDATA[Khawaja Khurram (MAK)]]></dc:creator><pubDate>Mon, 08 Dec 2025 14:16:43 GMT</pubDate><content:encoded><![CDATA[<h1 id="heading-this-is-how-a-webpage-is-born">“This is how a webpage is born 🌱”</h1>
<p><strong>🧰 To-Do Task (Main Content)</strong></p>
<ol>
<li><p>Open VS Code (or any editor) and create a new file named <code>index.html</code></p>
</li>
<li><p>Type the basic HTML boilerplate:</p>
<pre><code class="lang-xml"> <span class="hljs-meta">&lt;!DOCTYPE <span class="hljs-meta-keyword">html</span>&gt;</span>
 <span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span>My First Page<span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span>
   <span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span>
   <span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">h1</span>&gt;</span>Hello World<span class="hljs-tag">&lt;/<span class="hljs-name">h1</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">p</span>&gt;</span>Welcome to my first webpage.<span class="hljs-tag">&lt;/<span class="hljs-name">p</span>&gt;</span>
   <span class="hljs-tag">&lt;/<span class="hljs-name">body</span>&gt;</span>
 <span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span>
</code></pre>
</li>
<li><p>Save file → double-click to open in browser.</p>
</li>
</ol>
<p><code>🚀 Follow for Part 2</code></p>
<p>💻 Like if this helped!</p>
<p>Youtube link=» <a target="_blank" href="https://www.youtube.com/shorts/gXpKxzjjEfY">First HTML Page</a></p>
]]></content:encoded></item></channel></rss>