{"id":5335,"date":"2023-10-22T19:16:24","date_gmt":"2023-10-22T19:16:24","guid":{"rendered":"https:\/\/hprobots.com\/otto-robot\/code\/"},"modified":"2026-05-20T12:16:47","modified_gmt":"2026-05-20T12:16:47","slug":"code","status":"publish","type":"page","link":"https:\/\/hprobots.com\/es\/otto-robot\/code\/","title":{"rendered":"code"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5335\" class=\"elementor elementor-5335 elementor-296\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01a1053 e-flex e-con-boxed e-con e-parent\" data-id=\"01a1053\" 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-17b301f e-con-full hero-section code-page e-flex e-con e-child\" data-id=\"17b301f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7887bc elementor-widget elementor-widget-heading\" data-id=\"f7887bc\" 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\">C\u00f3digo<span>.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-044fcdc elementor-widget elementor-widget-heading\" data-id=\"044fcdc\" 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<h3 class=\"elementor-heading-title elementor-size-default\">Aprende a programar como un profesional <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12467fc elementor-widget elementor-widget-text-editor\" data-id=\"12467fc\" 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>\u00a1Programa f\u00e1cilmente con nuestra aplicaci\u00f3n <strong>web basada en bloques<\/strong> f\u00e1cil de usar!<br\/>No necesitas instalar nada, s\u00f3lo conecta tu robot<br\/>empieza desde cualquier sistema operativo. Editor <span style=\"background-color: var(--ast-global-color-5); color: var( --e-global-color-text ); font-style: inherit; font-weight: inherit; text-align: var(--text-align);\">de Python incluido<\/span>. <\/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-e51d03e elementor-widget elementor-widget-html\" data-id=\"e51d03e\" 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<!-- Toggle Switch HTML --><div class=\"toggle-container\"><input type=\"radio\" id=\"option-1\" name=\"toggle\" checked aria-label=\"Icons\"><label for=\"option-1\"><i class=\"fas fa-puzzle-piece\"><\/i> Icons<\/label><input type=\"radio\" id=\"option-2\" name=\"toggle\" aria-label=\"Words\"><label for=\"option-2\"><i class=\"fas fa-code\"><\/i> Words<\/label><input type=\"radio\" id=\"option-3\" name=\"toggle\" aria-label=\"Remote\"><label for=\"option-3\"><i class=\"fab fa-bluetooth\"><\/i> Remote<\/label><span class=\"toggle-slider\" aria-hidden=\"true\"><\/span><\/div><!-- Toggle Switch CSS --><style>.toggle-container {\r\n    position: relative;\r\n    display: inline-flex;\r\n    background-color: #f0f0f0;\r\n    border-radius: 25px;\r\n    align-items: center;\r\n    padding: 5px;\r\n    gap: 0;\r\n    user-select: none;\r\n    flex-wrap: nowrap;\r\n    width: auto;\r\n  }\r\n\r\n  .toggle-container input {\r\n    display: none;\r\n  }\r\n\r\n  .toggle-container label {\r\n    position: relative;\r\n    padding: 0 15px;\r\n    height: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 16px;\r\n    color: #555;\r\n    z-index: 2;\r\n    transition: color 0.4s, font-weight 0.4s, transform 0.3s;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .toggle-container label i {\r\n    margin-right: 8px; \/* Space between icon and text *\/\r\n    font-size: 18px; \/* Adjust icon size *\/\r\n    transition: color 0.4s;\r\n  }\r\n\r\n  .toggle-slider {\r\n    position: absolute;\r\n    top: 5px;\r\n    height: 40px;\r\n    background-color: #00d173;\r\n    border-radius: 20px;\r\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    z-index: 1;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n    width: 0;\r\n    left: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .toggle-container input:checked + label {\r\n    color: #ffffff;\r\n    font-weight: bold;\r\n    transform: scale(1.05); \/* Slightly enlarge the selected label *\/\r\n  }\r\n\r\n  \/* Ensure icons inherit label color when selected *\/\r\n  .toggle-container input:checked + label i {\r\n    color: inherit;\r\n  }\r\n\r\n  \/* Optional: Hover Effects *\/\r\n  .toggle-container label:hover {\r\n    color: #00d173; \/* Change text color on hover *\/\r\n  }\r\n\r\n  .toggle-container label:hover i {\r\n    color: #00d173; \/* Change icon color on hover *\/\r\n  }\r\n\r\n  \/* Tablet View: Vertical Layout *\/\r\n  @media (max-width: 1024px) and (min-width: 768px) {\r\n    .toggle-container {\r\n      flex-direction: column;\r\n      width: 150px; \/* Adjust as needed *\/\r\n    }\r\n\r\n    .toggle-container label {\r\n      padding: 10px 15px;\r\n      font-size: 16px;\r\n      width: 100%;\r\n      justify-content: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .toggle-container label i {\r\n      margin-right: 8px;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .toggle-slider {\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 0;\r\n    }\r\n\r\n    .toggle-container input:checked + label {\r\n      transform: none; \/* Remove scaling in vertical layout *\/\r\n    }\r\n\r\n    \/* Adjust slider position and height for vertical layout *\/\r\n    .toggle-container input:checked + label ~ .toggle-slider {\r\n      top: calc( (100% \/ 3) * var(--checked-index) );\r\n      height: 36px; \/* Match label height *\/\r\n    }\r\n\r\n    \/* Center text within slider *\/\r\n    .toggle-slider {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  \/* Mobile View: Horizontal Layout *\/\r\n  @media (max-width: 767px) {\r\n    .toggle-container {\r\n      flex-direction: row;\r\n      width: auto;\r\n    }\r\n\r\n    .toggle-container label {\r\n      padding: 0 15px;\r\n      font-size: 16px;\r\n      justify-content: center;\r\n      text-align: center;\r\n    }\r\n\r\n    .toggle-container label i {\r\n      margin-right: 8px;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .toggle-slider {\r\n      left: 0;\r\n      top: 5px;\r\n      width: 0;\r\n      height: 40px;\r\n    }\r\n\r\n    \/* Adjust slider for horizontal layout *\/\r\n    .toggle-container input:checked + label ~ .toggle-slider {\r\n      left: calc( (100% \/ 3) * var(--checked-index) );\r\n      width: 0;\r\n      height: 40px;\r\n    }\r\n\r\n    .toggle-container input:checked + label {\r\n      transform: scale(1.05); \/* Slightly enlarge the selected label *\/\r\n    }\r\n  }\r\n<\/style><!-- Toggle Switch JavaScript --><script>(function() {\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      const toggleContainer = document.querySelector('.toggle-container');\r\n      const slider = toggleContainer.querySelector('.toggle-slider');\r\n      const inputs = toggleContainer.querySelectorAll('input[name=\"toggle\"]');\r\n\r\n      \/\/ Map radio button IDs to your Elementor container IDs\r\n      const optionToContainerMap = {\r\n        \"option-1\": \"content-1\",\r\n        \"option-2\": \"content-2\",\r\n        \"option-3\": \"content-3\"\r\n      };\r\n\r\n      \/\/ Array of radio button IDs in order\r\n      const toggleOptions = [\"option-1\", \"option-2\", \"option-3\"];\r\n      let currentIndex = toggleOptions.indexOf(document.querySelector('input[name=\"toggle\"]:checked').id); \/\/ Initialize based on initially checked option\r\n\r\n      \/\/ Auto-toggle interval in milliseconds (e.g., 5000ms = 5 seconds)\r\n      const AUTO_TOGGLE_INTERVAL = 25000;\r\n      let autoToggleTimer;\r\n\r\n      function updateSlider() {\r\n        const checkedInput = toggleContainer.querySelector('input[name=\"toggle\"]:checked');\r\n        if (!checkedInput) return;\r\n\r\n        const checkedLabel = toggleContainer.querySelector(`label[for=\"${checkedInput.id}\"]`);\r\n        if (!checkedLabel) return;\r\n\r\n        \/\/ Determine if the layout is vertical based on window width\r\n        const isVertical = window.innerWidth <= 1024 && window.innerWidth >= 768;\r\n\r\n        if (isVertical) {\r\n          \/\/ Calculate the index of the checked input\r\n          const checkedIndex = toggleOptions.indexOf(checkedInput.id);\r\n          toggleContainer.style.setProperty('--checked-index', checkedIndex);\r\n\r\n          \/\/ Position the slider vertically\r\n          const labelHeight = checkedLabel.offsetHeight;\r\n          const spacing = 5; \/\/ Space between labels and container edges\r\n\r\n          slider.style.top = `${checkedIndex * (labelHeight + spacing)}px`;\r\n          slider.style.height = `${labelHeight}px`;\r\n          slider.style.width = `100%`; \/\/ Full width for vertical slider\r\n        } else {\r\n          \/\/ Horizontal layout\r\n          \/\/ Get the exact position and width relative to the toggle container\r\n          const labelRect = checkedLabel.getBoundingClientRect();\r\n          const containerRect = toggleContainer.getBoundingClientRect();\r\n          const offset = labelRect.left - containerRect.left;\r\n\r\n          \/\/ Update slider position and width\r\n          slider.style.left = `${offset}px`;\r\n          slider.style.width = `${checkedLabel.offsetWidth}px`;\r\n          slider.style.top = `5px`; \/\/ Fixed top position for horizontal slider\r\n          slider.style.height = `40px`; \/\/ Fixed height for horizontal slider\r\n        }\r\n      }\r\n\r\n      function updateContentDisplay(selectedId) {\r\n        Object.keys(optionToContainerMap).forEach(optionId => {\r\n          const containerId = optionToContainerMap[optionId];\r\n          const container = document.getElementById(containerId);\r\n          if (container) {\r\n            container.style.display = (optionId === selectedId) ? 'block' : 'none';\r\n          }\r\n        });\r\n      }\r\n\r\n      function activateToggle(index) {\r\n        const optionId = toggleOptions[index];\r\n        const inputToActivate = toggleContainer.querySelector(`input#${optionId}`);\r\n        if (inputToActivate && !inputToActivate.checked) {\r\n          inputToActivate.checked = true;\r\n          updateSlider();\r\n          updateContentDisplay(optionId);\r\n          currentIndex = index; \/\/ Update currentIndex after activation\r\n        }\r\n      }\r\n\r\n      function startAutoToggle() {\r\n        \/\/ Clear any existing timer before starting a new one\r\n        clearTimeout(autoToggleTimer);\r\n        autoToggleTimer = setTimeout(function toggleNext() {\r\n          \/\/ Calculate the next index\r\n          currentIndex = (currentIndex + 1) % toggleOptions.length;\r\n          activateToggle(currentIndex);\r\n          \/\/ Schedule the next toggle\r\n          autoToggleTimer = setTimeout(toggleNext, AUTO_TOGGLE_INTERVAL);\r\n        }, AUTO_TOGGLE_INTERVAL);\r\n      }\r\n\r\n      function resetAutoToggle() {\r\n        clearTimeout(autoToggleTimer);\r\n        startAutoToggle();\r\n      }\r\n\r\n      \/\/ Event handler for input changes\r\n      inputs.forEach((input, index) => {\r\n        input.addEventListener('change', function() {\r\n          updateSlider();\r\n          updateContentDisplay(this.id);\r\n          currentIndex = toggleOptions.indexOf(this.id);\r\n          resetAutoToggle(); \/\/ Reset the auto-toggle timer on user interaction\r\n        });\r\n      });\r\n\r\n      \/\/ Pause auto-toggle on mouse enter\r\n      toggleContainer.addEventListener('mouseenter', function() {\r\n        clearTimeout(autoToggleTimer);\r\n      });\r\n\r\n      \/\/ Resume auto-toggle on mouse leave\r\n      toggleContainer.addEventListener('mouseleave', function() {\r\n        startAutoToggle();\r\n      });\r\n\r\n      \/\/ Initialize slider and content display\r\n      updateSlider();\r\n      const initiallyChecked = toggleContainer.querySelector('input[name=\"toggle\"]:checked');\r\n      if (initiallyChecked) {\r\n        updateContentDisplay(initiallyChecked.id);\r\n        currentIndex = toggleOptions.indexOf(initiallyChecked.id);\r\n      }\r\n\r\n      \/\/ Start auto-toggle\r\n      startAutoToggle();\r\n\r\n      \/\/ Update slider on window resize\r\n      window.addEventListener('resize', updateSlider);\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fcd017 elementor-widget elementor-widget-spacer\" data-id=\"4fcd017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\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-c6b3b0d e-con-full toggle-content e-flex e-con e-child\" data-id=\"c6b3b0d\" data-element_type=\"container\" data-e-type=\"container\" id=\"content-1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0ab7ab0 e-con-full e-flex e-con e-child\" data-id=\"0ab7ab0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e10a065 elementor-widget elementor-widget-heading\" data-id=\"e10a065\" 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\"><span style=\"color: black\">Bloques de iconos<\/span><span style=\"color: #ffbd3b\">.<\/span>\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6524531 elementor-widget elementor-widget-text-editor\" data-id=\"6524531\" 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>Codificaci\u00f3n basada en im\u00e1genes para j\u00f3venes estudiantes, que permite dise\u00f1ar comportamientos rob\u00f3ticos sencillos con iconos f\u00e1ciles de arrastrar y soltar.<\/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-49d5034 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"49d5034\" 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<style>.robot-link-wrap {\r\n    text-align: center;\r\n  }\r\n\r\n  .robot-link-btn {\r\n    display: inline-block;\r\n    background: #00D173;\r\n    color: #fff;\r\n    padding: 14px 26px;\r\n    border-radius: 999px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: 0.2s ease;\r\n    box-shadow: 0 6px 16px rgba(0, 209, 115, 0.3);\r\n  }\r\n\r\n  .robot-link-btn:hover {\r\n    background: #00b864;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .robot-popup-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.4);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 999999;\r\n  }\r\n\r\n  .robot-popup-box {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 480px;\r\n    background: #fff;\r\n    border-radius: 18px;\r\n    padding: 28px 24px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n    text-align: center;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .robot-popup-close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 14px;\r\n    border: none;\r\n    background: none;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    color: #666;\r\n  }\r\n\r\n  .robot-popup-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .robot-popup-title .dot {\r\n    color: #e5b533;\r\n  }\r\n\r\n  .robot-popup-text {\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .robot-popup-text p {\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .robot-firmware-btn {\r\n    display: inline-block;\r\n    background: #00D173;\r\n    color: #fff;\r\n    padding: 12px 20px;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    margin-bottom: 18px;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  .robot-firmware-btn:hover {\r\n    background: #00b864;\r\n  }\r\n\r\n  .robot-popup-check {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    margin-bottom: 16px;\r\n    color: #444;\r\n  }\r\n\r\n  .robot-popup-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .robot-popup-primary,\r\n  .robot-popup-secondary {\r\n    border: none;\r\n    border-radius: 999px;\r\n    padding: 10px 18px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  .robot-popup-primary {\r\n    background: #00D173;\r\n    color: #fff;\r\n  }\r\n\r\n  .robot-popup-primary:hover {\r\n    background: #00b864;\r\n  }\r\n\r\n  .robot-popup-secondary {\r\n    background: #eee;\r\n  }\r\n\r\n  .robot-popup-secondary:hover {\r\n    background: #ddd;\r\n  }\r\n<\/style><div class=\"robot-link-wrap\"><button id=\"robot-open-env\" class=\"robot-link-btn\">Open icon blocks\r\n  <\/button><\/div><div id=\"robot-popup\" class=\"robot-popup-overlay\"><div class=\"robot-popup-box\"><button id=\"robot-popup-close\" class=\"robot-popup-close\">\u00d7<\/button><div class=\"robot-popup-title\">Update may be needed<span class=\"dot\">.<\/span><\/div><div class=\"robot-popup-text\"><p>You are about to enter the updated Webcode.<\/p><p>Please make sure your robot is up to date.<\/p><\/div><a href=\"https:\/\/hprobots.com\/otto-code\/webcode\/app\/index.html\" target=\"_blank\" class=\"robot-firmware-btn\">Firmware update tool\r\n    <\/a><label class=\"robot-popup-check\"><input type=\"checkbox\" id=\"robot-hide-again\">Do not show again\r\n    <\/label><div class=\"robot-popup-actions\"><button id=\"robot-continue\" class=\"robot-popup-primary\">Continue<\/button><button id=\"robot-cancel\" class=\"robot-popup-secondary\">Cancel<\/button><\/div><\/div><\/div><script>document.addEventListener(\"DOMContentLoaded\", function () {\r\n  const openBtn = document.getElementById(\"robot-open-env\");\r\n  const popup = document.getElementById(\"robot-popup\");\r\n  const continueBtn = document.getElementById(\"robot-continue\");\r\n  const cancelBtn = document.getElementById(\"robot-cancel\");\r\n  const closeBtn = document.getElementById(\"robot-popup-close\");\r\n  const checkbox = document.getElementById(\"robot-hide-again\");\r\n\r\n  const targetUrl = \"https:\/\/otto.k42.app\/projects\";\r\n  const key = \"robot_popup_hidden_v1\";\r\n\r\n  openBtn.addEventListener(\"click\", function () {\r\n    if (localStorage.getItem(key) === \"true\") {\r\n      window.location.href = targetUrl;\r\n      return;\r\n    }\r\n    popup.style.display = \"flex\";\r\n  });\r\n\r\n  continueBtn.addEventListener(\"click\", function () {\r\n    if (checkbox.checked) localStorage.setItem(key, \"true\");\r\n    window.location.href = targetUrl;\r\n  });\r\n\r\n  cancelBtn.addEventListener(\"click\", function () {\r\n    if (checkbox.checked) localStorage.setItem(key, \"true\");\r\n    popup.style.display = \"none\";\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function () {\r\n    popup.style.display = \"none\";\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d053f5 elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"2d053f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.hprobots.com\/projects\/create?type=icon\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-puzzle-piece\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">abrir bloques de iconos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-d9d4192 e-con-full e-flex e-con e-child\" data-id=\"d9d4192\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b88adb elementor-widget elementor-widget-image\" data-id=\"2b88adb\" 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=\"1024\" height=\"683\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-1024x683.png\" class=\"attachment-large size-large wp-image-10676\" alt=\"\" srcset=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-1024x683.png 1024w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-300x200.png 300w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-768x512.png 768w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bdb0969 e-con-full toggle-content e-flex e-con e-child\" data-id=\"bdb0969\" data-element_type=\"container\" data-e-type=\"container\" id=\"content-2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-eaddccf e-con-full e-flex e-con e-child\" data-id=\"eaddccf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c88e553 elementor-widget elementor-widget-heading\" data-id=\"c88e553\" 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\"><span style=\"color: black\">Bloques de palabras<\/span><span style=\"color: #ffbd3b\">.<\/span>\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd14ed3 elementor-widget elementor-widget-text-editor\" data-id=\"bd14ed3\" 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>Cree programas utilizando bloques de arrastrar y soltar al estilo de Scratch, ideales para principiantes que se inician en la codificaci\u00f3n basada en texto.<\/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-3d30d47 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"3d30d47\" 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<style>.robot-link-wrap {\r\n    text-align: center;\r\n  }\r\n\r\n  .robot-link-btn {\r\n    display: inline-block;\r\n    background: #00D173;\r\n    color: #fff;\r\n    padding: 14px 26px;\r\n    border-radius: 999px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: 0.2s ease;\r\n    box-shadow: 0 6px 16px rgba(0, 209, 115, 0.3);\r\n  }\r\n\r\n  .robot-link-btn:hover {\r\n    background: #00b864;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .robot-popup-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.4);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 999999;\r\n  }\r\n\r\n  .robot-popup-box {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 480px;\r\n    background: #fff;\r\n    border-radius: 18px;\r\n    padding: 28px 24px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n    text-align: center;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .robot-popup-close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 14px;\r\n    border: none;\r\n    background: none;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    color: #666;\r\n  }\r\n\r\n  .robot-popup-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .robot-popup-title .dot {\r\n    color: #e5b533;\r\n  }\r\n\r\n  .robot-popup-text {\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .robot-popup-text p {\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .robot-firmware-btn {\r\n    display: inline-block;\r\n    background: #00D173;\r\n    color: #fff;\r\n    padding: 12px 20px;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    margin-bottom: 18px;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  .robot-firmware-btn:hover {\r\n    background: #00b864;\r\n  }\r\n\r\n  .robot-popup-check {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    margin-bottom: 16px;\r\n    color: #444;\r\n  }\r\n\r\n  .robot-popup-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .robot-popup-primary,\r\n  .robot-popup-secondary {\r\n    border: none;\r\n    border-radius: 999px;\r\n    padding: 10px 18px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  .robot-popup-primary {\r\n    background: #00D173;\r\n    color: #fff;\r\n  }\r\n\r\n  .robot-popup-primary:hover {\r\n    background: #00b864;\r\n  }\r\n\r\n  .robot-popup-secondary {\r\n    background: #eee;\r\n  }\r\n\r\n  .robot-popup-secondary:hover {\r\n    background: #ddd;\r\n  }\r\n<\/style><div class=\"robot-link-wrap\"><button id=\"robot-open-env\" class=\"robot-link-btn\">Open word blocks\r\n  <\/button><\/div><div id=\"robot-popup\" class=\"robot-popup-overlay\"><div class=\"robot-popup-box\"><button id=\"robot-popup-close\" class=\"robot-popup-close\">\u00d7<\/button><div class=\"robot-popup-title\">Update may be needed<span class=\"dot\">.<\/span><\/div><div class=\"robot-popup-text\"><p>You are about to enter the updated Webcode.<\/p><p>Please make sure your robot is up to date.<\/p><\/div><a href=\"https:\/\/hprobots.com\/otto-code\/webcode\/app\/index.html\" target=\"_blank\" class=\"robot-firmware-btn\">Firmware update tool\r\n    <\/a><label class=\"robot-popup-check\"><input type=\"checkbox\" id=\"robot-hide-again\">Do not show again\r\n    <\/label><div class=\"robot-popup-actions\"><button id=\"robot-continue\" class=\"robot-popup-primary\">Continue<\/button><button id=\"robot-cancel\" class=\"robot-popup-secondary\">Cancel<\/button><\/div><\/div><\/div><script>document.addEventListener(\"DOMContentLoaded\", function () {\r\n  const openBtn = document.getElementById(\"robot-open-env\");\r\n  const popup = document.getElementById(\"robot-popup\");\r\n  const continueBtn = document.getElementById(\"robot-continue\");\r\n  const cancelBtn = document.getElementById(\"robot-cancel\");\r\n  const closeBtn = document.getElementById(\"robot-popup-close\");\r\n  const checkbox = document.getElementById(\"robot-hide-again\");\r\n\r\n  const targetUrl = \"https:\/\/otto.k42.app\/projects\";\r\n  const key = \"robot_popup_hidden_v1\";\r\n\r\n  openBtn.addEventListener(\"click\", function () {\r\n    if (localStorage.getItem(key) === \"true\") {\r\n      window.location.href = targetUrl;\r\n      return;\r\n    }\r\n    popup.style.display = \"flex\";\r\n  });\r\n\r\n  continueBtn.addEventListener(\"click\", function () {\r\n    if (checkbox.checked) localStorage.setItem(key, \"true\");\r\n    window.location.href = targetUrl;\r\n  });\r\n\r\n  cancelBtn.addEventListener(\"click\", function () {\r\n    if (checkbox.checked) localStorage.setItem(key, \"true\");\r\n    popup.style.display = \"none\";\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function () {\r\n    popup.style.display = \"none\";\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-251226a elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"251226a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/app.hprobots.com\/projects\/create?type=word\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-code\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">abrir bloques de palabras<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-5b5f278 e-con-full e-flex e-con e-child\" data-id=\"5b5f278\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8311b4 elementor-widget elementor-widget-image\" data-id=\"d8311b4\" 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=\"1024\" height=\"683\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-2-1024x683.png\" class=\"attachment-large size-large wp-image-10677\" alt=\"\" srcset=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-2-1024x683.png 1024w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-2-300x200.png 300w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-2-768x512.png 768w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-2.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-593c89b e-con-full toggle-content e-flex e-con e-child\" data-id=\"593c89b\" data-element_type=\"container\" data-e-type=\"container\" id=\"content-3\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e32b88c e-con-full e-flex e-con e-child\" data-id=\"e32b88c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9313e elementor-widget elementor-widget-heading\" data-id=\"4f9313e\" 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\"><span style=\"color: black\">Control<\/span><span style=\"color: #ffbd3b\">.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8b9a22 elementor-widget elementor-widget-text-editor\" data-id=\"b8b9a22\" 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>Controle y programe el robot de forma inal\u00e1mbrica con la nueva aplicaci\u00f3n para dispositivos m\u00f3viles.<br\/>Aseg\u00farese de actualizar el robot primero al utilizar la aplicaci\u00f3n m\u00f3vil en <a href=\"http:\/\/hprobots.com\/app\" style=\"font-style: inherit; font-weight: inherit; background-color: rgb(250, 250, 250);\">hprobots.com\/app.<\/a><\/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-87220b7 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"87220b7\" 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<style>.robot-link-wrap {\r\n    text-align: center;\r\n  }\r\n\r\n  .robot-link-btn {\r\n    display: inline-block;\r\n    background: #00D173;\r\n    color: #fff;\r\n    padding: 14px 26px;\r\n    border-radius: 999px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: 0.2s ease;\r\n    box-shadow: 0 6px 16px rgba(0, 209, 115, 0.3);\r\n  }\r\n\r\n  .robot-link-btn:hover {\r\n    background: #00b864;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .robot-popup-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.4);\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 999999;\r\n  }\r\n\r\n  .robot-popup-box {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 480px;\r\n    background: #fff;\r\n    border-radius: 18px;\r\n    padding: 28px 24px;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n    text-align: center;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .robot-popup-close {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 14px;\r\n    border: none;\r\n    background: none;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    color: #666;\r\n  }\r\n\r\n  .robot-popup-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .robot-popup-title .dot {\r\n    color: #e5b533;\r\n  }\r\n\r\n  .robot-popup-text {\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .robot-popup-text p {\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .robot-firmware-btn {\r\n    display: inline-block;\r\n    background: #00D173;\r\n    color: #fff;\r\n    padding: 12px 20px;\r\n    border-radius: 12px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    margin-bottom: 18px;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  .robot-firmware-btn:hover {\r\n    background: #00b864;\r\n  }\r\n\r\n  .robot-popup-check {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    margin-bottom: 16px;\r\n    color: #444;\r\n  }\r\n\r\n  .robot-popup-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .robot-popup-primary,\r\n  .robot-popup-secondary {\r\n    border: none;\r\n    border-radius: 999px;\r\n    padding: 10px 18px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: 0.2s ease;\r\n  }\r\n\r\n  .robot-popup-primary {\r\n    background: #00D173;\r\n    color: #fff;\r\n  }\r\n\r\n  .robot-popup-primary:hover {\r\n    background: #00b864;\r\n  }\r\n\r\n  .robot-popup-secondary {\r\n    background: #eee;\r\n  }\r\n\r\n  .robot-popup-secondary:hover {\r\n    background: #ddd;\r\n  }\r\n<\/style><div class=\"robot-link-wrap\"><button id=\"robot-open-env\" class=\"robot-link-btn\">Open remote control\r\n  <\/button><\/div><div id=\"robot-popup\" class=\"robot-popup-overlay\"><div class=\"robot-popup-box\"><button id=\"robot-popup-close\" class=\"robot-popup-close\">\u00d7<\/button><div class=\"robot-popup-title\">Update may be needed<span class=\"dot\">.<\/span><\/div><div class=\"robot-popup-text\"><p>You are about to enter the updated Webcode.<\/p><p>Please make sure your robot is up to date.<\/p><\/div><a href=\"https:\/\/hprobots.com\/otto-code\/webcode\/app\/index.html\" target=\"_blank\" class=\"robot-firmware-btn\">Firmware update tool\r\n    <\/a><label class=\"robot-popup-check\"><input type=\"checkbox\" id=\"robot-hide-again\">Do not show again\r\n    <\/label><div class=\"robot-popup-actions\"><button id=\"robot-continue\" class=\"robot-popup-primary\">Continue<\/button><button id=\"robot-cancel\" class=\"robot-popup-secondary\">Cancel<\/button><\/div><\/div><\/div><script>document.addEventListener(\"DOMContentLoaded\", function () {\r\n  const openBtn = document.getElementById(\"robot-open-env\");\r\n  const popup = document.getElementById(\"robot-popup\");\r\n  const continueBtn = document.getElementById(\"robot-continue\");\r\n  const cancelBtn = document.getElementById(\"robot-cancel\");\r\n  const closeBtn = document.getElementById(\"robot-popup-close\");\r\n  const checkbox = document.getElementById(\"robot-hide-again\");\r\n\r\n  const targetUrl = \"https:\/\/otto.k42.app\/control\";\r\n  const key = \"robot_popup_hidden_v1\";\r\n\r\n  openBtn.addEventListener(\"click\", function () {\r\n    if (localStorage.getItem(key) === \"true\") {\r\n      window.location.href = targetUrl;\r\n      return;\r\n    }\r\n    popup.style.display = \"flex\";\r\n  });\r\n\r\n  continueBtn.addEventListener(\"click\", function () {\r\n    if (checkbox.checked) localStorage.setItem(key, \"true\");\r\n    window.location.href = targetUrl;\r\n  });\r\n\r\n  cancelBtn.addEventListener(\"click\", function () {\r\n    if (checkbox.checked) localStorage.setItem(key, \"true\");\r\n    popup.style.display = \"none\";\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function () {\r\n    popup.style.display = \"none\";\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b63d778 elementor-widget elementor-widget-html\" data-id=\"b63d778\" 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<div class=\"store-buttons\"><a href= \"https:\/\/play.google.com\/store\/apps\/details?id=com.hprobots.otto\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/78\/Google_Play_Store_badge_EN.svg\" alt=\"Get it on Google Play\"><\/a><a href=\"https:\/\/apps.apple.com\/gb\/app\/hp-otto\/id6745776468\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/developer.apple.com\/assets\/elements\/badges\/download-on-the-app-store.svg\" alt=\"Download on the App Store\"><\/a><\/div><style>.store-buttons {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.store-buttons img {\r\n  height: 48px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.store-buttons img:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .store-buttons img {\r\n    height: 42px;\r\n  }\r\n}\r\n<\/style>\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-c83605c e-con-full e-flex e-con e-child\" data-id=\"c83605c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29bda8e elementor-widget elementor-widget-image\" data-id=\"29bda8e\" 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=\"1024\" height=\"683\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-3-1024x683.png\" class=\"attachment-large size-large wp-image-10675\" alt=\"\" srcset=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-3-1024x683.png 1024w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-3-300x200.png 300w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-3-768x512.png 768w, https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-3.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\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-6643a021 hero-section code-page elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"6643a021\" 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-2942cebb e-con-full e-flex e-con e-child\" data-id=\"2942cebb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1958d48a elementor-widget elementor-widget-heading\" data-id=\"1958d48a\" 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\">C\u00f3digo<span>.<\/span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32a8e52a elementor-widget elementor-widget-heading\" data-id=\"32a8e52a\" 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<h3 class=\"elementor-heading-title elementor-size-default\">Aprende a programar como un profesional <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38019a2 elementor-widget elementor-widget-text-editor\" data-id=\"38019a2\" 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>\u00a1Programa f\u00e1cilmente con nuestra aplicaci\u00f3n <strong>web basada en bloques <\/strong>f\u00e1cil de usar!<br\/>No necesitas instalar nada, s\u00f3lo conecta tu robot<br\/>empieza desde cualquier sistema operativo. Editor de <span style=\"background-color: var(--ast-global-color-5); color: var( --e-global-color-text ); font-style: inherit; font-weight: inherit; text-align: var(--text-align);\">Python incluido<\/span>.<\/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-f9fd6ff elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"f9fd6ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/hprobots.com\/otto-code\/webcode\/beginnermode\/beginnermode.html\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-puzzle-piece\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">abrir bloques de iconos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\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-b7976ac elementor-widget elementor-widget-spacer\" data-id=\"b7976ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2a097f elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"f2a097f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/hprobots.com\/otto-code\/webcode\/webcode.html\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-code\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">abrir bloques de palabras<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-2ca05c3f e-con-full e-flex e-con e-child\" data-id=\"2ca05c3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2176300f elementor-widget elementor-widget-image\" data-id=\"2176300f\" 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 loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"450\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/09\/soft.jpg\" class=\"attachment-large size-large wp-image-3265\" alt=\"\" srcset=\"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/09\/soft.jpg 683w, https:\/\/hprobots.com\/wp-content\/uploads\/2023\/09\/soft-300x198.jpg 300w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b71b704 hero-section code-page elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"b71b704\" 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-79110a7 e-con-full e-flex e-con e-child\" data-id=\"79110a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f36eb0 elementor-widget elementor-widget-heading\" data-id=\"4f36eb0\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Simula<span>.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe97602 elementor-widget elementor-widget-text-editor\" data-id=\"fe97602\" 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>Prueba la programaci\u00f3n y la electr\u00f3nica con confianza<br\/>utilizando nuestro <strong>simulador virtual gratuito<\/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-a790769 elementor-widget elementor-widget-button\" data-id=\"a790769\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/hprobots.com\/otto-code\/webcode\/websimulate.html\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-robot\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">abrir simulador<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-faffca3 e-con-full e-flex e-con e-child\" data-id=\"faffca3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f21f21 elementor-widget elementor-widget-video\" data-id=\"8f21f21\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/websimulate.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\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-7496b9f hero-section code-page e-flex e-con-boxed e-con e-parent\" data-id=\"7496b9f\" 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-7a295ac e-con-full e-flex e-con e-child\" data-id=\"7a295ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39b73a6 elementor-widget elementor-widget-heading\" data-id=\"39b73a6\" 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<h2 class=\"elementor-heading-title elementor-size-default\">AI Meets Otto<span>.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d0b5f9 elementor-widget elementor-widget-text-editor\" data-id=\"8d0b5f9\" 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>Esplora l&#8217;intelligenza artificiale con API di terze parti come ChatGPT o Gemini.<\/p><p>Comprendi las bases del Machine Learning, crea simples proyectos de IoT, entretiene programas con Python y recibe sugerencias para la producci\u00f3n creativa de robots en 3D.<\/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-3763b70 elementor-widget elementor-widget-button\" data-id=\"3763b70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/youtu.be\/H7O3HC7elVc?si=8p8kfS4jvl5R-BAd\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-video\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">avance<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-4728bdf e-con-full e-flex e-con e-child\" data-id=\"4728bdf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8efb17f elementor-widget elementor-widget-image\" data-id=\"8efb17f\" 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<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/elementor\/thumbs\/ChatGPT-Image-Jun-16-2025-10_10_20-AM-r8xwo0k26rwa1vtqix6k2ta83nva094tmdzxwoga9s.png\" title=\"ChatGPTOtto\" alt=\"AI ChatGPT and Gemini with Otto robot\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">AI ChatGPT and Gemini with Otto robot synth wave generated render<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbfb010 hero-section code-page e-flex e-con-boxed e-con e-parent\" data-id=\"dbfb010\" 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-8480860 e-con-full e-flex e-con e-child\" data-id=\"8480860\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ad6cc6 elementor-widget elementor-widget-heading\" data-id=\"6ad6cc6\" 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<h2 class=\"elementor-heading-title elementor-size-default\"><span><font color=\"#000000\">Gu\u00eda de inicio r\u00e1pido<\/font>.<\/span><br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2cea73 elementor-widget elementor-widget-heading\" data-id=\"a2cea73\" 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<h3 class=\"elementor-heading-title elementor-size-default\">Aprende a programar, empezando desde\nconceptos sencillos hasta algoritmos\navanzado en Python o C++. <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e7811 elementor-widget elementor-widget-html\" data-id=\"b2e7811\" 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<a class=\"_df_button \"  href=\"#\"  data-slug=\"hp-robots-otto-starter-coding-intro\" data-_slug=\"hp-robots-otto-starter-coding-intro\" _slug=\"hp-robots-otto-starter-coding-intro\" data-title=\"guia-de-codigos\" id=\"df_731\" data-df-option=\"df_option_731\"  >gu\u00eda de c\u00f3digos<\/a><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.df_option_731 = {\"source\":\"https:\\\/\\\/hprobots.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/HP_starter_codingintro.pdf\",\"outline\":[],\"autoEnableOutline\":false,\"autoEnableThumbnail\":false,\"overwritePDFOutline\":false,\"pageSize\":\"0\",\"slug\":\"hp-robots-otto-starter-coding-intro\",\"wpOptions\":\"true\",\"id\":731}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\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-9e0d82e e-con-full e-flex e-con e-child\" data-id=\"9e0d82e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2f1bb elementor-widget elementor-widget-image\" data-id=\"1f2f1bb\" 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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"695\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/teach-code-9097_1200px-1024x695.jpg\" class=\"attachment-large size-large wp-image-3690\" alt=\"\" srcset=\"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/teach-code-9097_1200px-1024x695.jpg 1024w, https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/teach-code-9097_1200px-300x204.jpg 300w, https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/teach-code-9097_1200px-768x522.jpg 768w, https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/teach-code-9097_1200px.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c081dcf hero-section code-page elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"c081dcf\" 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-90fc49c e-con-full e-flex e-con e-child\" data-id=\"90fc49c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abc267 elementor-widget elementor-widget-heading\" data-id=\"6abc267\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Control<span>.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecc3ba2 elementor-widget elementor-widget-text-editor\" data-id=\"ecc3ba2\" 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>Maneja tu robot <span data-teams=\"true\">de forma inal\u00e1mbrica<\/span> con los mandos modulares y<br\/><strong>widgets personalizables<\/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-69b9897 elementor-widget elementor-widget-html\" data-id=\"69b9897\" 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<div class=\"store-buttons\"><a href= \"https:\/\/play.google.com\/store\/apps\/details?id=com.hprobots.otto\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/78\/Google_Play_Store_badge_EN.svg\" alt=\"Get it on Google Play\"><\/a><a href=\"https:\/\/apps.apple.com\/gb\/app\/hp-otto\/id6745776468\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/developer.apple.com\/assets\/elements\/badges\/download-on-the-app-store.svg\" alt=\"Download on the App Store\"><\/a><\/div><style>.store-buttons {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.store-buttons img {\r\n  height: 48px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.store-buttons img:hover {\r\n  transform: scale(1.05);\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .store-buttons img {\r\n    height: 42px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-529ee17 elementor-widget elementor-widget-spacer\" data-id=\"529ee17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81ea50d elementor-widget elementor-widget-text-editor\" data-id=\"81ea50d\" 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><span style=\"color: #999999;\">Aseg\u00farese de actualizar el robot antes de usar la aplicaci\u00f3n m\u00f3vil en <a href=\"http:\/\/hprobots.com\/app\">hprobots.com\/app.<\/a><\/span><\/p>\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-4f43f8b e-con-full e-flex e-con e-child\" data-id=\"4f43f8b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-933ce44 elementor-widget elementor-widget-image\" data-id=\"933ce44\" 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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/hprobots.com\/wp-content\/uploads\/2024\/12\/ottoremotecontrolapp-1024x683.jpg\" class=\"attachment-large size-large wp-image-10296\" alt=\"Otto robot remote control web app\" srcset=\"https:\/\/hprobots.com\/wp-content\/uploads\/2024\/12\/ottoremotecontrolapp-1024x683.jpg 1024w, https:\/\/hprobots.com\/wp-content\/uploads\/2024\/12\/ottoremotecontrolapp-300x200.jpg 300w, https:\/\/hprobots.com\/wp-content\/uploads\/2024\/12\/ottoremotecontrolapp-768x512.jpg 768w, https:\/\/hprobots.com\/wp-content\/uploads\/2024\/12\/ottoremotecontrolapp-1536x1024.jpg 1536w, https:\/\/hprobots.com\/wp-content\/uploads\/2024\/12\/ottoremotecontrolapp-2048x1365.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>C\u00f3digo. Aprende a programar como un profesional \u00a1Programa f\u00e1cilmente con nuestra aplicaci\u00f3n web basada en bloques f\u00e1cil de usar!No necesitas instalar nada, s\u00f3lo conecta tu robotempieza desde cualquier sistema operativo. Editor de Python incluido. Icons Words Remote Bloques de iconos. Codificaci\u00f3n basada en im\u00e1genes para j\u00f3venes estudiantes, que permite dise\u00f1ar comportamientos rob\u00f3ticos sencillos con iconos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4827,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5335","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Aprende a programar y codificar con el robot Otto.<\/title>\n<meta name=\"description\" content=\"Aprende a programar con el robot STEM Otto. Empieza desde el principio. Desde conceptos b\u00e1sicos hasta avanzados y complejos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hprobots.com\/es\/otto-robot\/code\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aprende a programar y codificar con el robot Otto.\" \/>\n<meta property=\"og:description\" content=\"Aprende a programar con el robot STEM Otto. Empieza desde el principio. Desde conceptos b\u00e1sicos hasta avanzados y complejos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hprobots.com\/es\/otto-robot\/code\/\" \/>\n<meta property=\"og:site_name\" content=\"HP robots\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hprobots\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-20T12:16:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/\",\"url\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/\",\"name\":\"Aprende a programar y codificar con el robot Otto.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hprobots.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/code-options-photos-1-1024x683.png\",\"datePublished\":\"2023-10-22T19:16:24+00:00\",\"dateModified\":\"2026-05-20T12:16:47+00:00\",\"description\":\"Aprende a programar con el robot STEM Otto. Empieza desde el principio. Desde conceptos b\u00e1sicos hasta avanzados y complejos.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hprobots.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/code-options-photos-1-1024x683.png\",\"contentUrl\":\"https:\\\/\\\/hprobots.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/code-options-photos-1-1024x683.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/otto-robot\\\/code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hprobots.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Otto robot STEAM\",\"item\":\"https:\\\/\\\/hprobots.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/hprobots.com\\\/es\\\/\",\"name\":\"https:\\\/\\\/hprobots.com\\\/\",\"description\":\"Otto, an interactive modular robot kit for STEM education\",\"publisher\":{\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hprobots.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/#organization\",\"name\":\"HP Robots\",\"url\":\"https:\\\/\\\/hprobots.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hprobots.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/2048px-HP_logo_2012.svg.png\",\"contentUrl\":\"https:\\\/\\\/hprobots.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/2048px-HP_logo_2012.svg.png\",\"width\":2048,\"height\":2048,\"caption\":\"HP Robots\"},\"image\":{\"@id\":\"https:\\\/\\\/hprobots.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hprobots\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Aprende a programar y codificar con el robot Otto.","description":"Aprende a programar con el robot STEM Otto. Empieza desde el principio. Desde conceptos b\u00e1sicos hasta avanzados y complejos.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hprobots.com\/es\/otto-robot\/code\/","og_locale":"es_ES","og_type":"article","og_title":"Aprende a programar y codificar con el robot Otto.","og_description":"Aprende a programar con el robot STEM Otto. Empieza desde el principio. Desde conceptos b\u00e1sicos hasta avanzados y complejos.","og_url":"https:\/\/hprobots.com\/es\/otto-robot\/code\/","og_site_name":"HP robots","article_publisher":"https:\/\/www.facebook.com\/hprobots","article_modified_time":"2026-05-20T12:16:47+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hprobots.com\/es\/otto-robot\/code\/","url":"https:\/\/hprobots.com\/es\/otto-robot\/code\/","name":"Aprende a programar y codificar con el robot Otto.","isPartOf":{"@id":"https:\/\/hprobots.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hprobots.com\/es\/otto-robot\/code\/#primaryimage"},"image":{"@id":"https:\/\/hprobots.com\/es\/otto-robot\/code\/#primaryimage"},"thumbnailUrl":"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-1024x683.png","datePublished":"2023-10-22T19:16:24+00:00","dateModified":"2026-05-20T12:16:47+00:00","description":"Aprende a programar con el robot STEM Otto. Empieza desde el principio. Desde conceptos b\u00e1sicos hasta avanzados y complejos.","breadcrumb":{"@id":"https:\/\/hprobots.com\/es\/otto-robot\/code\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hprobots.com\/es\/otto-robot\/code\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hprobots.com\/es\/otto-robot\/code\/#primaryimage","url":"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-1024x683.png","contentUrl":"https:\/\/hprobots.com\/wp-content\/uploads\/2025\/01\/code-options-photos-1-1024x683.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hprobots.com\/es\/otto-robot\/code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hprobots.com\/es\/"},{"@type":"ListItem","position":2,"name":"Otto robot STEAM","item":"https:\/\/hprobots.com\/es\/"},{"@type":"ListItem","position":3,"name":"code"}]},{"@type":"WebSite","@id":"https:\/\/hprobots.com\/es\/#website","url":"https:\/\/hprobots.com\/es\/","name":"https:\/\/hprobots.com\/","description":"Otto, an interactive modular robot kit for STEM education","publisher":{"@id":"https:\/\/hprobots.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hprobots.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/hprobots.com\/es\/#organization","name":"HP Robots","url":"https:\/\/hprobots.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hprobots.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/2048px-HP_logo_2012.svg.png","contentUrl":"https:\/\/hprobots.com\/wp-content\/uploads\/2023\/11\/2048px-HP_logo_2012.svg.png","width":2048,"height":2048,"caption":"HP Robots"},"image":{"@id":"https:\/\/hprobots.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hprobots"]}]}},"_links":{"self":[{"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/pages\/5335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/comments?post=5335"}],"version-history":[{"count":11,"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/pages\/5335\/revisions"}],"predecessor-version":[{"id":14450,"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/pages\/5335\/revisions\/14450"}],"up":[{"embeddable":true,"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/pages\/4827"}],"wp:attachment":[{"href":"https:\/\/hprobots.com\/es\/wp-json\/wp\/v2\/media?parent=5335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}