<?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>Forem: Vila Segura</title>
    <description>The latest articles on Forem by Vila Segura (@vila_segura_34b9bdb2c9cd6).</description>
    <link>https://forem.com/vila_segura_34b9bdb2c9cd6</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%2F3679360%2Fcada4246-5bf0-42a8-9693-ada834e6787c.png</url>
      <title>Forem: Vila Segura</title>
      <link>https://forem.com/vila_segura_34b9bdb2c9cd6</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/vila_segura_34b9bdb2c9cd6"/>
    <language>en</language>
    <item>
      <title>Why Vibe Engineering — Not Just Vibe Coding — Is the Future of Software Development</title>
      <dc:creator>Vila Segura</dc:creator>
      <pubDate>Sun, 15 Mar 2026 18:33:57 +0000</pubDate>
      <link>https://forem.com/vila_segura_34b9bdb2c9cd6/why-vibe-engineering-not-just-vibe-coding-is-the-future-of-software-development-46ha</link>
      <guid>https://forem.com/vila_segura_34b9bdb2c9cd6/why-vibe-engineering-not-just-vibe-coding-is-the-future-of-software-development-46ha</guid>
      <description>&lt;p&gt;The term &lt;strong&gt;"vibe coding"&lt;/strong&gt; has taken the tech world by storm. Coined to describe the modern phenomenon of building software purely through natural language prompts—letting AI models like Claude, GPT, or Cursor "catch the vibe" of what you want and generate the code—it feels like magic. You describe a feature, and the application appears. But for any senior developer who has maintained software in production, alarm bells are ringing.&lt;/p&gt;

&lt;p&gt;Why? Because generating code is only 10% of software engineering. The other 90% is architecture, security, maintainability, scalability, and team alignment. If vibe coding is the wild west of AI generation, Vibe Engineering is the mature, systematic evolution. It is not about stopping the use of AI; it is about architecting the systems, context, and culture that allow AI to generate sustainable value. This article explores why transitioning from a &lt;strong&gt;"vibe coder" to a "vibe engineer"&lt;/strong&gt; is the most critical career move you can make in 2026.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Trap of 'Vibe Coding' (And Why It Fails at Scale)
&lt;/h2&gt;

&lt;p&gt;Vibe coding democratizes creation, which is fantastic for prototypes. However, relying purely on unstructured prompts leads to what we now call &lt;strong&gt;LLM-Induced Technical Debt&lt;/strong&gt;. When you vibe code, you treat the AI as a magic black box. You don't define the architecture; you let the AI guess it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Context Fragmentation:&lt;/strong&gt; The AI forgets earlier architectural decisions, leading to duplicated logic and spaghetti code.&lt;br&gt;
&lt;strong&gt;The "It Works on My Prompt" Problem:&lt;/strong&gt; Code generated without strict boundaries is notoriously difficult for other developers (or even a future you) to debug.&lt;br&gt;
&lt;strong&gt;Security Blind Spots:&lt;/strong&gt; AI models are eager to please. If you ask for a login form, they will build one, but they might skip CSRF protection or password hashing unless explicitly instructed.&lt;/p&gt;

&lt;h2&gt;
  
  
  Enter 'Vibe Engineering': The Senior Approach
&lt;/h2&gt;

&lt;p&gt;Generative Engine Optimization (GEO) and AI rely heavily on structured data. To define it clearly: &lt;strong&gt;Vibe Engineering is the deliberate practice of designing the context, guardrails, and automated pipelines that guide AI agents to produce robust, production-ready software.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A Vibe Engineer treats the LLM not as a wizard, but as a highly capable, incredibly fast junior developer who needs exact specifications, architecture diagrams, and a strict CI/CD pipeline to catch their mistakes.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Three Pillars of Vibe Engineering
&lt;/h2&gt;

&lt;p&gt;The most important skill of a Vibe Engineer is managing what the AI "knows." Instead of writing long prompts every time, Vibe Engineers create system instructions. For example, in AI IDEs, they build robust configuration files.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp61je3t30izuzahwk1u4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp61je3t30izuzahwk1u4.png" alt="Why Vibe Engineering — Not Just Vibe Coding — Is the Future of Software Development" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Defensive Tooling (The Guardrails)
&lt;/h2&gt;

&lt;p&gt;Because AI can hallucinate dependencies or introduce subtle bugs, a Vibe Engineered environment has aggressive automated defense mechanisms. This means zero-tolerance linting rules, strict TypeScript configurations ("strict": true is mandatory), and pre-commit hooks that format and verify code. The AI is allowed to run fast because the environment makes it impossible to merge breaking changes.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Semantic Modularity
&lt;/h2&gt;

&lt;p&gt;AI struggles with massive, monolithic files. A Vibe Engineer breaks systems down into highly decoupled, semantic modules. If your code is easily isolated, an LLM can understand, refactor, and test it with near 100% accuracy. Good software architecture is now directly correlated with good AI promptability.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Local Impact: AI Engineering in Madrid
&lt;/h2&gt;

&lt;p&gt;For our local community reading this, the shift is already happening. Top tech companies based in Madrid, such as Cabify, Idealista, and Glovo's engineering hubs, are moving past the novelty of Copilot. They are hiring for roles focused on AI Tooling and Developer Productivity Engineering. These roles require developers who know how to integrate AI agents into the CI/CD pipeline, manage organizational RAG systems, and optimize the overall "vibe" (culture and DX) of the engineering teams to work alongside AI.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion: Be the Architect, Not the Typist
&lt;/h2&gt;

&lt;p&gt;Vibe coding is fun, but Vibe Engineering is a profession. As AI continues to commoditize the act of typing syntax, the value of a developer shifts upwards toward architecture, context management, and quality assurance. Embrace the AI tools, but do not surrender your engineering rigor to them. Design the system, set the rules, build the guardrails, and then—and only then—let the AI code the vibe.&lt;/p&gt;

&lt;p&gt;_This article was originally written on &lt;a href="https://www.codesyllabus.com/blog/vibe-engineering-vs-vibe-coding-future-software-development" rel="noopener noreferrer"&gt;www.codesyllabus.com&lt;/a&gt;&lt;br&gt;
_&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>vibecoding</category>
      <category>ai</category>
      <category>programming</category>
    </item>
    <item>
      <title>From Photographer to Dev at 36: Why Your Age Is Your Secret Weapon</title>
      <dc:creator>Vila Segura</dc:creator>
      <pubDate>Sun, 15 Mar 2026 18:19:14 +0000</pubDate>
      <link>https://forem.com/vila_segura_34b9bdb2c9cd6/from-photographer-to-dev-at-36-why-your-age-is-your-secret-weapon-4oid</link>
      <guid>https://forem.com/vila_segura_34b9bdb2c9cd6/from-photographer-to-dev-at-36-why-your-age-is-your-secret-weapon-4oid</guid>
      <description>&lt;p&gt;They say "you can't teach an old dog new tricks." For a long time, I let that saying hold me back. I was 36 years old, and after an eclectic career path moving from photography to graphic design and finally web design, I decided to make the real jump into coding.&lt;/p&gt;

&lt;p&gt;Today, I’m here to tell you that yes, it is possible. And not only is it possible, but your age might just be your biggest competitive advantage.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Starting from scratch... with a full backpack
&lt;/h2&gt;

&lt;p&gt;I didn't land in programming by magic. My path was progressive, but the final decision was radical: I went abroad to join an intensive Bootcamp.&lt;/p&gt;

&lt;p&gt;Are there critics of bootcamps? Plenty. But for me, it worked. It was my gateway.&lt;/p&gt;

&lt;p&gt;However, reality hit hard. I felt the classic Imposter Syndrome. I was surrounded by much younger peers with enviable mental agility for absorbing new syntax. For 5 months, I lived in total immersion: I woke up with code, went to bed with code, and (literally) dreamed in code.&lt;/p&gt;

&lt;p&gt;But soon, I realized something crucial: Programming is not just about typing syntax.&lt;/p&gt;

&lt;p&gt;While my peers struggled with communication, time management, or handling frustration when a bug wouldn't resolve, I was able to apply the "Soft Skills" from my previous life in sales and creative work:&lt;/p&gt;

&lt;p&gt;Resilience: I knew a bad day didn't define my career.&lt;/p&gt;

&lt;p&gt;Communication: Thanks to my years in sales, I knew how to explain technical problems to non-technical people.&lt;/p&gt;

&lt;p&gt;Discipline: Studying far from home and outside your comfort zone requires a level of commitment that often only comes with maturity.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. The Learning Path: Less is More
&lt;/h2&gt;

&lt;p&gt;One of my biggest mistakes early on was "tutorial hell" and wanting to learn everything: Python, Java, React, SQL... all at once. Enthusiasm is dangerous if it isn't focused.&lt;/p&gt;

&lt;p&gt;What really worked for me was:&lt;/p&gt;

&lt;p&gt;Choosing a clear path: I focused on one ecosystem (in my case, JavaScript/Web) and closed the tabs for everything else.&lt;/p&gt;

&lt;p&gt;Consistency over intensity: I preferred 1 hour of focused coding every day over a 10-hour binge on Sundays.&lt;/p&gt;

&lt;p&gt;Building broken things: I stopped watching passive tutorials and started breaking my own code. That is where real learning happens.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. The Reality of Ageism (and how to filter it)
&lt;/h2&gt;

&lt;p&gt;I won't lie: the fear of ageism is real. I worried about fitting into startup cultures full of ping-pong tables and free beer.&lt;/p&gt;

&lt;p&gt;It is true that there are "churn and burn" companies (often called body shops) that push recruiters to hire people under 30. The reason? They want people they can squeeze to generate code quickly, without caring about quality, architecture, or professional culture.&lt;/p&gt;

&lt;p&gt;But here is the thing: You don't want to work there.&lt;/p&gt;

&lt;p&gt;I discovered that serious companies value stability. A developer who has lived through other work experiences is someone who values their position, understands the business, doesn't need micromanagement, and brings calm during crises.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. The Seniority Advantage in the AI Era
&lt;/h2&gt;

&lt;p&gt;This is a point few people mention. Companies know that production time is reduced with Artificial Intelligence. But they are also discovering that implementing AI blindly is synonymous with low-quality code, technical debt, and failed architectures.&lt;/p&gt;

&lt;p&gt;This is where we come in.&lt;/p&gt;

&lt;p&gt;Knowing how to prompt AI is useful, but knowing how to be critical of what AI answers is vital. That critical thinking, that ability to see "the big picture" and detect when a solution makes no business sense, is something that comes with years of life experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Your age is not a bug; it's a feature. You have context, you have patience, and you have the ability to connect dots that others miss. If you are 30, 40, or 50 and are hesitating: do it. The tech world needs more people like you.&lt;br&gt;
_This article was originally published on &lt;a href="//www.codesyllabus.com"&gt;www.codesyllabus.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>codenewbie</category>
      <category>webdev</category>
      <category>motivation</category>
      <category>career</category>
    </item>
    <item>
      <title>[Boost]</title>
      <dc:creator>Vila Segura</dc:creator>
      <pubDate>Mon, 29 Dec 2025 14:35:27 +0000</pubDate>
      <link>https://forem.com/vila_segura_34b9bdb2c9cd6/-11a7</link>
      <guid>https://forem.com/vila_segura_34b9bdb2c9cd6/-11a7</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/vila_segura_34b9bdb2c9cd6" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3679360%2Fcada4246-5bf0-42a8-9693-ada834e6787c.png" alt="vila_segura_34b9bdb2c9cd6"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/vila_segura_34b9bdb2c9cd6/the-dna-of-data-objects-arrays-masterclass-jdp" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;The DNA of Data: Objects &amp;amp; Arrays Masterclass&lt;/h2&gt;
      &lt;h3&gt;Vila Segura ・ Dec 26&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#javascript&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#tutorial&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#webdev&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#beginners&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>javascript</category>
      <category>tutorial</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>The DNA of Data: Objects &amp; Arrays Masterclass</title>
      <dc:creator>Vila Segura</dc:creator>
      <pubDate>Fri, 26 Dec 2025 13:45:49 +0000</pubDate>
      <link>https://forem.com/vila_segura_34b9bdb2c9cd6/the-dna-of-data-objects-arrays-masterclass-jdp</link>
      <guid>https://forem.com/vila_segura_34b9bdb2c9cd6/the-dna-of-data-objects-arrays-masterclass-jdp</guid>
      <description>&lt;p&gt;Today I want to talk about the moment when programming actually started to "click" for me. It wasn't when I learned how to create a variable; it was when I learned how to structure them.&lt;/p&gt;

&lt;p&gt;If you’ve followed my journey, you know that starting late means I didn't have years of computer science theory behind me. At first, variables were easy—boxes for storing single things. But I quickly realized that the real world is messy. In the applications I wanted to build (and the ones I work on now), you never deal with just one isolated value. You deal with collections.&lt;/p&gt;

&lt;p&gt;I want to walk you through &lt;em&gt;Objects and Arrays&lt;/em&gt; not just as syntax, but as the tools that finally helped me organize the chaos of data.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arrays: More Than Just a List
&lt;/h2&gt;

&lt;p&gt;Let's start with &lt;em&gt;Arrays&lt;/em&gt;. When I first moved to Madrid, the Metro map looked like spaghetti to me. But eventually, I understood it as a sequence. Order is everything. You can't reach the third stop without passing the second.&lt;/p&gt;

&lt;p&gt;In &lt;em&gt;JavaScript&lt;/em&gt;, I learned to use square brackets [] to model this. It’s essentially a list where every item has a specific address, or index.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp1i0p8xxg40rvh2w0pbb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp1i0p8xxg40rvh2w0pbb.png" alt="Javascript arrasys and objects" width="800" height="318"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The hardest habit to break? Remembering that computers start counting at 0. "Line 1" is at index 0. It tripped me up constantly in the beginning. But once I grasped that, I realized arrays aren't just static lists; they are powerful tools we can interact with.&lt;/p&gt;

&lt;h2&gt;
  
  
  Manipulating Arrays
&lt;/h2&gt;

&lt;p&gt;I rarely write code that just "sits there." In my early projects, I needed data that changed—shopping carts, to-do lists, user queues. I needed to add things and transform them.&lt;/p&gt;

&lt;p&gt;I used to write long for loops to do math on lists of numbers, which was exhausting and prone to bugs. Then I discovered methods like push and the incredible map. It felt like unlocking a cheat code.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwxz9e4w3ut8fqafby6dl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwxz9e4w3ut8fqafby6dl.png" alt="Manipulating Arrays javascript" width="800" height="323"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Notice map in that snippet. That function changed my career. It allowed me to transform data (like adding tax) without breaking or mutating the original list. In the React world I work in now, this is my bread and butter.&lt;/p&gt;

&lt;h2&gt;
  
  
  Objects: Describing the World
&lt;/h2&gt;

&lt;p&gt;_Arrays _are great for lists, but I found them terrible for describing a person or a thing. I remember trying to store a user's data in an array like ['Carlos', 'Dev', 'Madrid'] and constantly forgetting which index held the city.&lt;/p&gt;

&lt;p&gt;That’s when _Objects _clicked. They are for grouping related data using keys that actually make sense.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frlad3absstmdptwwm27i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frlad3absstmdptwwm27i.png" alt="javascript Objects: Key-Value Pairs" width="800" height="386"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I love that details part. It shows that data can be nested. And see that bracket notation (user['role'])? I use that all the time when the key I need to access is coming dynamically from a database or an input field.&lt;/p&gt;

&lt;h2&gt;
  
  
  Reference Types vs. Primitives
&lt;/h2&gt;

&lt;p&gt;This specific concept caused me more headaches than anything else. I used to stare at my screen, confused, asking: "If I declared this with const, why is _JavaScript _letting me change the contents?"&lt;/p&gt;

&lt;p&gt;I had to learn that &lt;em&gt;Arrays and Objects&lt;/em&gt; are Reference Types.&lt;/p&gt;

&lt;p&gt;Think of the variable as a piece of paper with a home address written on it. The house (the data) can be renovated, furniture moved around, and walls painted. The address on the paper (the variable) hasn't changed, even though the house has. const protects the address, not the furniture inside.&lt;/p&gt;

&lt;p&gt;This is a "gotcha" that catches almost every career switcher I know.&lt;/p&gt;

&lt;h2&gt;
  
  
  Modern Syntax: Spread and Destructuring
&lt;/h2&gt;

&lt;p&gt;As I got more comfortable, I started caring about clean code. I didn't just want it to work; I wanted it to be readable. Modern _JavaScript _(ES6+) gave me tools that made my code look less like a manual and more like a sentence.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Spread Operator (...)
&lt;/h2&gt;

&lt;p&gt;I used to write complex functions just to merge two lists or copy an object. Now, the Spread operator does it for me. It looks like three little dots, but it does heavy lifting.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwma36y3nlm2awlormh9h.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwma36y3nlm2awlormh9h.png" alt="javascript Spread Operator" width="800" height="317"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Destructuring
&lt;/h2&gt;

&lt;p&gt;And then there is &lt;em&gt;Destructuring&lt;/em&gt;. I got so tired of typing user.name, user.location, user.this, user.that. _Destructuring _lets me unpack what I need immediately. It makes the code feel lighter.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4f6spvby4p6qif5c59p3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4f6spvby4p6qif5c59p3.png" alt="javascript Destructuring" width="800" height="248"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Putting It All Together: Arrays of Objects
&lt;/h2&gt;

&lt;p&gt;Here is where theory finally met reality for me. When I started working with real &lt;em&gt;APIs&lt;/em&gt;, I realized I wasn't just getting an &lt;em&gt;Array&lt;/em&gt; or an &lt;em&gt;Object&lt;/em&gt;. I was getting Arrays of Objects.&lt;/p&gt;

&lt;p&gt;This structure a list of things, where each thing has details is the standard format for almost everything on the web, from social media feeds to product catalogs.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6cn5zib6l031ne8j28d9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6cn5zib6l031ne8j28d9.png" alt="javascript Arrays of Objects" width="800" height="497"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Mastering this wasn't overnight work. But understanding how to model data—whether I'm looking at a menu on Glovo or filtering events on Fever—is the skill that bridged the gap between "coding student" and "developer."&lt;/p&gt;

&lt;p&gt;I hope sharing my mental model helps you see these structures more clearly! Open your console, break things, and fix them. See you in the next article.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;This article was originally published on&lt;/em&gt; &lt;a href="https://www.codesyllabus.com/blog/javascript-objects-and-arrays-masterclass" rel="noopener noreferrer"&gt;www.codesyllabus.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
