GET http://www.dev.michaeljpitz.com/article/javascript-es2024-fonctionnalites-a-connaitre

Components

4 Twig Components
12 Render Count
9 ms Render Time
4.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
CategoryBadge
[Anonymous]
components/CategoryBadge.html.twig
7 0.83ms
ArticleCard
[Anonymous]
components/ArticleCard.html.twig
3 4.74ms
Navbar
"App\Twig\Components\NavbarComponent"
components/Navbar.html.twig
1 3.03ms
Breadcrumb
"App\Twig\Components\BreadcrumbComponent"
components/Breadcrumb.html.twig
1 0.50ms

Render calls

Navbar App\Twig\Components\NavbarComponent 4.0 MiB 3.03 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\NavbarComponent {#1507
  -categoryRepository: App\Repository\CategoryRepository {#1072 …}
}
Breadcrumb App\Twig\Components\BreadcrumbComponent 4.0 MiB 0.50 ms
Input props
[
  "items" => [
    [
      "label" => "Accueil"
      "url" => "/"
    ]
    [
      "label" => "Articles"
      "url" => "/articles"
    ]
    [
      "label" => "JavaScript"
      "url" => "/categorie/javascript"
    ]
    [
      "label" => "JavaScript ES2024 : les fonctionnalités à connaître"
    ]
  ]
]
Attributes
[]
Component
App\Twig\Components\BreadcrumbComponent {#1625
  +items: [
    [
      "label" => "Accueil"
      "url" => "/"
    ]
    [
      "label" => "Articles"
      "url" => "/articles"
    ]
    [
      "label" => "JavaScript"
      "url" => "/categorie/javascript"
    ]
    [
      "label" => "JavaScript ES2024 : les fonctionnalités à connaître"
    ]
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.42 ms
Input props
[
  "category" => App\Entity\Category {#1165
    -id: 286
    -title: "JavaScript"
    -slug: "javascript"
    -color: "#f0db4f"
    -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
    -level: 0
    -articles: Doctrine\ORM\PersistentCollection {#1191 …}
    -pages: Doctrine\ORM\PersistentCollection {#1209 …}
  }
]
Attributes
[
  "category" => "JavaScript"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1648
  -props: [
    "category" => App\Entity\Category {#1165
      -id: 286
      -title: "JavaScript"
      -slug: "javascript"
      -color: "#f0db4f"
      -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
      -level: 0
      -articles: Doctrine\ORM\PersistentCollection {#1191 …}
      -pages: Doctrine\ORM\PersistentCollection {#1209 …}
    }
  ]
}
ArticleCard
[Anonymous]
4.0 MiB 2.47 ms
Input props
[
  "article" => App\Entity\Article {#1334
    -id: 722
    -title: "Stimulus.js avec Symfony UX : guide pratique"
    -slug: "stimulus-js-symfony-ux-guide-pratique"
    -content: "<h2>Stimulus.js avec Symfony UX : guide pratique</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
    -excerpt: "Intégrez Stimulus.js dans votre projet Symfony via AssetMapper pour une interactivité légère."
    -featuredImage: null
    -imageFile: null
    -isPublished: true
    -createdAt: DateTimeImmutable @1782709593 {#1241
      date: 2026-06-29 05:06:33.0 UTC (+00:00)
    }
    -publishedAt: DateTimeImmutable @1781586393 {#1362
      date: 2026-06-16 05:06:33.0 UTC (+00:00)
    }
    -updatedAt: null
    -categories: Doctrine\ORM\PersistentCollection {#1363 …}
    -comments: Doctrine\ORM\PersistentCollection {#1355 …}
    -ratings: Doctrine\ORM\PersistentCollection {#1353 …}
  }
]
Attributes
[
  "article" => "Stimulus.js avec Symfony UX : guide pratique"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1669
  -props: [
    "article" => App\Entity\Article {#1334
      -id: 722
      -title: "Stimulus.js avec Symfony UX : guide pratique"
      -slug: "stimulus-js-symfony-ux-guide-pratique"
      -content: "<h2>Stimulus.js avec Symfony UX : guide pratique</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
      -excerpt: "Intégrez Stimulus.js dans votre projet Symfony via AssetMapper pour une interactivité légère."
      -featuredImage: null
      -imageFile: null
      -isPublished: true
      -createdAt: DateTimeImmutable @1782709593 {#1241
        date: 2026-06-29 05:06:33.0 UTC (+00:00)
      }
      -publishedAt: DateTimeImmutable @1781586393 {#1362
        date: 2026-06-16 05:06:33.0 UTC (+00:00)
      }
      -updatedAt: null
      -categories: Doctrine\ORM\PersistentCollection {#1363 …}
      -comments: Doctrine\ORM\PersistentCollection {#1355 …}
      -ratings: Doctrine\ORM\PersistentCollection {#1353 …}
    }
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.09 ms
Input props
[
  "category" => App\Entity\Category {#1165
    -id: 286
    -title: "JavaScript"
    -slug: "javascript"
    -color: "#f0db4f"
    -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
    -level: 0
    -articles: Doctrine\ORM\PersistentCollection {#1191 …}
    -pages: Doctrine\ORM\PersistentCollection {#1209 …}
  }
]
Attributes
[
  "category" => "JavaScript"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1692
  -props: [
    "category" => App\Entity\Category {#1165
      -id: 286
      -title: "JavaScript"
      -slug: "javascript"
      -color: "#f0db4f"
      -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
      -level: 0
      -articles: Doctrine\ORM\PersistentCollection {#1191 …}
      -pages: Doctrine\ORM\PersistentCollection {#1209 …}
    }
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.07 ms
Input props
[
  "category" => App\Entity\Category {#1524
    -id: 289
    -title: "Stimulus.js"
    -slug: "stimulus-js"
    -color: "#e04c16"
    -description: "Stimulus.js : contrôleurs légers pour enrichir le HTML."
    -level: 286
    -articles: Doctrine\ORM\PersistentCollection {#1521 …}
    -pages: Doctrine\ORM\PersistentCollection {#1523 …}
  }
]
Attributes
[
  "category" => "Stimulus.js"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1712
  -props: [
    "category" => App\Entity\Category {#1524
      -id: 289
      -title: "Stimulus.js"
      -slug: "stimulus-js"
      -color: "#e04c16"
      -description: "Stimulus.js : contrôleurs légers pour enrichir le HTML."
      -level: 286
      -articles: Doctrine\ORM\PersistentCollection {#1521 …}
      -pages: Doctrine\ORM\PersistentCollection {#1523 …}
    }
  ]
}
ArticleCard
[Anonymous]
4.0 MiB 1.41 ms
Input props
[
  "article" => App\Entity\Article {#1349
    -id: 723
    -title: "Tailwind CSS : construire un design system cohérent"
    -slug: "tailwind-css-construire-design-system-coherent"
    -content: "<h2>Tailwind CSS : construire un design system cohérent</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
    -excerpt: "Structurez vos projets Tailwind CSS pour maintenir la cohérence visuelle sur la durée."
    -featuredImage: null
    -imageFile: null
    -isPublished: true
    -createdAt: DateTimeImmutable @1782709593 {#1351
      date: 2026-06-29 05:06:33.0 UTC (+00:00)
    }
    -publishedAt: DateTimeImmutable @1781327193 {#1350
      date: 2026-06-13 05:06:33.0 UTC (+00:00)
    }
    -updatedAt: null
    -categories: Doctrine\ORM\PersistentCollection {#1348 …}
    -comments: Doctrine\ORM\PersistentCollection {#1346 …}
    -ratings: Doctrine\ORM\PersistentCollection {#1344 …}
  }
]
Attributes
[
  "article" => "Tailwind CSS : construire un design system cohérent"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1723
  -props: [
    "article" => App\Entity\Article {#1349
      -id: 723
      -title: "Tailwind CSS : construire un design system cohérent"
      -slug: "tailwind-css-construire-design-system-coherent"
      -content: "<h2>Tailwind CSS : construire un design system cohérent</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
      -excerpt: "Structurez vos projets Tailwind CSS pour maintenir la cohérence visuelle sur la durée."
      -featuredImage: null
      -imageFile: null
      -isPublished: true
      -createdAt: DateTimeImmutable @1782709593 {#1351
        date: 2026-06-29 05:06:33.0 UTC (+00:00)
      }
      -publishedAt: DateTimeImmutable @1781327193 {#1350
        date: 2026-06-13 05:06:33.0 UTC (+00:00)
      }
      -updatedAt: null
      -categories: Doctrine\ORM\PersistentCollection {#1348 …}
      -comments: Doctrine\ORM\PersistentCollection {#1346 …}
      -ratings: Doctrine\ORM\PersistentCollection {#1344 …}
    }
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.06 ms
Input props
[
  "category" => App\Entity\Category {#1165
    -id: 286
    -title: "JavaScript"
    -slug: "javascript"
    -color: "#f0db4f"
    -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
    -level: 0
    -articles: Doctrine\ORM\PersistentCollection {#1191 …}
    -pages: Doctrine\ORM\PersistentCollection {#1209 …}
  }
]
Attributes
[
  "category" => "JavaScript"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1748
  -props: [
    "category" => App\Entity\Category {#1165
      -id: 286
      -title: "JavaScript"
      -slug: "javascript"
      -color: "#f0db4f"
      -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
      -level: 0
      -articles: Doctrine\ORM\PersistentCollection {#1191 …}
      -pages: Doctrine\ORM\PersistentCollection {#1209 …}
    }
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.04 ms
Input props
[
  "category" => App\Entity\Category {#1530
    -id: 290
    -title: "Tailwind CSS"
    -slug: "tailwind-css"
    -color: "#38bdf8"
    -description: "Tailwind CSS : classes utilitaires et design system."
    -level: 286
    -articles: Doctrine\ORM\PersistentCollection {#1535 …}
    -pages: Doctrine\ORM\PersistentCollection {#1537 …}
  }
]
Attributes
[
  "category" => "Tailwind CSS"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1768
  -props: [
    "category" => App\Entity\Category {#1530
      -id: 290
      -title: "Tailwind CSS"
      -slug: "tailwind-css"
      -color: "#38bdf8"
      -description: "Tailwind CSS : classes utilitaires et design system."
      -level: 286
      -articles: Doctrine\ORM\PersistentCollection {#1535 …}
      -pages: Doctrine\ORM\PersistentCollection {#1537 …}
    }
  ]
}
ArticleCard
[Anonymous]
4.0 MiB 0.86 ms
Input props
[
  "article" => App\Entity\Article {#1340
    -id: 731
    -title: "Tailwind CSS en mode sombre : stratégies et pièges"
    -slug: "tailwind-css-mode-sombre-strategies-pieges"
    -content: "<h2>Tailwind CSS en mode sombre : stratégies et pièges</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
    -excerpt: "Implémentez un mode sombre fiable avec Tailwind CSS sans casser votre design au fil du temps."
    -featuredImage: null
    -imageFile: null
    -isPublished: true
    -createdAt: DateTimeImmutable @1782709593 {#1342
      date: 2026-06-29 05:06:33.0 UTC (+00:00)
    }
    -publishedAt: DateTimeImmutable @1779253593 {#1341
      date: 2026-05-20 05:06:33.0 UTC (+00:00)
    }
    -updatedAt: null
    -categories: Doctrine\ORM\PersistentCollection {#1339 …}
    -comments: Doctrine\ORM\PersistentCollection {#1337 …}
    -ratings: Doctrine\ORM\PersistentCollection {#1335 …}
  }
]
Attributes
[
  "article" => "Tailwind CSS en mode sombre : stratégies et pièges"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1779
  -props: [
    "article" => App\Entity\Article {#1340
      -id: 731
      -title: "Tailwind CSS en mode sombre : stratégies et pièges"
      -slug: "tailwind-css-mode-sombre-strategies-pieges"
      -content: "<h2>Tailwind CSS en mode sombre : stratégies et pièges</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
      -excerpt: "Implémentez un mode sombre fiable avec Tailwind CSS sans casser votre design au fil du temps."
      -featuredImage: null
      -imageFile: null
      -isPublished: true
      -createdAt: DateTimeImmutable @1782709593 {#1342
        date: 2026-06-29 05:06:33.0 UTC (+00:00)
      }
      -publishedAt: DateTimeImmutable @1779253593 {#1341
        date: 2026-05-20 05:06:33.0 UTC (+00:00)
      }
      -updatedAt: null
      -categories: Doctrine\ORM\PersistentCollection {#1339 …}
      -comments: Doctrine\ORM\PersistentCollection {#1337 …}
      -ratings: Doctrine\ORM\PersistentCollection {#1335 …}
    }
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.09 ms
Input props
[
  "category" => App\Entity\Category {#1165
    -id: 286
    -title: "JavaScript"
    -slug: "javascript"
    -color: "#f0db4f"
    -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
    -level: 0
    -articles: Doctrine\ORM\PersistentCollection {#1191 …}
    -pages: Doctrine\ORM\PersistentCollection {#1209 …}
  }
]
Attributes
[
  "category" => "JavaScript"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1804
  -props: [
    "category" => App\Entity\Category {#1165
      -id: 286
      -title: "JavaScript"
      -slug: "javascript"
      -color: "#f0db4f"
      -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
      -level: 0
      -articles: Doctrine\ORM\PersistentCollection {#1191 …}
      -pages: Doctrine\ORM\PersistentCollection {#1209 …}
    }
  ]
}
CategoryBadge
[Anonymous]
4.0 MiB 0.06 ms
Input props
[
  "category" => App\Entity\Category {#1530
    -id: 290
    -title: "Tailwind CSS"
    -slug: "tailwind-css"
    -color: "#38bdf8"
    -description: "Tailwind CSS : classes utilitaires et design system."
    -level: 286
    -articles: Doctrine\ORM\PersistentCollection {#1535 …}
    -pages: Doctrine\ORM\PersistentCollection {#1537 …}
  }
]
Attributes
[
  "category" => "Tailwind CSS"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#1824
  -props: [
    "category" => App\Entity\Category {#1530
      -id: 290
      -title: "Tailwind CSS"
      -slug: "tailwind-css"
      -color: "#38bdf8"
      -description: "Tailwind CSS : classes utilitaires et design system."
      -level: 286
      -articles: Doctrine\ORM\PersistentCollection {#1535 …}
      -pages: Doctrine\ORM\PersistentCollection {#1537 …}
    }
  ]
}