{
  "id": 6740738,
  "title": "My Journey: From Zero to Frontend Developer",
  "url": "https://urgent.news/2026/09/11/my-journey-from-zero-to-frontend-developer",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-11T10:09:30.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/salmantahir/my-journey-from-zero-to-frontend-developer-2hch"
  },
  "original_language": "en",
  "account": "I never anticipated that my journey from apprehensive beginner to aspiring frontend developer would unfold as it did. Two years ago, I was utterly unfamiliar with HTML. Today, I construct responsive websites, develop interactive web applications, and hold a position as a Frontend Developer Intern. Herein lies the chronicle of my transformation.\n\nMy odyssey commenced on the day I opened VS Code for the first time. I had no idea what I was doing. I composed some HTML, saved the file, opened it in a browser, and was greeted by... a plain text page on a white canvas. It was far from aesthetically pleasing. Yet, it was mine. The birth of what I would come to adore deeply.\n\nI embarked on mastering the fundamentals: HTML, the structural backbone of any website; CSS, the aesthetic embellishment; and JavaScript, the functional core that imbues interactivity. These early weeks were fraught with intimidation. The myriad of tags, properties, and concepts were bewildering. Frequently, questions arose: Why won't this div center? Why is my CSS not applying? Why does my JavaScript return \"undefined\"? Yet, I persisted.\n\nThe true essence of learning emerged when I ceased merely consuming tutorials and began constructing projects. Some of these nascent endeavors include:\n\n- Calculator App: A rudimentary calculator equipped with dark and light modes.\n- Music Player: A bespoke music player featuring playlist controls.\n- Weather App: Utilizing a real-world API to display live weather updates.\n- Quranic Website: A clean, readable platform for Quran learning.\n- Portfolio Website: My personal professional portfolio (this very site).\n\nEach project imparted invaluable lessons. Every bug I rectified bolstered my skills. The pivotal moment came when I developed my weather app. It fetched live data from an API, presented it attractively, and functioned seamlessly across all devices. I sat back and reflected, \"I built this from nothing.\" That profound sensation — it is the reason I am enamored with frontend development.\n\nThrough my journey, I have gleaned several crucial insights:\n\n- Consistency supersedes innate talent. Code daily, even if it's merely 30 minutes.\n- Build, do not merely observe. Tutorials provide guidance, but projects cultivate proficiency.\n- Google serves as your most indispensable ally. Every developer seeks answers.\n- Study the code of others. GitHub is an invaluable resource.\n- Avoid comparisons with others. Measure progress against your own past self.\n\nLooking ahead, I currently serve as a Frontend Developer Intern, acquiring practical experience in the field. My forthcoming objectives encompass:\n\n- Gaining a comprehensive understanding of React.\n- Building more intricate projects.\n- Contributing to open-source initiatives.\n- Continuously documenting and sharing my development journey.\n\nTo my fellow beginners embarking on similar paths: do not desist. The initial months are undoubtedly arduous. You may feel adrift, as though everyone else possesses superior knowledge. However, this is a typical sentiment. Continue to construct. Continue to learn. One day, you will reflect upon your initial project with a sense of pride. You have the capability.",
  "summary": "Two years ago, I didn't know what HTML was. Today, I'm building responsive websites, creating interactive web apps, and working as a Frontend Developer Intern. This is my story. The Beginning I still remember the day I first opened VS Code. I had no idea what I was doing. I typed some HTML, hit save, opened it in the browser, and saw... plain text on a white page. It wasn't pretty. But it was…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}