<?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: Eyad Abdelhakim</title>
    <description>The latest articles on DEV Community by Eyad Abdelhakim (@eyadhakim).</description>
    <link>https://dev.to/eyadhakim</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%2F1597270%2F90d73657-86b1-4246-81fe-1f272cec468a.jpeg</url>
      <title>DEV Community: Eyad Abdelhakim</title>
      <link>https://dev.to/eyadhakim</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/eyadhakim"/>
    <language>en</language>
    <item>
      <title>The true way to learn Backend development in 2026</title>
      <dc:creator>Eyad Abdelhakim</dc:creator>
      <pubDate>Thu, 26 Feb 2026 06:05:37 +0000</pubDate>
      <link>https://dev.to/eyadhakim/the-true-way-to-learn-backend-development-in-2026-56f8</link>
      <guid>https://dev.to/eyadhakim/the-true-way-to-learn-backend-development-in-2026-56f8</guid>
      <description>&lt;p&gt;Most people will hand you a roadmap.&lt;/p&gt;

&lt;p&gt;It usually looks like this:&lt;br&gt;
✨ Learn Node.js.&lt;br&gt;
✨ Learn Express.&lt;br&gt;
✨ Learn PHP.&lt;br&gt;
✨ Learn a framework.&lt;br&gt;
✨ Build CRUD apps.&lt;br&gt;
✨ Deploy something.&lt;/p&gt;

&lt;p&gt;And they’ll call that “backend engineering”.&lt;br&gt;
But it's not 🙂 &lt;/p&gt;

&lt;p&gt;The most important skill in backend development:&lt;br&gt;
 ❌ isn’t APIs.&lt;br&gt;
 ❌ isn’t databases.&lt;br&gt;
 ❌ isn’t even design patterns.&lt;br&gt;
✅ It’s System Design. &lt;/p&gt;

&lt;p&gt;Programming is not:&lt;br&gt;
“I want to build something like Uber… let’s start coding.”&lt;br&gt;
That’s how beginners think.&lt;/p&gt;

&lt;p&gt;Real engineering starts before the first line of code.&lt;br&gt;
You:&lt;br&gt;
⭐ Understand the problem.&lt;br&gt;
⭐ Define the constraints.&lt;br&gt;
⭐ Think about scale.&lt;br&gt;
⭐ Break the system into components.&lt;br&gt;
⭐ Decide how things communicate.&lt;br&gt;
⭐ Plan failure cases.&lt;br&gt;
⭐ Then… you write code.&lt;/p&gt;

&lt;p&gt;And no — it’s not “advanced stuff”.&lt;br&gt;
It’s actually more important for beginners.&lt;br&gt;
Because it builds something most tutorials never teach you:&lt;br&gt;
System thinking.&lt;br&gt;
The ability to see the whole picture in your head before it exists.&lt;/p&gt;

&lt;p&gt;❌ Tutorial projects won’t give you that.&lt;br&gt;
 ❌ Learning 5 frameworks won’t give you that.&lt;br&gt;
 ❌ Copy-pasting architecture from YouTube won’t give you that.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;How to actually learn System Design??&lt;/em&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Study real architectures.&lt;br&gt;
This repo is a solid starting point:&lt;br&gt;
&lt;a href="https://github.com/donnemartin/system-design-primer" rel="noopener noreferrer"&gt;https://github.com/donnemartin/system-design-primer&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Before starting any project, pause.&lt;br&gt;
Even if it’s small.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Draw:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What components do I need?&lt;/li&gt;
&lt;li&gt;Where does data live?&lt;/li&gt;
&lt;li&gt;How do parts communicate?&lt;/li&gt;
&lt;li&gt;What could break?
It doesn’t need to be complex.
Just think before you build.&lt;/li&gt;
&lt;/ul&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Watch practical breakdowns.&lt;br&gt;
This channel explains things clearly:&lt;br&gt;
&lt;a href="https://www.youtube.com/@TechPrepYT" rel="noopener noreferrer"&gt;https://www.youtube.com/@TechPrepYT&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Practice on simple ideas.&lt;br&gt;
Don’t start with “Let’s build Uber.”&lt;br&gt;
Start with:&lt;br&gt;
URL shortener&lt;br&gt;
Chat system&lt;br&gt;
Task queue&lt;br&gt;
And design them first — on paper.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;If you’re learning backend in 2026, don’t just chase technologies.&lt;br&gt;
Build the mindset that lets you design before you code.&lt;br&gt;
That’s the real skill.&lt;br&gt;
And it compounds.&lt;/p&gt;

</description>
      <category>backend</category>
      <category>systemdesign</category>
      <category>roadmap</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Stop paying the "Markup Tax."</title>
      <dc:creator>Eyad Abdelhakim</dc:creator>
      <pubDate>Wed, 25 Feb 2026 03:07:37 +0000</pubDate>
      <link>https://dev.to/eyadhakim/stop-paying-the-markup-tax-208</link>
      <guid>https://dev.to/eyadhakim/stop-paying-the-markup-tax-208</guid>
      <description>&lt;p&gt;Most visual builders have a dirty secret: The code they produce is a disaster.&lt;br&gt;
We’ve all seen it.&lt;br&gt;
You use a "modern" tool or an AI wrapper to ship a landing page in minutes. It looks great in the browser, but when you open the inspector? &lt;/p&gt;

&lt;p&gt;❌ 15 levels of nested &lt;/p&gt; tags. &lt;br&gt;
❌ Obfuscated CSS classes that make global changes impossible. &lt;br&gt;
❌ Zero semantic structure (no , no , no ). &lt;br&gt;
❌ A Lighthouse accessibility score that makes you want to hide.

&lt;p&gt;As engineers, we call this "speed," but it’s actually technical debt. You spend the next three days cleaning up the mess just so the site can rank on Google or be maintained by a teammate.&lt;/p&gt;

&lt;p&gt;I’m building Creon to kill the "Markup Tax."&lt;br&gt;
Creon (&lt;a href="https://creon.one" rel="noopener noreferrer"&gt;https://creon.one&lt;/a&gt;) is the visual builder designed for people who actually care about their DOM tree. It’s not a "no-code" tool for hobbyists—it’s a visual authoring environment for real engineers.&lt;/p&gt;

&lt;p&gt;What makes it different? &lt;br&gt;
✅ Semantic by Design: It doesn’t just let you pick tags; it surfaces landmarks so your HTML is accessible by default. &lt;br&gt;
✅ Clean CSS Mapping: Every drag and layout choice maps to a real CSS declaration. No junk, no bloat. &lt;br&gt;
✅ Zero-Runtime Export: You get pure HTML and CSS code.&lt;/p&gt;

&lt;p&gt;You own the code; it doesn't own you.&lt;/p&gt;

&lt;p&gt;Who we’re building this for:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Technical founders building their own product — who need clean output.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Design-to-code designers who know what flexbox means but write HTML slowly — and are tired of waiting for a developer to implement their Figma files.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Fullstack developers who are backend-strong and frontend-reluctant — who want to ship a layout without spending three hours fighting CSS.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Frontend developers prototyping before committing — validating a layout in real HTML before wiring up a component system.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Join Creon waitlist from here: &lt;a href="https://creon.one" rel="noopener noreferrer"&gt;https://creon.one&lt;/a&gt;&lt;/p&gt;

</description>
      <category>design</category>
      <category>webdev</category>
      <category>css</category>
      <category>a11y</category>
    </item>
  </channel>
</rss>
