<?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: Zia Ur Rehman</title>
    <description>The latest articles on DEV Community by Zia Ur Rehman (@zia_ur_rehman).</description>
    <link>https://dev.to/zia_ur_rehman</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%2F2316166%2F57f490b9-0445-4169-ad9e-02a4cca67636.png</url>
      <title>DEV Community: Zia Ur Rehman</title>
      <link>https://dev.to/zia_ur_rehman</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zia_ur_rehman"/>
    <language>en</language>
    <item>
      <title>🎯 How to Improve Your Frontend Skills:</title>
      <dc:creator>Zia Ur Rehman</dc:creator>
      <pubDate>Sun, 27 Jul 2025 05:20:37 +0000</pubDate>
      <link>https://dev.to/zia_ur_rehman/how-to-improve-your-frontend-skills-2fg8</link>
      <guid>https://dev.to/zia_ur_rehman/how-to-improve-your-frontend-skills-2fg8</guid>
      <description>&lt;p&gt;How to Improve as a Frontend Developer (Even in the AI Era)&lt;/p&gt;

&lt;p&gt;Frontend is no longer just HTML/CSS. It's a fast-moving world where user experience, performance, and now AI integration are all part of the game.&lt;br&gt;
If you're just starting or even 2–3 years in, here's what I’ve learned (sometimes the hard way):&lt;/p&gt;

&lt;p&gt;🎯 How to Improve Your Frontend Skills:&lt;/p&gt;

&lt;p&gt;Master the fundamentals – HTML, CSS, JS. These never go out of style.&lt;/p&gt;

&lt;p&gt;Build real projects – Dashboards, forms, landing pages, admin panels.&lt;/p&gt;

&lt;p&gt;Version control with Git – Don’t skip this!&lt;/p&gt;

&lt;p&gt;Understand the “why” – Why use useEffect? Why choose Tailwind over CSS Modules?&lt;/p&gt;

&lt;p&gt;Design-to-code – Take Figma designs and build them pixel-perfect.&lt;/p&gt;

&lt;p&gt;Stay updated – Follow React docs, newsletters, and GitHub trending.&lt;/p&gt;

&lt;p&gt;🚫 Beginner Mistakes to Avoid:&lt;/p&gt;

&lt;p&gt;Jumping into frameworks before JavaScript basics&lt;/p&gt;

&lt;p&gt;Ignoring accessibility and responsiveness&lt;/p&gt;

&lt;p&gt;Copy-pasting code without understanding it&lt;/p&gt;

&lt;p&gt;Not asking for feedback or code reviews&lt;/p&gt;

&lt;p&gt;Avoiding backend logic (APIs, auth, data handling)&lt;/p&gt;

&lt;p&gt;💡 Keys to Succeed as a Frontend Dev:&lt;br&gt;
✅ Problem-solving &amp;gt; memorizing&lt;br&gt;
✅ Soft skills – communication, teamwork, curiosity&lt;br&gt;
✅ Writing clean, readable code&lt;br&gt;
✅ Being consistent – 1 hour a day &amp;gt; 10 hours once a week&lt;br&gt;
✅ Thinking like a user, not just a coder&lt;/p&gt;

&lt;p&gt;🤖 Surviving the AI Era:&lt;br&gt;
AI won’t replace developers. But developers who know how to use AI will replace those who don’t.&lt;/p&gt;

&lt;p&gt;Start by learning:&lt;/p&gt;

&lt;p&gt;How to use AI tools (like ChatGPT) to debug/code faster&lt;/p&gt;

&lt;p&gt;Integrate AI into your apps (chatbots, content, automation)&lt;/p&gt;

&lt;p&gt;Focus on creativity, logic &amp;amp; product thinking – AI can’t beat that&lt;/p&gt;

&lt;p&gt;💬 I’m curious:&lt;br&gt;
What helped you grow the most as a frontend developer?&lt;br&gt;
Or&lt;br&gt;
Which mistake slowed you down the most?&lt;br&gt;
Let’s help beginners learn from our journey👇&lt;/p&gt;

&lt;h1&gt;
  
  
  FrontendDevelopment #WebDevelopment #ReactJS #NextJS #LearningToCode #AIInWebDev #CodingTips #SelfTaughtDeveloper #TechJourney #LinkedInTech
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>frontend</category>
      <category>learning</category>
      <category>javascript</category>
    </item>
    <item>
      <title>iFrame biPass</title>
      <dc:creator>Zia Ur Rehman</dc:creator>
      <pubDate>Thu, 31 Oct 2024 16:52:05 +0000</pubDate>
      <link>https://dev.to/zia_ur_rehman/iframe-bipass-427m</link>
      <guid>https://dev.to/zia_ur_rehman/iframe-bipass-427m</guid>
      <description>&lt;p&gt;i am developing a chrome extension which requires the biPass of third party iframe access and i want to manipulate the third party iframe for content updation on the DOM. can anyone guide how i can bi pass it using javascript. i have tried but browser is injecting CORS (cross origin resource sharing security). please guide how to hunt it safely. &lt;/p&gt;

&lt;p&gt;Thanks in advance.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>extensions</category>
      <category>node</category>
    </item>
  </channel>
</rss>
