{"id":2366,"date":"2024-06-20T11:09:18","date_gmt":"2024-06-20T09:09:18","guid":{"rendered":"https:\/\/www.domotic.phdata.fr\/domotic\/?p=2366"},"modified":"2024-06-22T08:36:41","modified_gmt":"2024-06-22T06:36:41","slug":"javascript","status":"publish","type":"post","link":"https:\/\/www.domotic.phdata.fr\/domotic\/javascript\/","title":{"rendered":"JavaScript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2366\" class=\"elementor elementor-2366\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3831f71 e-flex e-con-boxed e-con e-parent\" data-id=\"3831f71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7337651d elementor-widget elementor-widget-image\" data-id=\"7337651d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"228\" height=\"205\" src=\"https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/js-img.png\" class=\"attachment-large size-large wp-image-2368\" alt=\"\" srcset=\"https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/js-img.png 228w, https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/js-img-150x135.png 150w\" sizes=\"(max-width: 228px) 100vw, 228px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-407fbe93 e-flex e-con-boxed e-con e-parent\" data-id=\"407fbe93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-756268a2 eael_simple_menu_hamburger_disable_selected_menu_no eael-simple-menu-hamburger-align-right eael-hamburger--tablet elementor-widget elementor-widget-eael-simple-menu\" data-id=\"756268a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-simple-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n                        @media screen and (max-width: 1024px) {\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-horizontal,\n                                .eael-simple-menu-vertical {\n                                    display: none;\n                                }\n                            }\n                            .eael-hamburger--tablet {\n                                .eael-simple-menu-container .eael-simple-menu-toggle {\n                                    display: block;\n                                }\n                            }\n                        }\n                    <\/style>            <div data-hamburger-icon=\"&lt;i aria-hidden=&quot;true&quot; class=&quot;fas fa-bars&quot;&gt;&lt;\/i&gt;\" data-indicator-icon=\"&lt;i aria-hidden=&quot;true&quot; class=&quot;fas fa-angle-down&quot;&gt;&lt;\/i&gt;\" data-dropdown-indicator-icon=\"&lt;i class=&quot;fas fa-angle-double-right&quot;&gt;&lt;\/i&gt;\" class=\"eael-simple-menu-container eael-simple-menu-align-left eael-simple-menu-dropdown-align-left preset-1\" data-hamburger-breakpoints=\"{&quot;mobile&quot;:&quot;Portrait mobile (&gt; 767px)&quot;,&quot;tablet&quot;:&quot;Tablette en mode portrait (&gt; 1024px)&quot;,&quot;desktop&quot;:&quot;Desktop (&gt; 2400px)&quot;,&quot;none&quot;:&quot;None&quot;}\" data-hamburger-device=\"tablet\">\n                <ul id=\"menu-menu-home\" class=\"eael-simple-menu eael-simple-menu-dropdown-animate-to-top eael-simple-menu-indicator eael-simple-menu-horizontal\"><li id=\"menu-item-1062\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1062\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/\">Accueil<\/a><\/li>\n<li id=\"menu-item-1034\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-1034\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/blog-2\/\">Blog<\/a><\/li>\n<li id=\"menu-item-2122\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2122\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/electronique\/\">Electronique<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-2130\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2130\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/liste-composants\/\">Liste composants<\/a><\/li>\n\t<li id=\"menu-item-2128\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2128\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/composants-de-base\/\">Composants de base<\/a><\/li>\n\t<li id=\"menu-item-2126\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2126\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/composants-de-puissance\/\">Composants de puissance<\/a><\/li>\n\t<li id=\"menu-item-2127\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-2127\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/composants-semi-conducteur\/\">Composants semi-conducteur<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-2868\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2868\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/domotique\/\">Domotique<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-3524\" class=\"menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3524\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/category\/blog\/microcontroleur\/\">Microcontr\u00f4leur<\/a>\n\t<ul class=\"sub-menu\">\n\t\t<li id=\"menu-item-2917\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2917\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/esp8266\/\">Esp8266<\/a><\/li>\n\t\t<li id=\"menu-item-4629\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-4629\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/esp8266-esp-01s\/\">ESP8266 ESP-01S<\/a><\/li>\n\t\t<li id=\"menu-item-3523\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-3523\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/wemos-d1-mini\/\">Wemos D1 Mini<\/a><\/li>\n\t\t<li id=\"menu-item-2918\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2918\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/esp32\/\">ESP32<\/a><\/li>\n\t\t<li id=\"menu-item-2915\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2915\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/esp32-c3\/\">ESP32-C3<\/a><\/li>\n\t<\/ul>\n<\/li>\n\t<li id=\"menu-item-3058\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-3058\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/liste-librairies\/\">Liste librairies<\/a>\n\t<ul class=\"sub-menu\">\n\t\t<li id=\"menu-item-3719\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-3719\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/librairies-pour-le-wifi-mqtt\/\">Lib. pour le wifi &#038; MQTT<\/a><\/li>\n\t\t<li id=\"menu-item-3944\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-3944\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/adafruit-ssd1306\/\">Lib. Adafruit SSD1306<\/a><\/li>\n\t\t<li id=\"menu-item-4242\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-4242\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/tiny-plus-plus\/\">Lib. TinyGPS++<\/a><\/li>\n\t\t<li id=\"menu-item-4366\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-4366\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/ahtx0-lib\/\">Lib. AHTx0<\/a><\/li>\n\t<\/ul>\n<\/li>\n\t<li id=\"menu-item-3671\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-3671\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/github\/\">GitHub<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-2123\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2123\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/projets\/\">Projets<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-2129\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2129\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/la-gestion-piscine\/\">Gestion piscine<\/a><\/li>\n\t<li id=\"menu-item-2132\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2132\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/projet-arrosage-automatique\/\">Arrosage automatique<\/a><\/li>\n\t<li id=\"menu-item-2131\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2131\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/boitte-aux-lettres\/\">Bo\u00eete aux lettres<\/a><\/li>\n\t<li id=\"menu-item-3545\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-3545\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/minuteur\/\">Minuteur<\/a><\/li>\n\t<li id=\"menu-item-2443\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2443\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/openastrotracker\/\">OpenAstroTracker<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-2134\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-2134\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/dico\/\">Dictionnaire<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-2133\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-2133\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/dico-informatique\/\">Dico informatique<\/a><\/li>\n\t<li id=\"menu-item-3201\" class=\"menu-item menu-item-type-post_type menu-item-object-post menu-item-3201\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/dico-electronique\/\">Dico \u00e9lectronique<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-6233\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6233\"><a href=\"https:\/\/www.domotic.phdata.fr\/domotic\/gravure-decoupe\/\">Gravure &amp; d\u00e9coupe<\/a><\/li>\n<\/ul>                <button class=\"eael-simple-menu-toggle\">\n                    <span class=\"sr-only \">Hamburger Toggle Menu<\/span>\n                    <i aria-hidden=\"true\" class=\"fas fa-bars\"><\/i>                <\/button>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43d4c098 e-flex e-con-boxed e-con e-parent\" data-id=\"43d4c098\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-54b03f7e e-con-full e-flex e-con e-child\" data-id=\"54b03f7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-637d518e elementor-widget elementor-widget-image\" data-id=\"637d518e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"280\" height=\"280\" src=\"https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/js.png\" class=\"attachment-large size-large wp-image-2369\" alt=\"\" srcset=\"https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/js.png 280w, https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/js-150x150.png 150w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a04aa7e e-con-full e-flex e-con e-child\" data-id=\"1a04aa7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34bed3c2 elementor-widget elementor-widget-heading\" data-id=\"34bed3c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">JavaScript<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e334310 e-flex e-con-boxed e-con e-parent\" data-id=\"e334310\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b13b09f elementor-widget elementor-widget-text-editor\" data-id=\"b13b09f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>JavaScript est un langage de programmation dynamique et interpr\u00e9t\u00e9 principalement utilis\u00e9 pour cr\u00e9er du contenu interactif et dynamique sur les pages web. Il est l&rsquo;un des trois langages de base du d\u00e9veloppement web, aux c\u00f4t\u00e9s du HTML et du CSS.<\/p><h3>Principales Caract\u00e9ristiques de JavaScript :<\/h3><ol><li><strong>Langage Interpr\u00e9t\u00e9<\/strong> :<ul><li>JavaScript est ex\u00e9cut\u00e9 directement par le navigateur web sans n\u00e9cessiter de compilation pr\u00e9alable. Le code est interpr\u00e9t\u00e9 \u00e0 la vol\u00e9e.<\/li><\/ul><\/li><li><strong>Langage Dynamique<\/strong> :<ul><li>JavaScript est faiblement typ\u00e9, ce qui signifie que les variables peuvent changer de type \u00e0 tout moment. Cela permet une grande flexibilit\u00e9 mais peut aussi introduire des erreurs difficiles \u00e0 d\u00e9boguer.<\/li><\/ul><\/li><li><strong>Langage Orient\u00e9 Objet<\/strong> :<ul><li>Bien que JavaScript ne soit pas un langage orient\u00e9 objet traditionnel comme Java ou C++, il supporte la programmation orient\u00e9e objet via la cr\u00e9ation et l&rsquo;utilisation d&rsquo;objets et de prototypes.<\/li><\/ul><\/li><li><strong>Langage de Script<\/strong> :<ul><li>JavaScript est souvent utilis\u00e9 comme langage de script pour automatiser des t\u00e2ches c\u00f4t\u00e9 client sur les pages web, comme la validation de formulaires, les animations, et la mise \u00e0 jour dynamique du contenu.<\/li><\/ul><\/li><\/ol><h3>Utilisation de JavaScript :<\/h3><ol><li><strong>Interactivit\u00e9 des Pages Web<\/strong> :<ul><li>JavaScript permet d&rsquo;ajouter des fonctionnalit\u00e9s interactives aux pages web. Par exemple, des menus d\u00e9roulants, des carrousels d&rsquo;images, des formulaires dynamiques, etc.<\/li><\/ul><\/li><li><strong>Manipulation du DOM (Document Object Model)<\/strong> :<ul><li>JavaScript peut acc\u00e9der et manipuler les \u00e9l\u00e9ments HTML et les styles CSS d&rsquo;une page web en utilisant le DOM. Cela permet de modifier le contenu et l&rsquo;apparence d&rsquo;une page sans avoir \u00e0 la recharger.<\/li><\/ul><\/li><li><strong>AJAX (Asynchronous JavaScript and XML)<\/strong> :<ul><li>JavaScript permet d&rsquo;effectuer des requ\u00eates HTTP asynchrones pour communiquer avec les serveurs web sans recharger la page, ce qui est utilis\u00e9 pour cr\u00e9er des applications web dynamiques et r\u00e9actives.<\/li><\/ul><\/li><li><strong>Framework et Biblioth\u00e8ques<\/strong> :<ul><li>Il existe de nombreux Framework et biblioth\u00e8ques JavaScript, comme jQuery, React, Angular, et Vue.js, qui simplifient et \u00e9tendent les capacit\u00e9s de d\u00e9veloppement avec JavaScript.<\/li><\/ul><\/li><\/ol><h3>Exemple Simple de JavaScript :<\/h3><p>Voici un exemple simple de JavaScript qui affiche une alerte lorsque l&rsquo;utilisateur clique sur un bouton :<\/p><p><!-- notionvc: cc567566-e21e-4d99-836e-9bded8d7c5ac --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e1de596 e-flex e-con-boxed e-con e-parent\" data-id=\"2e1de596\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63133b1c elementor-widget elementor-widget-text-editor\" data-id=\"63133b1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"cpp\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"><!DOCTYPE html>\n<html>\n<head>\n  <title>Exemple JavaScript<\/title>\n<\/head>\n<body>\n\n<h1>Bienvenue sur ma page web<\/h1>\n<button onclick=\"afficherAlerte()\">Cliquez-moi<\/button>\n\n<script>\n  function afficherAlerte() {\n    alert(\"Bonjour! Vous avez cliqu\u00e9 sur le bouton.\");\n  }\n<\/script>\n\n<\/body>\n<\/html><\/pre>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ee4660 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1ee4660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <title>Exemple JavaScript<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<h1>Bienvenue sur ma page web<\/h1>\r\n<button onclick=\"afficherAlerte()\">Cliquez-moi<\/button>\r\n\r\n<script>\r\n  function afficherAlerte() {\r\n    alert(\"Bonjour! Vous avez cliqu\u00e9 sur le bouton.\");\r\n  }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05c52ec e-flex e-con-boxed e-con e-parent\" data-id=\"05c52ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc0a91 elementor-widget elementor-widget-text-editor\" data-id=\"5fc0a91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dans cet exemple :<\/p><ul><li>Un bouton HTML appelle la fonction <code>afficher Alerte<\/code> lorsqu&rsquo;il est cliqu\u00e9.<\/li><li>La fonction <code>afficher Alerte<\/code> utilise la m\u00e9thode <code>alert<\/code> pour afficher une bo\u00eete de dialogue avec un message.<\/li><\/ul><h3>Avantages de JavaScript :<\/h3><ol><li><strong>Large adoption<\/strong> : Tous les principaux navigateurs web supportent JavaScript.<\/li><li><strong>Interactivit\u00e9<\/strong> : Permet de rendre les pages web interactives et dynamiques.<\/li><li><strong>Communaut\u00e9 et Ressources<\/strong> : Une large communaut\u00e9 de d\u00e9veloppeurs et de nombreuses ressources en ligne.<\/li><li><strong>Compatibilit\u00e9 Cross-Platform<\/strong> : Fonctionne sur tous les appareils dot\u00e9s d&rsquo;un navigateur web.<\/li><\/ol><h3>Inconv\u00e9nients de JavaScript :<\/h3><ol><li><strong>S\u00e9curit\u00e9<\/strong> : JavaScript peut \u00eatre vuln\u00e9rable aux attaques comme le Cross-Site Scripting (XSS) si mal utilis\u00e9.<\/li><li><strong>Performance<\/strong> : L&rsquo;ex\u00e9cution c\u00f4t\u00e9 client peut \u00eatre lente sur des appareils moins puissants.<\/li><li><strong>Compatibilit\u00e9<\/strong> : Des diff\u00e9rences dans les impl\u00e9mentations des navigateurs peuvent parfois causer des probl\u00e8mes.<\/li><\/ol><p>JavaScript est essentiel pour le d\u00e9veloppement web moderne, permettant de cr\u00e9er des exp\u00e9riences utilisateur riches et interactives.<\/p><p><!-- notionvc: d0eda864-5681-4aa3-9334-4048f23de299 --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-045febb e-flex e-con-boxed e-con e-parent\" data-id=\"045febb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96f371d elementor-widget elementor-widget-text-editor\" data-id=\"96f371d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2509\" class=\"elementor elementor-2509\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc37c4c e-flex e-con-boxed e-con e-parent\" data-id=\"dc37c4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31250bc elementor-widget elementor-widget-image\" data-id=\"31250bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"140\" src=\"https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/pied-de-page.webp\" class=\"attachment-large size-large wp-image-3167\" alt=\"\" srcset=\"https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/pied-de-page.webp 1000w, https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/pied-de-page-300x42.webp 300w, https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/pied-de-page-768x108.webp 768w, https:\/\/www.domotic.phdata.fr\/domotic\/wp-content\/uploads\/2024\/06\/pied-de-page-150x21.webp 150w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da41007 elementor-widget elementor-widget-text-editor\" data-id=\"da41007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>Domotique &#8211; informatique &#8211; \u00e9lectronique &#8211; dictionnaire &#8211; projets<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a0e2d2 elementor-widget elementor-widget-text-editor\" data-id=\"8a0e2d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Copyright 2024<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil Blog Electronique Liste composants Composants de base Composants de puissance Composants semi-conducteur Projets Gestion piscine Arrosage automatique Bo\u00eete aux lettres OpenAstroTracker Dictionnaire Dico informatique Humberger Toggle Menu JavaScript JavaScript est un langage de programmation dynamique et interpr\u00e9t\u00e9 principalement utilis\u00e9 pour cr\u00e9er du contenu interactif et dynamique sur les pages web. Il est l&rsquo;un des [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"_eb_attr":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","_jetpack_memberships_contains_paid_content":false,"ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[16],"tags":[],"class_list":["post-2366","post","type-post","status-publish","format-standard","hentry","category-blog","entry"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/posts\/2366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/comments?post=2366"}],"version-history":[{"count":46,"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/posts\/2366\/revisions"}],"predecessor-version":[{"id":2549,"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/posts\/2366\/revisions\/2549"}],"wp:attachment":[{"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/media?parent=2366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/categories?post=2366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.domotic.phdata.fr\/domotic\/wp-json\/wp\/v2\/tags?post=2366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}