CINXE.COM

ISTE | 1. Students

<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> <meta name="referrer" content="origin-when-cross-origin" /> <meta property="ix:host" content="iste-prod.imgix.net"> <meta property="ix:useHttps" content="true"> <link rel="stylesheet" href="https://iste.org/dist/assets/main-f4944177.css"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PX5DHK');</script> <!-- End Google Tag Manager --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <script src=https://cdn.cookielaw.org/scripttemplates/otSDKStub.js type="text/javascript" charset="UTF-8" data-domain-script="ed528922-9aa6-4c5c-9b7d-6649d9b8b135" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <title>ISTE | 1. Students</title><meta name="generator" content="SEOmatic"> <meta name="keywords" content="Technology, Education, Educators"> <meta name="description" content="The ISTE Student Standards guide educators toward student-driven learning practices that prepare students to thrive in an evolving technological landscape."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="ISTEofficial" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="ISTE" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://iste.org/standards/students" property="og:url"> <meta content="1. Students" property="og:title"> <meta content="The ISTE Student Standards guide educators toward student-driven learning practices that prepare students to thrive in an evolving technological landscape." property="og:description"> <meta content="https://cms-live-media.iste.org/_1200x630_crop_center-center_82_none/iste-meta-image.png?mtime=1683999282" property="og:image"> <meta content="1200" property="og:image:width"> <meta content="630" property="og:image:height"> <meta content="ISTE Logo" property="og:image:alt"> <meta content="https://www.instagram.com/ISTEconnects/" property="og:see_also"> <meta content="https://www.youtube.com/@ISTEofficial" property="og:see_also"> <meta content="https://www.linkedin.com/company/isteofficial" property="og:see_also"> <meta content="https://www.facebook.com/ISTEofficial" property="og:see_also"> <meta content="https://twitter.com/ISTEofficial" property="og:see_also"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@https://twitter.com/ISTEofficial"> <meta name="twitter:creator" content="@https://twitter.com/ISTEofficial"> <meta name="twitter:title" content="1. Students"> <meta name="twitter:description" content="The ISTE Student Standards guide educators toward student-driven learning practices that prepare students to thrive in an evolving technological landscape."> <meta name="twitter:image" content="https://cms-live-media.iste.org/_800x418_crop_center-center_82_none/iste-meta-image.png?mtime=1683999282"> <meta name="twitter:image:width" content="800"> <meta name="twitter:image:height" content="418"> <meta name="twitter:image:alt" content="ISTE Logo"> <link href="https://iste.org/standards/students" rel="canonical"> <link href="https://iste.org/" rel="home"> <link href="https://iste.org/cpresources/787f88fe/css/tippy.css?v=1743496454" rel="stylesheet"> <link href="https://iste.org/cpresources/787f88fe/css/light.css?v=1743496454" rel="stylesheet"></head> <body class="relative"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PX5DHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="left-16 sr-only top-16 z-skip-link focus-within:not-sr-only focus-within:!absolute" data-component="SkipLink"> <a class="items-center font-900 leading-1 -tracking-0.02 inline-flex text-16 rounded-4 px-16 py-14 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current" href="https://iste.org/#main"> <span class="block">Skip to content</span> </a> </div> <header class="hidden relative z-header md:block" data-action="click@window-&gt;site-header-desktop#windowClick keydown.esc-&gt;site-header-desktop#close keydown.tab-&gt;site-header-desktop#tabForward keydown.shift+tab-&gt;site-header-desktop#tabBackward" data-controller="site-header-desktop" data-component="SiteHeaderDesktop"> <div class="bg-black relative text-white z-20"> <div class="px-sm-40-2xl-80"> <div class="flex gap-sm-48-2xl-96 items-stretch justify-between"> <div> <ul class="flex -ml-12"> <li> <a class="block p-12 bg-white transition-colors" href="/" data-component="SiteHeaderDesktop_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 36 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="iste-utility-nav"> <g clip-path="url(#clippath-iste-utility-nav-a)"> <path d="M.42 6.34v9.12c1.05.61 2.17 1.17 3.33 1.61V6.34H.42Z" fill="#00274D" /> <path d="M11.95 19.08c-.48.35-.86.49-1.47.66a8.35 8.35 0 0 1-4.8-.23 6.26 6.26 0 0 1-1.93-1.1v1.25H.42v-3.44a23.18 23.18 0 0 0 11.53 2.86ZM17.94 18.28l-.78.2v1.18h3.32V17.5c-.83.3-1.68.57-2.54.78ZM27.29 16.91v-2.76h5.7v-2.58h-3.46a20.83 20.83 0 0 1-5.44 4.24v3.85h9.58V16.9h-6.38ZM33.2 6.34c-.49.94-1.02 1.85-1.63 2.7h1.74v-2.7h-.11Z" fill="#B7C726" /> <path d="M32.1 6.34a26.62 26.62 0 0 1-1.55 2.71h-3.26v2.52h1.24a20.32 20.32 0 0 1-4.44 3.67V9.1h-3.61l.01 7.95c-.83.38-1.59.6-2.45.84l-.89.22.01-9.01h-3.88v-.84L11.77 9.8a3 3 0 0 0-1.12-.84 3.2 3.2 0 0 0-2-.25c-.22.04-.43.11-.6.22-.19.1-.34.24-.46.41-.13.17-.19.39-.19.65 0 .23.05.41.15.56.1.15.24.29.42.4.19.11.41.21.67.3a46.43 46.43 0 0 1 2.33.8c.5.18.96.42 1.38.72.41.3.75.68 1.03 1.12.27.45.4 1 .4 1.67 0 .76-.14 1.42-.43 1.98-.26.5-.42.75-.83 1.1-.81 0-1.87-.07-2.7-.15-2.02-.2-3.77-.59-5.58-1.25l1.32-1.3a4 4 0 0 0 1.33 1 3.7 3.7 0 0 0 2.35.33c.24-.05.44-.13.62-.24a1.25 1.25 0 0 0 .57-1.13c0-.25-.07-.47-.2-.64a1.89 1.89 0 0 0-.55-.48 4.52 4.52 0 0 0-.9-.4c-.35-.12-.75-.25-1.2-.38-.44-.14-.87-.3-1.3-.5-.41-.18-.79-.42-1.12-.72-.33-.3-.6-.65-.8-1.07-.2-.42-.3-.93-.3-1.53a3.7 3.7 0 0 1 1.7-3.2c.5-.34 1.07-.59 1.7-.74a7.31 7.31 0 0 1 5.82.94v-.84H32.1ZM33.98 19a.66.66 0 0 1 .21-.48.76.76 0 0 1 .51-.2c.1 0 .2 0 .28.05.08.03.16.08.23.15a.67.67 0 0 1 0 .97.73.73 0 0 1-.78.15.71.71 0 0 1-.39-.37.66.66 0 0 1-.06-.27Zm.12 0c0 .08.01.16.04.23a.6.6 0 0 0 .56.36.6.6 0 0 0 .43-.17.6.6 0 0 0 .17-.42.57.57 0 0 0-.17-.41.6.6 0 0 0-.43-.17.6.6 0 0 0-.56.35.56.56 0 0 0-.04.23Zm.32-.4h.29l.1.02c.04 0 .07.02.1.04a.2.2 0 0 1 .1.18c0 .06-.02.1-.05.14a.26.26 0 0 1-.14.07l.22.34h-.18l-.19-.33h-.1v.33h-.15v-.78Zm.26.35c.05 0 .09 0 .13-.02.03-.02.05-.05.05-.1 0-.04-.02-.07-.05-.08a.26.26 0 0 0-.1-.02h-.14v.22h.12Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-utility-nav-a"> <path fill="#fff" transform="translate(.42 6)" d="M0 0h35v14H0z" /> </clipPath> </defs> </svg> <span class="sr-only">Homepage</span></a> </li> <li> <a class="block p-12" href="https://www.ascd.org/" data-component="SiteHeaderDesktop_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 56 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="ascd-utility-nav"> <path d="M23.73 15.36c.9 0 1.66-.8 1.66-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.76 1.8 1.67 1.8Zm1.66-6.08h2.74v8.6h-2.74v-.98a2.61 2.61 0 0 1-2.22 1.14c-1.98 0-3.9-1.7-3.9-4.48 0-2.79 1.93-4.5 3.9-4.5.81 0 1.72.39 2.22 1.14v-.92ZM31.14 14.4c-2.51-.75-2.47-2.27-2.47-2.9 0-1.3 1.47-2.57 3.26-2.57 1.69 0 3.53.74 3.51 2.97h-2.56c0-.53-.3-.77-.8-.77-.35 0-.68.15-.68.48 0 .22.1.42.6.55l1.43.43c2.06.59 2.24 2.04 2.24 2.6 0 1.9-1.93 2.73-3.63 2.73s-3.5-1.07-3.5-3.05h2.57c0 .37.25.89.93.89.44 0 .84-.22.84-.57 0-.26-.14-.33-.72-.5l-1.02-.3ZM44.06 15.8a4.12 4.12 0 0 1-3.54 2.12 4.35 4.35 0 0 1-4.46-4.48c0-2.73 2.07-4.5 4.46-4.5 1.55 0 2.73.84 3.53 2.12L41.8 12.5c-.3-.52-.81-.85-1.41-.85-.91 0-1.67.81-1.67 1.79 0 .97.76 1.79 1.67 1.79.57 0 1.07-.32 1.37-.8l2.3 1.37Z" fill="#fff" /> <path d="M48.5 15.24c.92 0 1.67-.81 1.67-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.75 1.79 1.66 1.79Zm1.67-8.86h2.74v11.37h-2.58V16.5c-.47 1.02-1.5 1.4-2.38 1.4-1.98 0-3.9-1.7-3.9-4.48 0-2.78 1.93-4.5 3.9-4.5.96 0 1.7.4 2.22 1.02V6.38Z" fill="#fff" /> <path opacity=".7" d="M14.99 12.44h-4.23v3.02h4.23v-3.02Z" fill="#fff" /> <path d="M14.99 7.9h-4.23v4.54h4.23V7.91ZM14.99 15.46h-4.23V20h4.23v-4.54Z" fill="#fff" /> <path opacity=".7" d="M10.76 7.9h-4.7v4.54h4.7V7.91ZM10.76 15.46h-4.7V20h4.7v-4.54Z" fill="#fff" /> <path d="M4.65 13.95c0-.83.63-1.51 1.41-1.51V7.9C2.94 7.9.42 10.61.42 13.95S2.94 20 6.06 20v-4.54c-.78 0-1.41-.67-1.41-1.5ZM8.89 0h-6.1l12.2 6.54S14.99 0 8.89 0Z" fill="#fff" /> <path opacity=".7" d="M2.79 0s0 6.54 6.1 6.54h6.1L2.79 0Z" fill="#fff" /> <path d="M54.57 6.32c.47 0 .85.42.85.93 0 .5-.38.92-.85.92-.48 0-.85-.41-.85-.92s.37-.93.85-.93Zm0 1.69c.39 0 .7-.34.7-.76s-.31-.77-.7-.77c-.4 0-.7.35-.7.77 0 .42.3.76.7.76Zm.13-.63c.13-.04.19-.16.19-.29 0-.15-.1-.3-.28-.3h-.34v.92h.17V7.4h.06l.21.32h.2l-.21-.33Zm-.1-.41c.08 0 .12.06.12.12 0 .07-.05.13-.12.13h-.16v-.25h.17Z" fill="#fff" /> </svg> <span class="sr-only">ASCD</span></a> </li> <li> <a class="block p-12" href="https://www.edsurge.com/" data-component="SiteHeaderDesktop_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 60 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="edsurge-utility-nav"> <path d="M14.18 19.5c0 .29-.25.5-.5.5H.92c-.25 0-.5-.25-.5-.5V6.5c0-.25.25-.51.5-.51h12.72c.29 0 .54.26.54.51v12.98ZM2.7 17.23l6.8-3.35s.25-.17.25-.3c0-.12-.09-.2-.09-.2l-1.04-.94s-.08-.09-.08-.17c0-.08.08-.21.08-.21l3.21-3.52L5.3 12.1s-.25.17-.25.3c0 .13.08.21.08.21l1.04.93s.08.09.08.17c0 .09-.08.21-.08.21l-3.46 3.31Zm14.64-.42V9.1h5.7v1.48h-4.04v1.57h3.55v1.49H19v1.6h4.09v1.5h-5.75v.08Zm10.59 0v-.85c-.42.55-.96.98-1.8.98-1.33 0-2.62-1.06-2.62-3.06v-.04c0-1.95 1.25-3.05 2.62-3.05.88 0 1.42.42 1.8.89V8.76h1.66v8.02h-1.66v.04Zm.04-2.97c0-.98-.63-1.61-1.42-1.61-.75 0-1.42.63-1.42 1.6v.05c0 .98.67 1.61 1.42 1.61.8 0 1.42-.67 1.42-1.65Zm5.38 3.05c-1.13 0-2.3-.42-3.21-1.23l1-1.19c.66.56 1.37.94 2.25.94.67 0 1.08-.26 1.08-.72v-.04c0-.43-.25-.64-1.54-.98-1.54-.38-2.5-.8-2.5-2.34v-.04c0-1.4 1.08-2.33 2.62-2.33 1.09 0 2.05.34 2.8.98l-.88 1.27a3.58 3.58 0 0 0-1.96-.76c-.62 0-.96.3-.96.67v.05c0 .5.34.67 1.63 1.01 1.54.43 2.38.98 2.38 2.3v.04c.08 1.52-1.09 2.37-2.71 2.37Zm7.13-.08v-.85c-.38.5-.88.93-1.71.93-1.25 0-1.96-.85-1.96-2.2v-3.82h1.62v3.27c0 .8.38 1.18 1 1.18.63 0 1.05-.42 1.05-1.18v-3.27h1.62v5.9H40.5v.04Zm6.09-4.29c-1.09 0-1.76.68-1.76 2.08v2.17H43.2v-5.86h1.62v1.19c.34-.8.88-1.36 1.84-1.32v1.74h-.08Zm3.16 6.03c-.95 0-1.83-.21-2.54-.64l.54-1.27c.59.34 1.17.55 1.96.55 1.13 0 1.67-.55 1.67-1.61v-.3c-.5.6-1 .98-1.88.98-1.33 0-2.58-1.02-2.58-2.76v-.04c0-1.74 1.25-2.76 2.58-2.76.88 0 1.42.38 1.88.9v-.77H53v4.54c-.04 2.29-1.09 3.18-3.26 3.18Zm1.63-5c0-.81-.62-1.37-1.42-1.37-.79 0-1.41.56-1.41 1.36v.04c0 .81.62 1.36 1.41 1.36.8 0 1.42-.6 1.42-1.4Zm8 .88h-4.04c.17.77.67 1.15 1.42 1.15.54 0 .96-.17 1.42-.6l.95.85a2.92 2.92 0 0 1-2.37 1.1 2.93 2.93 0 0 1-3.05-3.05v-.04c0-1.7 1.17-3.06 2.88-3.06 1.92 0 2.84 1.53 2.84 3.18v.05c0 .17 0 .25-.04.42Zm-2.79-2.29c-.67 0-1.12.51-1.25 1.27h2.46c-.08-.76-.5-1.27-1.2-1.27Z" fill="#fff" /> </svg> <span class="sr-only">EdSurge</span></a> </li> </ul> </div> <ul class="dark flex gap-24 items-stretch"> <li class="flex items-center"> <a class="flex group text-ui-md gap-12" href="https://iste.org/sso/login/request" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Log In</span></a> </li><li class="flex items-center"> <a class="flex group text-ui-md gap-12" href="/become-a-member/" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Become a Member</span></a> </li> </ul> </div> </div> </div> <div class="px-sm-40-2xl-80 relative z-10"> <div class="flex gap-sm-48-2xl-96 items-stretch justify-between"> <a class="block my-12" href="/"><span class="sr-only">Homepage</span> <svg class="h-48 w-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 55" fill="none" aria-hidden="true" data-icon="iste-color"> <g clip-path="url(#clippath-iste-color-a)"> <path d="M0 1.33v35.84a87.04 87.04 0 0 0 12.7 6.32V1.33H0Z" fill="#00274D" /> <path d="M43.95 51.4c-1.82 1.35-3.26 1.9-5.6 2.56-2.4.69-4.9 1.04-7.45 1.04-3.75 0-7.38-.66-10.87-1.96a23.7 23.7 0 0 1-7.32-4.26v4.88H0v-13.5a87.05 87.05 0 0 0 12.99 6.03 84.05 84.05 0 0 0 30.96 5.2v.01ZM66.77 48.25c-1 .28-1.97.55-2.97.8v4.61h12.65v-8.49a85.16 85.16 0 0 1-9.68 3.08ZM102.4 42.87V32.01h21.74V21.88h-13.18A79.74 79.74 0 0 1 90.2 38.54v15.12h36.52V42.87h-24.32Zm22.56-41.54a85.29 85.29 0 0 1-6.2 10.65h6.63V1.33h-.43Z" fill="#B7C726" /> <path d="M120.74 1.33a66.72 66.72 0 0 1-3.35 6.43c-.78 1.33-1.74 2.94-2.58 4.22h-12.4v9.9h4.71a78.04 78.04 0 0 1-16.9 14.43V12.13H76.46l.05 31.25a59.82 59.82 0 0 1-9.34 3.3c-1 .26-2.4.63-3.39.86l.03-35.41H49.03V8.84l-5.78 6.1a11.44 11.44 0 0 0-4.25-3.3 11.91 11.91 0 0 0-7.61-1c-.87.15-1.64.44-2.33.86-.7.42-1.27.96-1.74 1.63a4.3 4.3 0 0 0-.7 2.54c0 .9.18 1.63.55 2.22.37.59.9 1.1 1.63 1.55.7.45 1.56.85 2.55 1.22.98.37 2.1.76 3.32 1.15 1.78.59 3.63 1.24 5.55 1.95a20.9 20.9 0 0 1 5.24 2.85 14.96 14.96 0 0 1 3.93 4.4 12.74 12.74 0 0 1 1.54 6.54c0 3-.55 5.6-1.65 7.8-.98 1.94-1.6 2.94-3.17 4.29-3.08 0-7.13-.24-10.27-.57a82.3 82.3 0 0 1-21.28-4.9l5.04-5.14a15.28 15.28 0 0 0 5.05 3.95 12.96 12.96 0 0 0 8.98 1.3c.9-.2 1.67-.52 2.34-.97a4.86 4.86 0 0 0 1.59-1.77c.39-.73.59-1.62.59-2.66 0-.98-.25-1.82-.74-2.51a7.27 7.27 0 0 0-2.1-1.89c-.92-.57-2.06-1.08-3.4-1.55-1.36-.47-2.9-.97-4.63-1.51a43.16 43.16 0 0 1-4.91-1.92 16.52 16.52 0 0 1-4.29-2.85 13.29 13.29 0 0 1-3.04-4.21 14.34 14.34 0 0 1-1.14-6.03c0-2.9.6-5.4 1.77-7.47a15.5 15.5 0 0 1 4.66-5.1c1.93-1.32 4.1-2.3 6.51-2.91a27.11 27.11 0 0 1 16.37.7c2.12.74 4.06 1.74 5.82 2.98V1.33h71.72-.01ZM127.93 51.08a2.67 2.67 0 0 1 1.67-2.5 2.7 2.7 0 1 1 0 5 2.7 2.7 0 0 1-1.67-2.5Zm.43 0a2.33 2.33 0 0 0 1.4 2.13c.28.12.58.18.9.18a2.26 2.26 0 0 0 2.12-1.42 2.24 2.24 0 0 0 0-1.78 2.29 2.29 0 0 0-3.02-1.22 2.35 2.35 0 0 0-1.22 1.22c-.12.27-.18.57-.18.9Zm1.24-1.54h1.08a2 2 0 0 1 .42.05c.13.03.26.08.37.16a.79.79 0 0 1 .36.7c0 .21-.06.4-.2.53a.97.97 0 0 1-.51.28l.83 1.34h-.67l-.72-1.28h-.4v1.28h-.55v-3.06h-.01Zm1 1.33c.16 0 .3-.03.46-.09.14-.06.22-.18.22-.37 0-.16-.07-.27-.2-.33a.97.97 0 0 0-.41-.08h-.5v.87h.45-.02Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-color-a"> <path fill="#fff" d="M0 0h133.39v55H0z" /> </clipPath> </defs> </svg> </a> <div class="flex gap-24 items-stretch"> <ul class="flex gap-24 items-stretch"> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click-&gt;site-header-desktop#toggle details#toggle mouseenter-&gt;site-header-desktop#openAccordingToHover mouseleave-&gt;site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Key Initiatives" data-action="focus-&gt;site-header-desktop#toggleAccordingToFocus blur-&gt;site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/key-initiatives">Key Initiatives</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url(&#039;/dist/images/background-texture-container-noise.png&#039;); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Key Initiatives</div><ul class="h-full p-sm-24-2xl-32 space-y-24 columns-2 gap-sm-40-2xl-64"> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/ai" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Artificial Intelligence</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/computational-thinking" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Computational Thinking</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/digital-citizenship" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Digital Citizenship</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/edtech-product-selection" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Edtech Selection</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/global-collaborations" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Global Collaborations</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/steam-education" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">STEAM in Education</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/teacher-preparation-partners" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Teacher Preparation</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click-&gt;site-header-desktop#toggle details#toggle mouseenter-&gt;site-header-desktop#openAccordingToHover mouseleave-&gt;site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="ISTE Standards" data-action="focus-&gt;site-header-desktop#toggleAccordingToFocus blur-&gt;site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/standards">ISTE Standards</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url(&#039;/dist/images/background-texture-container-noise.png&#039;); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under ISTE Standards</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/students" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=17" alt="Icon For Students" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=17" loading="lazy" sizes="auto" style="aspect-ratio: 1.0625;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">1. Students</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/educators" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Icon For Educators" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">2. Educators</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/education-leaders" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Icon For Education Leaders" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">3. Education Leaders</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/standards/coaches" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Icon For Coaches" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">4. Coaches</span></a> </li> </ul></section> <section class="relative max-w-[40vw] w-max"><div class="sr-only">Secondary items under ISTE Standards</div><ul class="bg-gray-50 h-full p-sm-24-2xl-32 space-y-16"> <li class="space-y-24"> <div class="flex group text-label gap-12" data-component="SiteHeaderDesktop_MenuItem"><span class="">IMPLEMENTATION</span></div> <ul class="space-y-24"> <li> <a class="flex group text-ui-sm gap-8" href="https://iste.org/essential-conditions-for-effective-tech-use-in-schools" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Align Center" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Essential Conditions</span></a> </li> <li> <a class="flex group text-ui-sm gap-8" href="https://iste.org/adopting-the-standards" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Rating Star Give 1" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Adopting the Standards</span></a> </li> </ul></li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click-&gt;site-header-desktop#toggle details#toggle mouseenter-&gt;site-header-desktop#openAccordingToHover mouseleave-&gt;site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Learning Library" data-action="focus-&gt;site-header-desktop#toggleAccordingToFocus blur-&gt;site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/learning-library">Learning Library</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url(&#039;/dist/images/background-texture-container-noise.png&#039;); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Learning Library</div><ul class="h-full p-sm-24-2xl-32 space-y-24 columns-2 gap-sm-40-2xl-64"> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/books" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Book Close 2" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Books</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/blog" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Newspaper" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Blog Posts</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/topic-guides" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Compass 1 Alternate" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Topic Guides</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/podcasts" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Social Music Podcast" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Podcasts</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/webinars" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Video Player Laptop" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Webinars</span></a> </li> <li class="break-inside-avoid"> <a class="flex group text-ui-md gap-12" href="https://iste.org/learning-library/journals" data-component="SiteHeaderDesktop_MenuItem"><div class="aspect-square flex-shrink-0 relative h-16 w-16"> <img class="absolute h-full inset-0 object-cover w-full" src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Content Pen" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> </div><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Journals</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click-&gt;site-header-desktop#toggle details#toggle mouseenter-&gt;site-header-desktop#openAccordingToHover mouseleave-&gt;site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Professional Development" data-action="focus-&gt;site-header-desktop#toggleAccordingToFocus blur-&gt;site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/professional-development">Professional Development</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url(&#039;/dist/images/background-texture-container-noise.png&#039;); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Professional Development</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/iste-u" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">ISTE U</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/professional-credentials" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Certifications</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/school-partners" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">School Partners</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/career-development" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Career Development</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click-&gt;site-header-desktop#toggle details#toggle mouseenter-&gt;site-header-desktop#openAccordingToHover mouseleave-&gt;site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Events" data-action="focus-&gt;site-header-desktop#toggleAccordingToFocus blur-&gt;site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/events">Events</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url(&#039;/dist/images/background-texture-container-noise.png&#039;); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Events</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://conference.iste.org/2025" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">ISTELive 25</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://event.ascd.org/2025/" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">2025 ASCD Annual Conference</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://conference.iste.org/2023/program/leadership_exchange.php" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Leadership Exchange</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://conference.iste.org/2024/exhibitors/solutions_summit.php" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Solutions Summit</span></a> </li> </ul></section> </div> </div></details> </li> <li class="flex items-center"> <details class="group/details h-full z-10 md:relative" data-action="click-&gt;site-header-desktop#toggle details#toggle mouseenter-&gt;site-header-desktop#openAccordingToHover mouseleave-&gt;site-header-desktop#closeAccordingToHover" data-component="SiteHeaderDesktop_Menu" data-controller="details" data-site-header-desktop-target="menu"><summary class="text-ui-md border-y-4 border-transparent flex group items-center h-full transition-colors group-open/details:border-b-semantic-link focus-visible:border-b-current focus-visible:text-semantic-link hover:border-b-current hover:text-semantic-link dark:!border-0 dark:!text-inherit" aria-label="Edtech Providers" data-action="focus-&gt;site-header-desktop#toggleAccordingToFocus blur-&gt;site-header-desktop#toggleAccordingToFocus"><a href="https://iste.org/edtech-providers">Edtech Providers</a></summary><div class="absolute duration-200 ease-out end-0 opacity-0 overflow-hidden top-full transition -translate-y-16 group-open/details:-translate-y-px group-open/details:opacity-100 max-md:max-w-full drop-shadow-card-extra-high rounded-12 text-black" data-details-details data-site-header-desktop-target="dropdown"> <div class="flex relative"><div class="relative rounded-s-12 w-32 background-purple-blue-strip-gradient"><div class="absolute bg-repeat h-full inset-0 mix-blend-screen w-full" style="background-image: url(&#039;/dist/images/background-texture-container-noise.png&#039;); background-size: 80px; filter: blur(0.2px) opacity(0.5);"></div></div> <section class="bg-white relative max-lg:flex-grow max-w-[40vw] w-max"><div class="sr-only">Primary items under Edtech Providers</div><ul class="h-full p-sm-24-2xl-32 space-y-24"> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/iste-seal" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">ISTE Seal</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/edtech-index" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">EdTech Index</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/solutions-network" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Solutions Network</span></a> </li> <li class=""> <a class="flex group text-ui-md gap-12" href="https://iste.org/sponsorship-advertising" data-component="SiteHeaderDesktop_MenuItem"><span class="decoration-transparent transition-colors underline group-focus-visible:decoration-current group-focus-visible:text-semantic-link group-hover:decoration-current group-hover:text-semantic-link dark:group-focus-visible:text-inherit dark:group-hover:text-inherit">Sponsorship &amp; Advertising</span></a> </li> </ul></section> </div> </div></details> </li> </ul> <button type="button" data-controller="modal" data-modal-id-value="modal-370600072" data-modal-intent-value="search" data-action="modal#show"> <svg class="h-32 rounded-full transition w-32 focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </div> </div> </div> </header> <header class="bg-white flex gap-24 items-center justify-between px-20 relative sticky top-0 z-header md:hidden" data-component="SiteHeaderMobile" data-controller="site-header-mobile" data-site-header-mobile-breakpoint-value="48rem"> <div class="flex flex-grow items-center justify-start py-12"><a href="/"> <svg class="w-58" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 55" fill="none" aria-hidden="true" data-icon="iste-color"> <g clip-path="url(#clippath-iste-color-a)"> <path d="M0 1.33v35.84a87.04 87.04 0 0 0 12.7 6.32V1.33H0Z" fill="#00274D" /> <path d="M43.95 51.4c-1.82 1.35-3.26 1.9-5.6 2.56-2.4.69-4.9 1.04-7.45 1.04-3.75 0-7.38-.66-10.87-1.96a23.7 23.7 0 0 1-7.32-4.26v4.88H0v-13.5a87.05 87.05 0 0 0 12.99 6.03 84.05 84.05 0 0 0 30.96 5.2v.01ZM66.77 48.25c-1 .28-1.97.55-2.97.8v4.61h12.65v-8.49a85.16 85.16 0 0 1-9.68 3.08ZM102.4 42.87V32.01h21.74V21.88h-13.18A79.74 79.74 0 0 1 90.2 38.54v15.12h36.52V42.87h-24.32Zm22.56-41.54a85.29 85.29 0 0 1-6.2 10.65h6.63V1.33h-.43Z" fill="#B7C726" /> <path d="M120.74 1.33a66.72 66.72 0 0 1-3.35 6.43c-.78 1.33-1.74 2.94-2.58 4.22h-12.4v9.9h4.71a78.04 78.04 0 0 1-16.9 14.43V12.13H76.46l.05 31.25a59.82 59.82 0 0 1-9.34 3.3c-1 .26-2.4.63-3.39.86l.03-35.41H49.03V8.84l-5.78 6.1a11.44 11.44 0 0 0-4.25-3.3 11.91 11.91 0 0 0-7.61-1c-.87.15-1.64.44-2.33.86-.7.42-1.27.96-1.74 1.63a4.3 4.3 0 0 0-.7 2.54c0 .9.18 1.63.55 2.22.37.59.9 1.1 1.63 1.55.7.45 1.56.85 2.55 1.22.98.37 2.1.76 3.32 1.15 1.78.59 3.63 1.24 5.55 1.95a20.9 20.9 0 0 1 5.24 2.85 14.96 14.96 0 0 1 3.93 4.4 12.74 12.74 0 0 1 1.54 6.54c0 3-.55 5.6-1.65 7.8-.98 1.94-1.6 2.94-3.17 4.29-3.08 0-7.13-.24-10.27-.57a82.3 82.3 0 0 1-21.28-4.9l5.04-5.14a15.28 15.28 0 0 0 5.05 3.95 12.96 12.96 0 0 0 8.98 1.3c.9-.2 1.67-.52 2.34-.97a4.86 4.86 0 0 0 1.59-1.77c.39-.73.59-1.62.59-2.66 0-.98-.25-1.82-.74-2.51a7.27 7.27 0 0 0-2.1-1.89c-.92-.57-2.06-1.08-3.4-1.55-1.36-.47-2.9-.97-4.63-1.51a43.16 43.16 0 0 1-4.91-1.92 16.52 16.52 0 0 1-4.29-2.85 13.29 13.29 0 0 1-3.04-4.21 14.34 14.34 0 0 1-1.14-6.03c0-2.9.6-5.4 1.77-7.47a15.5 15.5 0 0 1 4.66-5.1c1.93-1.32 4.1-2.3 6.51-2.91a27.11 27.11 0 0 1 16.37.7c2.12.74 4.06 1.74 5.82 2.98V1.33h71.72-.01ZM127.93 51.08a2.67 2.67 0 0 1 1.67-2.5 2.7 2.7 0 1 1 0 5 2.7 2.7 0 0 1-1.67-2.5Zm.43 0a2.33 2.33 0 0 0 1.4 2.13c.28.12.58.18.9.18a2.26 2.26 0 0 0 2.12-1.42 2.24 2.24 0 0 0 0-1.78 2.29 2.29 0 0 0-3.02-1.22 2.35 2.35 0 0 0-1.22 1.22c-.12.27-.18.57-.18.9Zm1.24-1.54h1.08a2 2 0 0 1 .42.05c.13.03.26.08.37.16a.79.79 0 0 1 .36.7c0 .21-.06.4-.2.53a.97.97 0 0 1-.51.28l.83 1.34h-.67l-.72-1.28h-.4v1.28h-.55v-3.06h-.01Zm1 1.33c.16 0 .3-.03.46-.09.14-.06.22-.18.22-.37 0-.16-.07-.27-.2-.33a.97.97 0 0 0-.41-.08h-.5v.87h.45-.02Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-color-a"> <path fill="#fff" d="M0 0h133.39v55H0z" /> </clipPath> </defs> </svg> </a></div> <button type="button" data-controller="modal" data-modal-id-value="modal-603232511" data-modal-intent-value="search" data-action="modal#show"> <svg class="h-32 rounded-full transition w-32 focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> <details class="flex flex-col group/details h-mobile-header items-center sibling open:fixed end-0 open:start-0 top-0" data-action="site-header-mobile#toggle" data-controller="details" data-site-header-mobile-target="menu"> <summary aria-label="Toggle navigation menu" class="flex justify-end py-8 text-right group-open/details:bg-green-400 group-open/details:px-20" > <div class="group-open/details:hidden"> <div class="sr-only">Toggle open</div> <svg class="w-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="hamburger"> <path d="M27.4 8.3H4.6a.6.6 0 0 1-.6-.6V6c0-.4.3-.7.6-.7h22.8c.3 0 .6.3.6.7v1.7c0 .3-.3.6-.6.6Zm0 8.6H4.6a.6.6 0 0 1-.6-.6v-1.8c0-.3.3-.6.6-.6h22.8c.3 0 .6.3.6.6v1.8c0 .3-.3.6-.6.6Zm0 8.6H4.6a.6.6 0 0 1-.6-.7v-1.7c0-.3.3-.6.6-.6h22.8c.3 0 .6.3.6.6v1.7c0 .4-.3.7-.6.7Z" fill="currentColor"/> </svg> </div> <div class="hidden group-open/details:inline-block"> <div class="sr-only">Toggle closed</div> <svg class="p-4 w-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </div> </summary> <div class="bg-green-50 flex flex-col h-100dvh-less-48 justify-between overflow-y-auto overscroll-contain"> <div class="flex-grow relative"> <div class="flex flex-col gap-40 h-full px-20"> <div class="flex-grow"> <div class="gap-16 grid grid-cols-2 pt-sm-48-2xl-96"> <a class="items-center font-900 leading-1 -tracking-0.02 flex gap-20 w-full text-14 rounded-4 px-16 py-9 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current justify-center" href="https://iste.org/sso/login/request"> <span class="block">Log In</span> </a> <a class="items-center font-900 leading-1 -tracking-0.02 flex gap-20 w-full text-14 rounded-4 px-16 py-9 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current justify-center" href="/become-a-member/"> <span class="block">Become a Member</span> </a> </div> <ul class="spacy-y-24 pt-sm-48-2xl-96 text-blue-500"> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="&lt;a href=&quot;https://iste.org/key-initiatives&quot;&gt;Key Initiatives&lt;/a&gt;" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/key-initiatives">Key Initiatives</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/ai" data-component="SiteHeaderDesktop_MenuItem">Artificial Intelligence</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/computational-thinking" data-component="SiteHeaderDesktop_MenuItem">Computational Thinking</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/digital-citizenship" data-component="SiteHeaderDesktop_MenuItem">Digital Citizenship</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/edtech-product-selection" data-component="SiteHeaderDesktop_MenuItem">Edtech Selection</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/global-collaborations" data-component="SiteHeaderDesktop_MenuItem">Global Collaborations</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/steam-education" data-component="SiteHeaderDesktop_MenuItem">STEAM in Education</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/teacher-preparation-partners" data-component="SiteHeaderDesktop_MenuItem">Teacher Preparation</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="&lt;a href=&quot;https://iste.org/standards&quot;&gt;ISTE Standards&lt;/a&gt;" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/standards">ISTE Standards</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/students" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=17" alt="Icon For Students" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Students.svg?ar=1.0625%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=17" loading="lazy" sizes="auto" style="aspect-ratio: 1.0625;"> 1. Students</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/educators" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Icon For Educators" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Educators.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> 2. Educators</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/education-leaders" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Icon For Education Leaders" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Education-Leaders.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> 3. Education Leaders</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/standards/coaches" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Icon For Coaches" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Icon-For-Coaches.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> 4. Coaches</a> </li> </ul><ul> <li> <div class="flex font-900 uppercase gap-8 pb-24 text-14" data-component="SiteHeaderDesktop_MenuItem">IMPLEMENTATION</div> <ul> <li> <a class="flex font-500 text-18 gap-8 pb-24" href="https://iste.org/essential-conditions-for-effective-tech-use-in-schools" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-16 w-16" src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Align Center" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Align-Center.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Essential Conditions</a> </li> <li> <a class="flex font-500 text-18 gap-8 pb-24" href="https://iste.org/adopting-the-standards" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-16 w-16" src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Rating Star Give 1" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Rating-Star-Give-1.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Adopting the Standards</a> </li> </ul></li> </ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="&lt;a href=&quot;https://iste.org/learning-library&quot;&gt;Learning Library&lt;/a&gt;" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/learning-library">Learning Library</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/books" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Book Close 2" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Book-Close-2.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Books</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/blog" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Newspaper" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Newspaper.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Blog Posts</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/topic-guides" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Compass 1 Alternate" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Compass-1-Alternate.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Topic Guides</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/podcasts" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Social Music Podcast" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Social-Music-Podcast_2023-05-10-212316_hkvl.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Podcasts</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/webinars" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Video Player Laptop" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Video-Player-Laptop.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Webinars</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/learning-library/journals" data-component="SiteHeaderDesktop_MenuItem"> <img class="h-24 w-24" src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" alt="Content Pen" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Content-Pen.svg?ar=1%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=16&amp;q=80&amp;w=16" loading="lazy" sizes="auto" style="aspect-ratio: 1;"> Journals</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="&lt;a href=&quot;https://iste.org/professional-development&quot;&gt;Professional Development&lt;/a&gt;" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/professional-development">Professional Development</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/iste-u" data-component="SiteHeaderDesktop_MenuItem">ISTE U</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/professional-credentials" data-component="SiteHeaderDesktop_MenuItem">Certifications</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/school-partners" data-component="SiteHeaderDesktop_MenuItem">School Partners</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/career-development" data-component="SiteHeaderDesktop_MenuItem">Career Development</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="&lt;a href=&quot;https://iste.org/events&quot;&gt;Events&lt;/a&gt;" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/events">Events</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://conference.iste.org/2025" data-component="SiteHeaderDesktop_MenuItem">ISTELive 25</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://event.ascd.org/2025/" data-component="SiteHeaderDesktop_MenuItem">2025 ASCD Annual Conference</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://conference.iste.org/2023/program/leadership_exchange.php" data-component="SiteHeaderDesktop_MenuItem">Leadership Exchange</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://conference.iste.org/2024/exhibitors/solutions_summit.php" data-component="SiteHeaderDesktop_MenuItem">Solutions Summit</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> <li class="border-b border-green-300"> <details class="group/site-header-mobile-details" data-action="details#toggle" data-component="SiteHeaderMobile_Menu" data-controller="details"> <summary aria-label="&lt;a href=&quot;https://iste.org/edtech-providers&quot;&gt;Edtech Providers&lt;/a&gt;" class="flex font-500 gap-sm-12-2xl-24 items-center text-body-2xl group/site-header-mobile-summary py-sm-16-2xl-32" > <div class="flex-grow pt-sm-2-2xl-12"><a href="https://iste.org/edtech-providers">Edtech Providers</a></div> <div class="aspect-square bg-blue-500 h-sm-24-2xl-48 inline-flex items-center justify-center -rotate-90 rounded-full text-white transition group-open/site-header-mobile-details:-rotate-180" > <svg class="h-20 w-20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-down"> <path d="M8 10.6a1 1 0 0 1-.7-.3L4.16 7.02a.6.6 0 1 1 .88-.82l2.82 2.97a.2.2 0 0 0 .28 0l2.82-2.97a.6.6 0 0 1 .88.82L8.72 10.3a1.02 1.02 0 0 1-.72.3Z" fill="currentColor" /> </svg> </div> </summary> <div class="flex gap-sm-12-2xl-24 px-sm-20-2xl-24 py-sm-16-2xl-32"> <div class="flex-grow py-sm-6-2xl-12 text-body-lg"><div class="space-y-48"><ul> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/iste-seal" data-component="SiteHeaderDesktop_MenuItem">ISTE Seal</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/edtech-index" data-component="SiteHeaderDesktop_MenuItem">EdTech Index</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/solutions-network" data-component="SiteHeaderDesktop_MenuItem">Solutions Network</a> </li> <li> <a class="flex font-500 gap-16 pt-24 border-b border-green-300 pb-24 text-22" href="https://iste.org/sponsorship-advertising" data-component="SiteHeaderDesktop_MenuItem">Sponsorship & Advertising</a> </li> </ul><ul></ul></div></div> <div class="w-sm-24-2xl-48"> </div> </div> </details> </li> </ul> </div> <div class="flex justify-center overflow-x-auto px-20"> <ul class="flex"> <li> <a class="block border-y-4 px-12 py-8 border-b-blue-500 border-t-transparent transition-colors" href="/" data-component="SiteHeaderMobile_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 36 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="iste-utility-nav"> <g clip-path="url(#clippath-iste-utility-nav-a)"> <path d="M.42 6.34v9.12c1.05.61 2.17 1.17 3.33 1.61V6.34H.42Z" fill="#00274D" /> <path d="M11.95 19.08c-.48.35-.86.49-1.47.66a8.35 8.35 0 0 1-4.8-.23 6.26 6.26 0 0 1-1.93-1.1v1.25H.42v-3.44a23.18 23.18 0 0 0 11.53 2.86ZM17.94 18.28l-.78.2v1.18h3.32V17.5c-.83.3-1.68.57-2.54.78ZM27.29 16.91v-2.76h5.7v-2.58h-3.46a20.83 20.83 0 0 1-5.44 4.24v3.85h9.58V16.9h-6.38ZM33.2 6.34c-.49.94-1.02 1.85-1.63 2.7h1.74v-2.7h-.11Z" fill="#B7C726" /> <path d="M32.1 6.34a26.62 26.62 0 0 1-1.55 2.71h-3.26v2.52h1.24a20.32 20.32 0 0 1-4.44 3.67V9.1h-3.61l.01 7.95c-.83.38-1.59.6-2.45.84l-.89.22.01-9.01h-3.88v-.84L11.77 9.8a3 3 0 0 0-1.12-.84 3.2 3.2 0 0 0-2-.25c-.22.04-.43.11-.6.22-.19.1-.34.24-.46.41-.13.17-.19.39-.19.65 0 .23.05.41.15.56.1.15.24.29.42.4.19.11.41.21.67.3a46.43 46.43 0 0 1 2.33.8c.5.18.96.42 1.38.72.41.3.75.68 1.03 1.12.27.45.4 1 .4 1.67 0 .76-.14 1.42-.43 1.98-.26.5-.42.75-.83 1.1-.81 0-1.87-.07-2.7-.15-2.02-.2-3.77-.59-5.58-1.25l1.32-1.3a4 4 0 0 0 1.33 1 3.7 3.7 0 0 0 2.35.33c.24-.05.44-.13.62-.24a1.25 1.25 0 0 0 .57-1.13c0-.25-.07-.47-.2-.64a1.89 1.89 0 0 0-.55-.48 4.52 4.52 0 0 0-.9-.4c-.35-.12-.75-.25-1.2-.38-.44-.14-.87-.3-1.3-.5-.41-.18-.79-.42-1.12-.72-.33-.3-.6-.65-.8-1.07-.2-.42-.3-.93-.3-1.53a3.7 3.7 0 0 1 1.7-3.2c.5-.34 1.07-.59 1.7-.74a7.31 7.31 0 0 1 5.82.94v-.84H32.1ZM33.98 19a.66.66 0 0 1 .21-.48.76.76 0 0 1 .51-.2c.1 0 .2 0 .28.05.08.03.16.08.23.15a.67.67 0 0 1 0 .97.73.73 0 0 1-.78.15.71.71 0 0 1-.39-.37.66.66 0 0 1-.06-.27Zm.12 0c0 .08.01.16.04.23a.6.6 0 0 0 .56.36.6.6 0 0 0 .43-.17.6.6 0 0 0 .17-.42.57.57 0 0 0-.17-.41.6.6 0 0 0-.43-.17.6.6 0 0 0-.56.35.56.56 0 0 0-.04.23Zm.32-.4h.29l.1.02c.04 0 .07.02.1.04a.2.2 0 0 1 .1.18c0 .06-.02.1-.05.14a.26.26 0 0 1-.14.07l.22.34h-.18l-.19-.33h-.1v.33h-.15v-.78Zm.26.35c.05 0 .09 0 .13-.02.03-.02.05-.05.05-.1 0-.04-.02-.07-.05-.08a.26.26 0 0 0-.1-.02h-.14v.22h.12Z" fill="#00274D" /> </g> <defs> <clipPath id="clippath-iste-utility-nav-a"> <path fill="#fff" transform="translate(.42 6)" d="M0 0h35v14H0z" /> </clipPath> </defs> </svg> <span class="sr-only">Homepage</span></a> </li> <li> <a class="block border-y-4 px-12 py-8 border-transparent" href="https://www.ascd.org/" data-component="SiteHeaderMobile_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 56 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="ascd-mobile-nav"> <path d="M24.02 15.36c.9 0 1.66-.8 1.66-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.76 1.8 1.67 1.8Zm1.66-6.08h2.74v8.6h-2.74v-.98a2.61 2.61 0 0 1-2.22 1.14c-1.98 0-3.9-1.7-3.9-4.48 0-2.79 1.93-4.5 3.9-4.5.81 0 1.72.39 2.22 1.14v-.92ZM31.43 14.4c-2.5-.74-2.47-2.27-2.47-2.9 0-1.3 1.48-2.57 3.26-2.57 1.69 0 3.53.74 3.51 2.97h-2.56c0-.53-.29-.77-.8-.77-.35 0-.68.15-.68.48 0 .22.1.42.6.55l1.43.43c2.07.59 2.24 2.04 2.24 2.6 0 1.9-1.93 2.73-3.63 2.73s-3.5-1.07-3.5-3.05h2.57c0 .37.25.89.93.89.45 0 .84-.22.84-.57 0-.26-.14-.33-.72-.5l-1.02-.3ZM44.35 15.8a4.12 4.12 0 0 1-3.54 2.12 4.35 4.35 0 0 1-4.46-4.48c0-2.73 2.07-4.5 4.46-4.5 1.55 0 2.73.84 3.53 2.12L42.1 12.5c-.3-.52-.8-.85-1.41-.85-.91 0-1.67.81-1.67 1.79 0 .97.76 1.79 1.67 1.79.57 0 1.07-.32 1.37-.8l2.3 1.37Z" fill="#00274D" /> <path d="M48.8 15.24c.9 0 1.66-.81 1.66-1.79 0-.97-.75-1.78-1.66-1.78-.91 0-1.67.8-1.67 1.78s.76 1.79 1.67 1.79Zm1.66-8.86h2.74v11.37h-2.58V16.5c-.47 1.02-1.5 1.4-2.38 1.4-1.98 0-3.9-1.7-3.9-4.48 0-2.78 1.93-4.5 3.9-4.5.97 0 1.7.4 2.22 1.02V6.38Z" fill="#00274D" /> <path opacity=".7" d="M15.28 12.44h-4.23v3.02h4.23v-3.02Z" fill="#00274D" /> <path d="M15.28 7.9h-4.23v4.54h4.23V7.91ZM15.28 15.46h-4.23V20h4.23v-4.54Z" fill="#00274D" /> <path opacity=".7" d="M11.05 7.9h-4.7v4.54h4.7V7.91ZM11.05 15.46h-4.7V20h4.7v-4.54Z" fill="#00274D" /> <path d="M4.94 13.95c0-.83.63-1.51 1.41-1.51V7.9C3.23 7.9.71 10.61.71 13.95S3.23 20 6.35 20v-4.54c-.78 0-1.4-.67-1.4-1.5ZM9.18 0h-6.1l12.2 6.54S15.28 0 9.18 0Z" fill="#00274D" /> <path opacity=".7" d="M3.08 0s0 6.54 6.1 6.54h6.1L3.08 0Z" fill="#00274D" /> <path d="M54.86 6.32c.47 0 .85.42.85.93 0 .5-.38.92-.85.92-.48 0-.85-.41-.85-.92s.37-.93.85-.93Zm0 1.69c.4 0 .7-.34.7-.76s-.3-.77-.7-.77c-.4 0-.7.35-.7.77 0 .42.3.76.7.76Zm.13-.63c.13-.04.19-.16.19-.29 0-.15-.1-.3-.28-.3h-.33v.92h.16V7.4h.06l.21.32h.2l-.2-.33h-.01Zm-.1-.41c.08 0 .12.06.12.12 0 .07-.05.13-.12.13h-.16v-.25h.17Z" fill="#00274D" /> </svg> <span class="sr-only">ASCD</span></a> </li> <li> <a class="block border-y-4 px-12 py-8 border-transparent" href="https://www.edsurge.com/" data-component="SiteHeaderMobile_ExternalLink"> <svg class="h-20 w-auto" viewBox="0 0 60 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="edsurge-mobile-nav"> <path d="M14.47 19.5c0 .29-.25.5-.5.5H1.2c-.25 0-.5-.25-.5-.5V6.5c0-.25.25-.51.5-.51h12.72c.29 0 .54.26.54.51v12.98ZM3 17.23l6.8-3.35s.25-.17.25-.3c0-.12-.08-.2-.08-.2l-1.05-.94s-.08-.09-.08-.17c0-.08.08-.21.08-.21l3.21-3.52L5.6 12.1s-.25.17-.25.3c0 .13.08.21.08.21l1.04.93s.08.09.08.17c0 .09-.08.21-.08.21L3 17.25Zm14.64-.42V9.1h5.7v1.48H19.3v1.57h3.55v1.49H19.3v1.6h4.09v1.5h-5.75v.08Zm10.59 0v-.85c-.42.55-.96.98-1.8.98-1.33 0-2.62-1.06-2.62-3.06v-.04c0-1.95 1.25-3.05 2.62-3.05.88 0 1.42.42 1.8.89V8.76h1.67v8.02h-1.67v.04Zm.04-2.97c0-.98-.63-1.61-1.42-1.61-.75 0-1.42.63-1.42 1.6v.05c0 .98.67 1.61 1.42 1.61.8 0 1.42-.67 1.42-1.65Zm5.38 3.05c-1.13 0-2.3-.42-3.21-1.23l1-1.19c.66.56 1.37.94 2.25.94.67 0 1.08-.26 1.08-.72v-.04c0-.43-.25-.64-1.54-.98-1.54-.38-2.5-.8-2.5-2.34v-.04c0-1.4 1.08-2.33 2.62-2.33 1.09 0 2.05.34 2.8.98l-.88 1.27a3.58 3.58 0 0 0-1.96-.76c-.62 0-.96.3-.96.67v.05c0 .5.34.67 1.63 1.01 1.54.43 2.38.98 2.38 2.3v.04c.08 1.52-1.09 2.37-2.71 2.37Zm7.13-.08v-.85c-.38.5-.88.93-1.71.93-1.25 0-1.96-.85-1.96-2.2v-3.82h1.63v3.27c0 .8.37 1.18 1 1.18.62 0 1.04-.42 1.04-1.18v-3.27h1.62v5.9h-1.62v.04Zm6.09-4.29c-1.09 0-1.75.68-1.75 2.08v2.17h-1.63v-5.86h1.63v1.19c.33-.8.87-1.36 1.83-1.32v1.74h-.08Zm3.16 6.03c-.95 0-1.83-.21-2.54-.64l.54-1.27c.59.34 1.17.55 1.96.55 1.13 0 1.67-.55 1.67-1.61v-.3c-.5.6-1 .98-1.87.98-1.34 0-2.59-1.02-2.59-2.76v-.04c0-1.74 1.25-2.76 2.59-2.76.87 0 1.41.38 1.87.9v-.77h1.63v4.54c-.04 2.29-1.09 3.18-3.26 3.18Zm1.63-5c0-.81-.62-1.37-1.42-1.37-.79 0-1.41.56-1.41 1.36v.04c0 .81.62 1.36 1.41 1.36.8 0 1.42-.6 1.42-1.4Zm8 .88h-4.04c.17.77.67 1.15 1.42 1.15.54 0 .96-.17 1.42-.6l.96.85a2.92 2.92 0 0 1-2.38 1.1A2.93 2.93 0 0 1 54 13.9v-.04c0-1.7 1.16-3.06 2.87-3.06 1.92 0 2.84 1.53 2.84 3.18v.05c0 .17 0 .25-.04.42Zm-2.79-2.29c-.66 0-1.12.51-1.25 1.27h2.46c-.08-.76-.5-1.27-1.2-1.27Z" fill="#00274D" /> </svg> <span class="sr-only">EdSurge</span></a> </li> </ul> </div> </div> </div> </div> </details> </header> <main id="main"> <div data-component="InteriorHero"> <div class="relative px-sm-20-2xl-80 pt-32"> <div class="mx-auto max-w-1280"> <div class="flex flex-col sm:flex-row gap-sm-32-2xl-243" > <div class="flex flex-col gap-sm-32-2xl-40 items-start sm:w-1/2"> <div class="flex flex-col gap-sm-24-2xl-32"> <h1 class="font-800 text-headline-2xl [&:has(strong)]:font-500 [&_strong]:font-800"> <p>ISTE Standards: <strong>For</strong> <strong>Students</strong></p> </h1> <div class="rich-text text-body-xl"><p>Today’s students must be prepared to thrive in an evolving technological landscape. The student section of the ISTE Standards is designed to empower student voice and ensure that learning is a student-driven process. Discover ways to use the standards in the classroom with the <a href="https://iste.org/courses/introduction-to-the-iste-standards-students">ISTE Standards for Students</a> online course.</p> <p>Cite <a href="#citation">open-access research</a> about the ISTE Standards for Students.</p> <p>We have implemented a <a href="https://iste.org/blog/a-new-approach-to-updating-the-iste-standards">new approach to maintaining their currency and relevancy through regular updates</a> and you can download the latest version.</p></div> </div> </div> <div class="sm:ms-auto sm:w-1/2"> <div class="md:max-w-410"> <form class="bg-purple-50 border border-purple-500 dark:border-blue-700 dark:bg-blue-700 p-sm-24-2xl-32 rounded-12" action="action" onsubmit="sendToActivityLog(); return false;" data-component="SidebarForm"> <div class="font-800 mb-8 text-headline-sm text-blue-500 dark:text-white">Download the ISTE Standards</div> <div class="mb-24 rich-text text-body-sm text-blue-500 dark:text-white"><p>Please enter your email address, to continue and download for educational use.</p></div> <label> <span class="text-blue-500 dark:text-white">Email address</span> <input type="email" id="download-form-field" required placeholder="Email Address"> </label> <div class="mt-32"> <button type="submit" class="items-center font-900 leading-1 -tracking-0.02 flex gap-20 w-full text-16 rounded-4 px-16 py-14 transition-colors border-2 bg-blue-500 border-blue-500 text-white dark:bg-white dark:text-black dark:border-white active:bg-blue-50 focus-visible:bg-white focus-visible:border-blue-500 focus-visible:text-blue-500 hover:bg-white hover:border-blue-500 hover:text-blue-500 dark:active:bg-white/8 dark:focus-visible:bg-transparent dark:focus-visible:text-white dark:hover:bg-transparent dark:hover:text-white focus-visible:border-current hover:border-current justify-center"> <span class="block rich-text"> <div class="flex gap-8 items-center"> <svg class="h-24 w-24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="download"> <path d="M12.88 2.58a1.04 1.04 0 0 0-1.04 1.09v8.43a.2.2 0 0 1-.2.2h-1.8a.83.83 0 0 0-.59 1.43l3.04 3.05a.83.83 0 0 0 1.18 0l3.05-3.05a.83.83 0 0 0 .15-.9.83.83 0 0 0-.77-.51h-1.73a.2.2 0 0 1-.21-.21V3.67a1.04 1.04 0 0 0-1.08-1.09ZM22.3 20.33a1.04 1.04 0 0 0-1.05-1.04H3.75a1.04 1.04 0 1 0 0 2.09h17.5a1.04 1.04 0 0 0 1.04-1.05Z" fill="currentColor" /> </svg> Download </div> </span> </button> </div> </form></div> </div> </div> </div> </div> </div> <div data-component="page-builder"> <div class="space-y-sm-32-2xl-64" data-component="page-builder_PageBlocks"><div id="standards-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="StandardsPageBlock"> <article class="py-sm-48-2xl-96" data-component="Standards"> <div class="grid grid-cols-1 md:grid-cols-4 gap-sm-32-2xl-64 mx-auto max-w-1280 "> <div class="md:col-span-1"> <div class="sticky top-12 flex flex-col gap-16"> <div data-component="JumpLinks"> <details class="group/details md:hidden w-full border rounded-4 bg-purple-50 border-purple-500" data-action="details#toggle" data-component="JumpLinks_Mobile" data-controller="details"> <summary aria-label="Explore This Section" class="flex justify-between p-12 items-center group-open/details:border-b" > <span class="text-ui-sm font-700">Explore This Section</span> <svg class="w-24 h-24 transition-transform group-open/details:rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> </summary> <div class="p-12 flex flex-col gap-12 text-blue-500"> <p class="font-700"><p>The ISTE Standards</p></p> <a class="" href="https://iste.org/standards/students">1. For Students</a> <a class="" href="https://iste.org/standards/educators">2. For Educators</a> <a class="" href="https://iste.org/standards/education-leaders">3. For Education Leaders</a> <a class="" href="https://iste.org/standards/coaches">4. For Coaches</a> </div> </details> <div class="hidden md:flex mb-24 flex-col gap-12 w-full rounded-12 border bg-purple-50 border-purple-500 text-blue-500 p-16" data-component="JumpLinks_Desktop"> <p class="font-700"><p>The ISTE Standards</p></p> <a class="" href="https://iste.org/standards/students">1. For Students</a> <a class="" href="https://iste.org/standards/educators">2. For Educators</a> <a class="" href="https://iste.org/standards/education-leaders">3. For Education Leaders</a> <a class="" href="https://iste.org/standards/coaches">4. For Coaches</a> </div> </div> <div data-component="JumpLinks"> <details class="group/details md:hidden w-full border rounded-4 border-gray-500" data-action="details#toggle" data-component="JumpLinks_Mobile" data-controller="details"> <summary aria-label="Skip to Section" class="flex justify-between p-12 items-center group-open/details:border-b" > <span class="text-ui-sm font-700">Skip to Section</span> <svg class="w-24 h-24 transition-transform group-open/details:rotate-180" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> </summary> <div class="p-12 flex flex-col gap-12 text-blue-500"> <a class="text-body-md font-600 underline text-semantic-link" href="#1-1-empowered-learner">1.1 Empowered Learner</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-2-digital-citizen">1.2 Digital Citizen</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-3-knowledge-constructor">1.3 Knowledge Constructor</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-4-innovative-designer">1.4 Innovative Designer</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-5-computational-thinker">1.5 Computational Thinker</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-6-creative-communicator">1.6 Creative Communicator</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-7-global-collaborator">1.7 Global Collaborator</a> </div> </details> <div class="hidden md:flex mb-24 flex-col gap-12 w-full rounded-12" data-component="JumpLinks_Desktop"> <p class="font-700"><p>Skip to Section</p></p> <a class="text-body-md font-600 underline text-semantic-link" href="#1-1-empowered-learner">1.1 Empowered Learner</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-2-digital-citizen">1.2 Digital Citizen</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-3-knowledge-constructor">1.3 Knowledge Constructor</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-4-innovative-designer">1.4 Innovative Designer</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-5-computational-thinker">1.5 Computational Thinker</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-6-creative-communicator">1.6 Creative Communicator</a> <a class="text-body-md font-600 underline text-semantic-link" href="#1-7-global-collaborator">1.7 Global Collaborator</a> </div> </div> </div> </div> <div class="md:col-span-3 divide-teal-300 divide-y-4"> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-1-empowered-learner" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.1 Empowered Learner</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEFKX-rKzeaCzcFGoSk7XNua" target="_blank"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/Stock-Teachers_reading_to_students_1-cdc_8LITuYkZRIo.jpg?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=2394&amp;q=80&amp;w=4256" alt="Stock Teachers reading to students 1 cdc 8 LI Tu Yk ZR Io" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/Stock-Teachers_reading_to_students_1-cdc_8LITuYkZRIo.jpg?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=2394&amp;q=80&amp;w=4256" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students leverage technology to take an active role in choosing, achieving and demonstrating competency in their learning goals, informed by the learning sciences. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.1a Learning Goals" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.1a Learning Goals</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260044">set learning goals</span>, develop strategies leveraging technology to achieve them and <span class="underline glossary" data-glossary-term="term-260054">reflect on the learning process</span> to improve learning outcomes. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1410918492" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.1b Customized Learning Environments" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.1b Customized Learning Environments</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260019">build networks</span> and <span class="underline glossary" data-glossary-term="term-260001">customize</span> their <span class="underline glossary" data-glossary-term="term-260033">learning environments</span> in ways that support the learning process. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1848542073" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.1c Feedback to Improve Practice" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.1c Feedback to Improve Practice</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260065">use technology to seek feedback</span> that informs and improves their practice and to demonstrate their learning in a variety of ways. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-934531438" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.1d Technology Fundamentals" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.1d Technology Fundamentals</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students understand <span class="underline glossary" data-glossary-term="term-260067">fundamental concepts of how technology works</span>, demonstrate the ability to choose and use current technologies effectively, and are adept at thoughtfully exploring <span class="underline glossary" data-glossary-term="term-260029">emerging technologies</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-113309269" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-2-digital-citizen" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.2 Digital Citizen</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEEvj0Jo1vPupd8QgoAYgkoB"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/student-standards-screenshot1.JPG?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=633.375&amp;q=80&amp;w=1126" alt="Student standards screenshot1" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/student-standards-screenshot1.JPG?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=633.375&amp;q=80&amp;w=1126" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students recognize the responsibilities and opportunities for contributing to their digital communities. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.2.a Digital Footprint" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.2.a Digital Footprint</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students manage their <span class="underline glossary" data-glossary-term="term-260027">digital identity</span> and understand the lasting impact of their online behaviors on themselves and others and make <span class="underline glossary" data-glossary-term="term-260011">safe</span>, <span class="underline glossary" data-glossary-term="term-260002">legal</span> and <span class="underline glossary" data-glossary-term="term-260030">ethical decisions</span> in the digital world. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-845563425" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.2.b Online Interactions" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.2.b Online Interactions</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260048">demonstrate empathetic, inclusive interactions</span> online and use technology to <span class="underline glossary" data-glossary-term="term-260063">responsibly contribute to their communities</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1715662649" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.2.c Safeguard Well-being" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.2.c Safeguard Well-being</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260047">safeguard their well-being</span> by being <span class="underline glossary" data-glossary-term="term-260061">intentional about what they do</span> online and how much <span class="underline glossary" data-glossary-term="term-260052">time they spend online</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1846670" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.2.d Digital Privacy" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.2.d Digital Privacy</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students take action to <span class="underline glossary" data-glossary-term="term-260068">protect their digital privacy on devices</span> and manage their personal data and security while online. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-620707607" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-3-knowledge-constructor" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.3 Knowledge Constructor</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEFq4c68zLLPjnkjCSSFlCjo"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/student-standards-screenshot2.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=607&amp;q=80&amp;w=1080" alt="Student standards screenshot2" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/student-standards-screenshot2.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=607&amp;q=80&amp;w=1080" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students critically curate a variety of resources using digital tools to construct knowledge, produce creative artifacts and make meaningful learning experiences for themselves and others. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.3.a Effective Research Strategies" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.3.a Effective Research Strategies</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students use effective <span class="underline glossary" data-glossary-term="term-260037">research strategies</span> to find <span class="underline glossary" data-glossary-term="term-260010">resources</span> that support their learning needs, personal interests and creative pursuits. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1974267753" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.3.b Evaluate Information" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.3.b Evaluate Information</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students evaluate the <span class="underline glossary" data-glossary-term="term-259979">accuracy</span>, <span class="underline glossary" data-glossary-term="term-260013">validity</span>, <span class="underline glossary" data-glossary-term="term-259999">bias</span>, <span class="underline glossary" data-glossary-term="term-260003">origin</span>, and <span class="underline glossary" data-glossary-term="term-260009">relevance</span> of digital content. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-737617481" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.3.c Curate Information" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.3.c Curate Information</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260000">curate</span> information from digital <span class="underline glossary" data-glossary-term="term-260010">resources</span> using a <span class="underline glossary" data-glossary-term="term-260046">variety of tools</span> and methods to create <span class="underline glossary" data-glossary-term="term-260039">collections of artifacts</span> that demonstrate <span class="underline glossary" data-glossary-term="term-260050">meaningful connections or conclusions</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-473529920" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.3.d Explore Real-World Issues" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.3.d Explore Real-World Issues</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260018">build knowledge</span> by actively exploring real-world issues and problems, developing ideas and theories, and pursuing answers and solutions. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1163503886" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-4-innovative-designer" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.4 Innovative Designer</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEGNw8OUN-5Cc_dogE1Q4gqo"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/student-standards-screenshot3.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=609.75&amp;q=80&amp;w=1084" alt="Student standards screenshot3" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/student-standards-screenshot3.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=609.75&amp;q=80&amp;w=1084" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students use a variety of technologies within a design process to identify and solve problems by creating new, useful or imaginative solutions. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.4.a Design Process" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.4.a Design Process</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students know and use a deliberate <span class="underline glossary" data-glossary-term="term-260026">design process</span> for generating ideas, testing theories, creating <span class="underline glossary" data-glossary-term="term-260031">innovative artifacts</span> or solving <span class="underline glossary" data-glossary-term="term-260017">authentic problems</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1937319787" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.4.b Design Constraints" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.4.b Design Constraints</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students select and use <span class="underline glossary" data-glossary-term="term-260028">digital tools</span> to plan and manage a <span class="underline glossary" data-glossary-term="term-260026">design process</span> that considers <span class="underline glossary" data-glossary-term="term-260025">design constraints</span> and <span class="underline glossary" data-glossary-term="term-260020">calculated risks</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1143981357" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.4.c Prototypes" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.4.c Prototypes</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students develop, test and refine <span class="underline glossary" data-glossary-term="term-260006">prototypes</span> as part of a <span class="underline glossary" data-glossary-term="term-260040">cyclical design process</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-556117159" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.4.d Open-Ended Problems" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.4.d Open-Ended Problems</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students exhibit a <span class="underline glossary" data-glossary-term="term-260045">tolerance for ambiguity</span>, <span class="underline glossary" data-glossary-term="term-260004">perseverance</span> and the capacity to work with <span class="underline glossary" data-glossary-term="term-260034">open-ended problems</span> <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1392100760" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-5-computational-thinker" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.5 Computational Thinker</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEGd2tHcHi8TjRkkk6XL2W3G"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/student-standards-screenshot4.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=603&amp;q=80&amp;w=1072" alt="Student standards screenshot4" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/student-standards-screenshot4.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=603&amp;q=80&amp;w=1072" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students develop and employ strategies for understanding and solving problems in ways that leverage the power of technological methods to develop and test solutions. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.5.a Problem Definitions" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.5.a Problem Definitions</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260042">formulate problem definitions</span> suited for <span class="underline glossary" data-glossary-term="term-260036">technology-assisted methods</span> such as data analysis, <span class="underline glossary" data-glossary-term="term-260014">abstract models</span> and <span class="underline glossary" data-glossary-term="term-260016">algorithmic thinking</span> in exploring and finding solutions. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1078568410" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.5.b Data Sets" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.5.b Data Sets</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260022">collect data</span> or <span class="underline glossary" data-glossary-term="term-260049">identify relevant data sets</span>, use <span class="underline glossary" data-glossary-term="term-260028">digital tools</span> to <span class="underline glossary" data-glossary-term="term-259997">analyze</span> them and <span class="underline glossary" data-glossary-term="term-260035">represent data</span> in various ways to facilitate problem-solving and decision-making. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1898111606" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.5.c Decompose Problems" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.5.c Decompose Problems</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260056">break problems into component parts</span>, <span class="underline glossary" data-glossary-term="term-260041">extract key information</span> and develop <span class="underline glossary" data-glossary-term="term-260024">descriptive models</span> to understand complex systems or facilitate problem-solving. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1398483473" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.5.d Algorithmic Thinking" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.5.d Algorithmic Thinking</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students understand how <span class="underline glossary" data-glossary-term="term-259998">automation</span> works and use <span class="underline glossary" data-glossary-term="term-260016">algorithmic thinking</span> to develop a <span class="underline glossary" data-glossary-term="term-260043">sequence of steps</span> to create and test automated solutions. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-530273967" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-6-creative-communicator" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.6 Creative Communicator</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEGwvJdR-0FHjCAv1dbmlMRe"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/student-standards-screenshot5.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=601&amp;q=80&amp;w=1069" alt="Student standards screenshot5" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/student-standards-screenshot5.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=601&amp;q=80&amp;w=1069" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students communicate clearly and express themselves creatively for a variety of purposes using the platforms, tools, styles, formats and digital media appropriate to their goals. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.6.a Choose Platforms or Tools" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.6.a Choose Platforms or Tools</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students choose the appropriate <span class="underline glossary" data-glossary-term="term-260005">platforms</span> and <span class="underline glossary" data-glossary-term="term-260028">digital tools</span> for meeting the desired objectives of their creation or communication. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1034709781" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.6.b Original and Remixed Works" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.6.b Original and Remixed Works</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students create original works or <span class="underline glossary" data-glossary-term="term-260051">responsibly repurpose or remix</span> digital <span class="underline glossary" data-glossary-term="term-260010">resources</span> into new creations. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-634094268" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.6.c Communicate Complex Ideas" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.6.c Communicate Complex Ideas</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students use <span class="underline glossary" data-glossary-term="term-260028">digital tools</span> to <span class="underline glossary" data-glossary-term="term-260053">visually communicate complex ideas</span> to others. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1233901107" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.6.d Customize the Message" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.6.d Customize the Message</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students publish or present content that customizes the message and medium for their intended audiences. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-99858792" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> <div class="py-32 first:pt-0" data-component="StandardsItem"> <h2 id="1-7-global-collaborator" class="text-headline-lg font-800 mb-sm-16-2xl-24 max-md:scroll-mt-mobile-header">1.7 Global Collaborator</h2> <div class="grid md:grid-cols-2 gap-16 md:gap-4"> <div class="space-y-16"> <a href="https://www.youtube.com/playlist?list=PL6aVN_9hcQEEwL0CNYM-Pe_npg3DNUHMg"> <div class="group/video w-full aspect-video grid justify-center items-center relative" data-component="Video"> <div class="aspect-square bg-white drop-shadow-button-rest w-72 z-10 group-active/video:drop-shadow-button-pressed inline-flex items-center justify-center rounded-full text-blue-500 transition-colors active:bg-teal-200 focus-visible:bg-teal-100 focus-visible:text-iste-blue-500 hover:text-iste-blue-500 hover:bg-teal-100" data-component="Video_playButton"><span class="sr-only">play video</span><svg class="h-1/4 ml-[8%]" viewBox="0 0 4 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play"><path d="M3.74447 3.02237C3.81109 3.07025 3.81109 3.16937 3.74447 3.21726L0.230075 5.74323C0.150687 5.80029 0.0400391 5.74355 0.0400391 5.64578L0.0400393 0.593845C0.0400393 0.496078 0.150688 0.439343 0.230076 0.496403L3.74447 3.02237Z" fill="currentColor"/></svg></div> <img class="absolute inset-0 rounded-12" src="https://iste-prod.imgix.net/student-standards-screenshot6.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=606.9375&amp;q=80&amp;w=1079" alt="Student standards screenshot6" data-component="Image_Img" ix-src="https://iste-prod.imgix.net/student-standards-screenshot6.png?ar=1.7777777777778%3A1&amp;auto=compress%2Cformat&amp;crop=focalpoint&amp;fit=crop&amp;fp-x=0.5&amp;fp-y=0.5&amp;h=606.9375&amp;q=80&amp;w=1079" loading="lazy" sizes="auto" style="aspect-ratio: 1.7777777777778;"> </div> </a> <div class="rich-text text-body-lg"> Students use digital tools to broaden their perspectives and enrich their learning by collaborating with others and working effectively in teams locally and globally. </div> </div> <div> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.7.a Global Connections" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.7.a Global Connections</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students use <span class="underline glossary" data-glossary-term="term-260066">digital tools to connect with peers</span> from a variety of backgrounds recognizing diverse viewpoints and <span class="underline glossary" data-glossary-term="term-260038">broadening mutual understanding</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-643011877" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.7.b Multiple Viewpoints" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.7.b Multiple Viewpoints</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students use <span class="underline glossary" data-glossary-term="term-260021">collaborative technologies</span> to work with others, including peers, experts and community members, to examine issues and problems from multiple viewpoints. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-324884494" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.7.c Project Teams" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.7.c Project Teams</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260023">contribute constructively</span> to project teams, <span class="underline glossary" data-glossary-term="term-260055">assuming various roles and responsibilities</span> to work effectively toward a common goal. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1247893539" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> <details class="group/details border-b" data-action="details#toggle" data-controller="details" > <summary aria-label="1.7.d Local and Global Issues" class="flex group/summary p-sm-12-2xl-16 cursor-pointer" > <svg class="w-24 h-24 me-12 transition-transform group-open/details:rotate-180 shrink-0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="chevron-end"><path d="M12 15.897a1.486 1.486 0 0 1-1.055-.437l-4.698-4.94a.901.901 0 0 1 1.306-1.24l4.23 4.455a.3.3 0 0 0 .434 0l4.23-4.455a.9.9 0 0 1 1.306 1.24l-4.673 4.928a1.526 1.526 0 0 1-1.08.45Z" fill="currentColor"/></svg> <h2 class="flex gap-8 text-headline-xs"> <span class="font-800 transition-colors group-focus-visible/summary:text-semantic-link group-hover/summary:text-semantic-link">1.7.d Local and Global Issues</span> </h2> </summary> <div class="rich-text ms-sm-48-2xl-56 m-sm-12-2xl-16"> Students <span class="underline glossary" data-glossary-term="term-260059">explore local and global issues</span>, and use <span class="underline glossary" data-glossary-term="term-260021">collaborative technologies</span> to work with others to <span class="underline glossary" data-glossary-term="term-260032">investigate solutions</span>. <button type="button" class="flex items-center gap-8 text-black mt-16 transition-colors focus-visible:text-semantic-link hover:text-semantic-link" data-controller="modal" data-modal-id-value="modal-1136158271" data-modal-intent-value="video" data-action="modal#show"> <svg class="w-16 h-16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 17.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z" fill="currentColor"/><path d="m15.529 11.06-4.162-2.916a.821.821 0 0 0-.46-.144c-.161 0-.32.05-.46.144a1.022 1.022 0 0 0-.327.398c-.078.164-.12.35-.12.54v5.829c0 .195.045.387.128.554.083.168.203.306.345.399.14.089.296.135.454.136a.784.784 0 0 0 .467-.152l4.161-2.915c.136-.096.248-.233.326-.398.078-.164.119-.35.119-.539 0-.189-.041-.375-.119-.539a1.022 1.022 0 0 0-.326-.398h-.026Z" fill="currentColor"/></svg> <span class="font-700">Watch Video</span> </button> </div> </details> </div> </div> </div> </div> </div> </article></div> <div id="glossary-terms" style="display: none;"><div id="term-260054"><div class="rich-text p-16"><p>Individuals analyze and evaluate their learning experience and outcomes; synthesizing key adjustments or changes needed or desired.</p></div></div><div id="term-260044"><div class="rich-text p-16"><p>Age-appropriate opportunities for students to personalize and track their goals for learning.</p></div></div><div id="term-260033"><div class="rich-text p-16"><p>Local, physical and online environments, both formal and informal.</p></div></div><div id="term-260019"><div class="rich-text p-16"><p>Enrich learning by making online connections with other learners and experts for personal or academic interests, for example, via social media, connecting through email, video conferencing, digital pen pals, etc.</p></div></div><div id="term-260001"><div class="rich-text p-16"><p>Choosing and making changes to meet Universal Design for Learning, and accessibility, for example, by using audio, video, dynamic glossaries, highlighting, note taking, voice command, text to speech, social bookmarking, cloud collaboration tools.</p></div></div><div id="term-260065"><div class="rich-text p-16"><p>Seek digital feedback, for example, via spell-check and grammar-check tools, online search, learning analytics programs that measure how time is spent on a problem or identify specific challenge areas, or human feedback via collaborative spaces, reaching out to experts for input.</p></div></div><div id="term-260067"><div class="rich-text p-16"><p>Basic knowledge of how to use devices and software applications.</p></div></div><div id="term-260029"><div class="rich-text p-16"><p>New digital tools and technologies that have potential to enhance the learning process.</p></div></div><div id="term-260030"><div class="rich-text p-16"><p>Choices that align with one’s moral code, for example, preventing or not engaging in cyberbullying, trolling, or scamming; avoiding plagiarism; supporting others’ positive digital identity.</p></div></div><div id="term-260027"><div class="rich-text p-16"><p>How an individual is represented online in the public domain, based on activities, connections or tagging, for example, social media posts, photos, public online comments/reviews, awareness and monitoring of how others are depicting you online.</p></div></div><div id="term-260011"><div class="rich-text p-16"><p>Choices that keep you out of harm’s way, for example, knowing the identity of who you are interacting with; how much and what kind information you release online; protecting yourself from scams, phishing schemes and poor purchasing practices (e-commerce theft).</p></div></div><div id="term-260002"><div class="rich-text p-16"><p>Choices that are mindful of the law, for example, abiding by copyright and fair use, respecting network protections by not hacking them, and not using another’s identity.</p></div></div><div id="term-260063"><div class="rich-text p-16"><p>Understand where and how technology tools can be used for the common good that serve a community (e.g., online community, school community, or community at large).</p></div></div><div id="term-260048"><div class="rich-text p-16"><p>Understand and being sensitve to others' feelings, respectful to others, and being open to hearing and recognizing multiple view points.</p></div></div><div id="term-260061"><div class="rich-text p-16"><p>Awareness of purpose and quality of activities online and potential for offline alternatives.</p></div></div><div id="term-260052"><div class="rich-text p-16"><p>Being aware of time online (e.g., using built-in apps that track time) and how to prioritize time between virtual and physical activities.</p></div></div><div id="term-260047"><div class="rich-text p-16"><p>Self-awareness of physical, emotional, and mental health and taking actions to maintain balance.</p></div></div><div id="term-260068"><div class="rich-text p-16"><p>Awareness of opt-in functionality on smart devices or apps that expose personal data (e.g. GPS cell phone location, website cookies, searches, website analytics, consumer behavior, etc.) and use settings to establish personal level of privacy.</p></div></div><div id="term-260037"><div class="rich-text p-16"><p>For example, using multiple sources (digital, online, print, etc.), using library databases and catalogues, using advanced tools and criteria for online searches, CRAAP testing, using online bookmarking tools, and using online note-taking tools.</p></div></div><div id="term-260010"><div class="rich-text p-16"><p>For example, research or other data, digital assets and media such as photos, clip art, videos, or audio clips.</p></div></div><div id="term-260013"><div class="rich-text p-16"><p>Extent to which a concept, conclusion, or measurement is well-founded and likely corresponds accurately to the real world.</p></div></div><div id="term-260009"><div class="rich-text p-16"><p>Does the source meet your needs? Does it have the information you are looking for?</p></div></div><div id="term-260003"><div class="rich-text p-16"><p>Is the content a primary source or summary, quote, or opinion of primary source?</p></div></div><div id="term-259999"><div class="rich-text p-16"><p>Reviewing who published the resource and what are their credentials? How objective is the author and how reliable is the publication source? For clues, look at the domain name, affiliation, mission, and vision.</p></div></div><div id="term-259979"><div class="rich-text p-16"><p>When was resource last updated or copyrighted (i.e., is it current?); sources of information; links to other valid sources; factual correctness; URL cross-check on databases; use of .com, .org, .edu, etc.</p></div></div><div id="term-260050"><div class="rich-text p-16"><p>Learning that reflects a theme, proves a thesis or builds knowledge around an authentic topic.</p></div></div><div id="term-260046"><div class="rich-text p-16"><p>For example, note taking, outlining, citation and annotation tools, aggregating apps/platforms.</p></div></div><div id="term-260039"><div class="rich-text p-16"><p>For example, portfolio, multimedia presentation, paper, project, video, demonstration, etc.</p></div></div><div id="term-260000"><div class="rich-text p-16"><p>To gather, select and categorize resources into themes in ways that are coherent and shareable.</p></div></div><div id="term-260018"><div class="rich-text p-16"><p>Construct and expand understanding and perspective on a topic or idea.</p></div></div><div id="term-260031"><div class="rich-text p-16"><p>Artifacts created by new methods, original thinking or improvements to an existing artifact. For example, 3D printed artifacts, computer programs, robotics, simulations, virtual representations, prototypes, etc.</p></div></div><div id="term-260026"><div class="rich-text p-16"><p>A methodology for problem-solving; a series of steps used to solve a problem and design a solution. For example, human-centered design process, project-based learning, engineering design processes, scientific method.</p></div></div><div id="term-260017"><div class="rich-text p-16"><p>Real-world problems, for example, design challenges, science explorations, philosophical questions, service learning projects, social issues (recycling, composting, pollution, hunger, poverty).</p></div></div><div id="term-260028"><div class="rich-text p-16"><p>For example, brainstorming tools, flow charts, drawing or mark-up tools, 2D or 3D design software, note-taking tools, project-management tools.</p></div></div><div id="term-260025"><div class="rich-text p-16"><p>For example, time, money, expertise, materials, conditions and potential obstacles.</p></div></div><div id="term-260020"><div class="rich-text p-16"><p>A decision made after careful estimation of the probable outcome.</p></div></div><div id="term-260040"><div class="rich-text p-16"><p>An iterative process of testing, reflection, refinement, etc. For example, alpha and beta testing.</p></div></div><div id="term-260006"><div class="rich-text p-16"><p>A first or preliminary model of something from which other versions are developed or copied.</p></div></div><div id="term-260045"><div class="rich-text p-16"><p>Comfort with the unknown or uncertainty.</p></div></div><div id="term-260034"><div class="rich-text p-16"><p>Problems that have many or undefined solutions.</p></div></div><div id="term-260004"><div class="rich-text p-16"><p>Continued effort in the face of obstacles and/or uncertain outcomes.</p></div></div><div id="term-260042"><div class="rich-text p-16"><p>Create and articulate a precise and thorough description of an open-ended problem that uses data and algorithms to solve it.</p></div></div><div id="term-260036"><div class="rich-text p-16"><p>Computing power that can automate or complete complex calculations.</p></div></div><div id="term-260016"><div class="rich-text p-16"><p>The ability to develop precise instructions or sequences that form the basis for algorithms (e.g., flow charts, decision trees, graphic organizers, etc.) .</p></div></div><div id="term-260014"><div class="rich-text p-16"><p>Representation of a relationship, concept or structure that reduces complexity.</p></div></div><div id="term-260049"><div class="rich-text p-16"><p>Could be big data, public access information, or private databases, for example, population or global food source databases, public data streams from weather satellites.</p></div></div><div id="term-260035"><div class="rich-text p-16"><p>Represent data</p></div></div><div id="term-260022"><div class="rich-text p-16"><p>Data can be numerical, text, audio, videos, images or symbols that can be collected via survey, experiments, observation, interviews, physical measurements, etc.</p></div></div><div id="term-259997"><div class="rich-text p-16"><p>Making sense of data, identifying patterns and drawing conclusions, for example, using databases, visualization tools, analytics, mapping software, text-analysis software.</p></div></div><div id="term-260056"><div class="rich-text p-16"><p>Decomposing a problem into a series of questions, smaller categories that can help find patterns.</p></div></div><div id="term-260041"><div class="rich-text p-16"><p>Ability to filter out unnecessary information to focus on information to help solve problems.</p></div></div><div id="term-260024"><div class="rich-text p-16"><p>For example, concept maps, mindmaps, flowcharts, decision trees or prototypes that may illustrate sequence or relationship between concepts.</p></div></div><div id="term-260043"><div class="rich-text p-16"><p>A series of ordered steps taken to solve a problem or achieve some end; an algorithm, for example, as part of computer programming, including coding.</p></div></div><div id="term-259998"><div class="rich-text p-16"><p>Having computers or machines do repetitive or tedious tasks.</p></div></div><div id="term-260005"><div class="rich-text p-16"><p>Mode of delivery, e.g. a blog, video, slide deck presentation, digital poster, social media site, podcast, website, or other online tool.</p></div></div><div id="term-260051"><div class="rich-text p-16"><p>Changing the way something was originally used or combining original assets in a unique way and, as needed, seeking permission to use content from the author/creator and using proper attributions.</p></div></div><div id="term-260053"><div class="rich-text p-16"><p>Deconstruct information and/or data and synthesize so it is simplified; for example, models, simulations, infographics, word clouds, interactive charts and graphs, etc.</p></div></div><div id="term-260066"><div class="rich-text p-16"><p>Use tools, such as video conferencing, chats, virtual field trips, multi-player online games, email and social media, to connect with other students from around the world.</p></div></div><div id="term-260038"><div class="rich-text p-16"><p>Connected global learners know how to respectfully reach out and work with others from different cultures to meet specific learning objectives, for example, engaging with digital pen pals, telecollaborative global projects, social action projects, translation software/apps, synchronous/asynchronous collaborative platforms, open educational resources, and school global partnerships.</p></div></div><div id="term-260021"><div class="rich-text p-16"><p>Applications that facilitate teamwork and collaboration between students and experts around the globe (e.g., for example, knowledge sharing tools, videoconferencing, digital project spaces/sites, chats, collaborative schedulers).</p></div></div><div id="term-260055"><div class="rich-text p-16"><p>Practice communication skills by experiencing different roles, for example, team lead, subject-matter expert, beta tester, timekeeper, notetaker or scheduler.</p></div></div><div id="term-260023"><div class="rich-text p-16"><p>Facilitate or engage in collegial feedback, manage timelines and scope of project, engage team decision making, contribute in ways that are measurable.</p></div></div><div id="term-260059"><div class="rich-text p-16"><p>Examples include virtual field trips, research projects, e-pals and action projects using digital tools.</p></div></div><div id="term-260032"><div class="rich-text p-16"><p>The ability to address and potentially solve significant problems in students’ communities and around the world, both independently and in collaboration with others.</p></div></div></div> </div><div id="richtext-1" class="max-md:scroll-mt-mobile-header"> <div class="" data-component="Richtext"><div class="text-blue-500"><div class="max-w-1280 mx-auto"><div id="element-1959162331" class="max-w-846 rich-text text-body-lg next-to-jump-links:max-w-none mx-auto" style="color: ;"><a name="citation" id="citation"></a></div></div></div></div> </div><div id="text-with-aside-1" class="max-md:scroll-mt-mobile-header"> <div class="px-page-block-gutter" data-component="TextWithAsideBlock"> <article class="" data-component="TextWithAside"><div class=""> <div class="max-w-1280 mx-auto w-full"> <div class="flex flex-col gap-sm-24-2xl-40 items-start"> <div class="flex flex-col gap-sm-12-2xl-24 items-start"> <div class="rich-text text-body-lg"><h4>Citation and Copyright</h4> <p>Crompton, H., Burke, D. The Nexus of ISTE Standards and Academic Progress: A Mapping Analysis of Empirical Studies. <em>TechTrends</em> (2024). <a target="_blank" href="https://doi.org/10.1007/s11528-024-00973-y" rel="noreferrer noopener">https://doi.org/10.1007/s11528-024-00973-y</a></p> <p>ISTE Standards © 2024 4.01, ISTE (International Society for Technology in Education), iste.org. All rights reserved.</p> <p>Visit the <a href="https://iste.org/permissions-licensing">Permissions &amp; Licensing</a> page for more information.</p></div> </div> </div> </div> </div></article> </div> </div><div id="learn-more-about-the-iste-student-standards-1" class="max-md:scroll-mt-mobile-header"> <div data-component="HighlightCardGridPageBlock"> <div class="px-page-block-gutter bg-neutral py-sm-32-2xl-64" data-component="HighlightCardGrid"> <div class="max-w-1280 mx-auto space-y-sm-32-2xl-64"> <div class="" data-component="SectionHeader"> <div class="max-w-1280 mx-auto grid gap-sm-12-2xl-24 lg:grid-cols-3"> <div class="lg:col-span-3 space-y-sm-12-2xl-24"> <h2 class="rich-text font-800 text-headline-xl [&amp;:has(strong)]:font-500 [&amp;_strong]:font-800">Learn more about the ISTE Student Standards</h2> </div> </div> </div> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-sm-12-2xl-16"> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="https://iste.org/adopting-the-standards"> <span class="inline-block">Adopt the ISTE Standards</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="https://iste.org/courses/introduction-to-the-iste-standards-students"> <span class="inline-block">ISTE Standards for Students online course</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="https://my.iste.org/s/store#/store/browse/detail/a1w1U000004LpF2QAK"> <span class="inline-block">ISTE Standards for Students ebook</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="https://iste.org/educator-certification"> <span class="inline-block">ISTE Certification for Educators</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="https://iste.org/standards/computational-thinking-competencies"> <span class="inline-block">ISTE Computational Thinking Competencies</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="https://www.youtube.com/watch?v=ooTbKEnSpIY"> <span class="inline-block">ISTE Standards for Students video</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="http://info.iste.org/iste-student-standards-transform-the-classroom-poster"> <span class="inline-block">ISTE Standards for Students poster</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> <a class="border border-gray-500 flex font-800 gap-16 justify-between p-sm-16-2xl-24 rounded-12 text-headline-xs transition-colors bg-white focus-visible:bg-gray-300 hover:bg-gray-300 dark:bg-purple-50 dark:border-purple-500 dark:focus-visible:border-green-iste-700 dark:focus-visible:bg-purple-500 dark:focus-visible:text-white dark:hover:border-green-iste-700 dark:hover:bg-purple-500 dark:hover:text-white" href="/learning-library?topic=ISTE%20Standards"> <span class="inline-block">ISTE Standards Learning Library Topic</span> <svg class="flex-shrink-0 h-sm-24-2xl-32 w-sm-24-2xl-32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="arrow-northeast"> <path d="M9.65134 5.0293C9.65206 5.27108 9.74819 5.50274 9.91874 5.6737C10.0893 5.84466 10.3204 5.94103 10.5616 5.94175L16.8751 5.79938L4.2674 18.4377C4.09619 18.6093 4 18.8421 4 19.0848C4 19.3275 4.09619 19.5603 4.2674 19.732C4.43861 19.9036 4.67082 20 4.91296 20C5.15509 20 5.3873 19.9036 5.55851 19.732L18.1598 7.1001L18.0178 13.429C18.0058 13.5543 18.0197 13.6808 18.0587 13.8004C18.0977 13.9201 18.161 14.0304 18.2444 14.1245C18.3279 14.2186 18.4298 14.2944 18.5439 14.3471C18.6579 14.3999 18.7816 14.4285 18.9071 14.4312C19.0327 14.4339 19.1575 14.4106 19.2736 14.3627C19.3898 14.3148 19.4949 14.2435 19.5823 14.153C19.6697 14.0626 19.7375 13.9551 19.7815 13.8372C19.8256 13.7193 19.8449 13.5935 19.8382 13.4678L19.9996 4.89341C20.003 4.78057 19.9832 4.66823 19.9415 4.56337C19.8956 4.44971 19.8274 4.34646 19.7409 4.25975C19.6544 4.17304 19.5514 4.10464 19.438 4.05862C19.3334 4.01679 19.2213 3.99697 19.1088 4.00038L10.5551 4.16216C10.3227 4.16418 10.0997 4.25502 9.93177 4.41616C9.76383 4.57729 9.66354 4.79658 9.65134 5.0293Z" fill="currentColor"/> </svg> </a> </div> </div> </div></div> </div></div> </div> </main> <footer data-component="SiteFooter"> <div class="bg-blue-500 mt-sm-48-2xl-112 text-white"> <div class="max-w-1280 mx-auto pb-sm-32-2xl-96 pt-sm-48-2xl-64 px-sm-20-2xl-80"> <svg class="h-40 w-95" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 55" fill="none" aria-hidden="true" data-icon="iste-monochrome"> <g clip-path="url(#clippath-iste-monochrome-a)" fill="currentColor"> <path d="M0 1.33v35.84a87.04 87.04 0 0 0 12.7 6.32V1.33H0Z" /> <path d="M43.95 51.4c-1.82 1.35-3.26 1.9-5.6 2.56-2.4.69-4.9 1.04-7.45 1.04-3.75 0-7.38-.66-10.87-1.96a23.7 23.7 0 0 1-7.32-4.26v4.88H0v-13.5a87.05 87.05 0 0 0 12.99 6.03 84.05 84.05 0 0 0 30.96 5.2v.01ZM66.77 48.25c-1 .28-1.97.55-2.97.8v4.61h12.65v-8.49a85.16 85.16 0 0 1-9.68 3.08ZM102.4 42.87V32.01h21.74V21.88h-13.18A79.74 79.74 0 0 1 90.2 38.54v15.12h36.52V42.87h-24.32Zm22.56-41.54a85.29 85.29 0 0 1-6.2 10.65h6.63V1.33h-.43Z" /> <path d="M120.74 1.33a66.72 66.72 0 0 1-3.35 6.43c-.78 1.33-1.74 2.94-2.58 4.22h-12.4v9.9h4.71a78.04 78.04 0 0 1-16.9 14.43V12.13H76.46l.05 31.25a59.82 59.82 0 0 1-9.34 3.3c-1 .26-2.4.63-3.39.86l.03-35.41H49.03V8.84l-5.78 6.1a11.44 11.44 0 0 0-4.25-3.3 11.91 11.91 0 0 0-7.61-1c-.87.15-1.64.44-2.33.86-.7.42-1.27.96-1.74 1.63a4.3 4.3 0 0 0-.7 2.54c0 .9.18 1.63.55 2.22.37.59.9 1.1 1.63 1.55.7.45 1.56.85 2.55 1.22.98.37 2.1.76 3.32 1.15 1.78.59 3.63 1.24 5.55 1.95a20.9 20.9 0 0 1 5.24 2.85 14.96 14.96 0 0 1 3.93 4.4 12.74 12.74 0 0 1 1.54 6.54c0 3-.55 5.6-1.65 7.8-.98 1.94-1.6 2.94-3.17 4.29-3.08 0-7.13-.24-10.27-.57a82.3 82.3 0 0 1-21.28-4.9l5.04-5.14a15.28 15.28 0 0 0 5.05 3.95 12.96 12.96 0 0 0 8.98 1.3c.9-.2 1.67-.52 2.34-.97a4.86 4.86 0 0 0 1.59-1.77c.39-.73.59-1.62.59-2.66 0-.98-.25-1.82-.74-2.51a7.27 7.27 0 0 0-2.1-1.89c-.92-.57-2.06-1.08-3.4-1.55-1.36-.47-2.9-.97-4.63-1.51a43.16 43.16 0 0 1-4.91-1.92 16.52 16.52 0 0 1-4.29-2.85 13.29 13.29 0 0 1-3.04-4.21 14.34 14.34 0 0 1-1.14-6.03c0-2.9.6-5.4 1.77-7.47a15.5 15.5 0 0 1 4.66-5.1c1.93-1.32 4.1-2.3 6.51-2.91a27.11 27.11 0 0 1 16.37.7c2.12.74 4.06 1.74 5.82 2.98V1.33h71.72-.01ZM127.93 51.08a2.67 2.67 0 0 1 1.67-2.5 2.7 2.7 0 1 1 0 5 2.7 2.7 0 0 1-1.67-2.5Zm.43 0a2.33 2.33 0 0 0 1.4 2.13c.28.12.58.18.9.18a2.26 2.26 0 0 0 2.12-1.42 2.24 2.24 0 0 0 0-1.78 2.29 2.29 0 0 0-3.02-1.22 2.35 2.35 0 0 0-1.22 1.22c-.12.27-.18.57-.18.9Zm1.24-1.54h1.08a2 2 0 0 1 .42.05c.13.03.26.08.37.16a.79.79 0 0 1 .36.7c0 .21-.06.4-.2.53a.97.97 0 0 1-.51.28l.83 1.34h-.67l-.72-1.28h-.4v1.28h-.55v-3.06h-.01Zm1 1.33c.16 0 .3-.03.46-.09.14-.06.22-.18.22-.37 0-.16-.07-.27-.2-.33a.97.97 0 0 0-.41-.08h-.5v.87h.45-.02Z" /> </g> <defs> <clipPath id="clippath-iste-monochrome-a"> <path fill="currentColor" d="M0 0h133.39v55H0z" /> </clipPath> </defs> </svg> <div class="gap-sm-48-2xl-96 grid mt-sm-24-2xl-32 lg:grid-cols-4"> <section> <div class="dark rich-text text-body-xl"><p>Our vision is that all students engage in transformative learning experiences that spark their imagination and prepare them to thrive in learning and life.</p></div> </section> <div class="lg:col-span-3"> <div class="gap-40 grid md:grid-cols-3"> <section class="md:col-span-2"> <ul class="gap-24 space-y-32 xs:columns-2 xs:space-y-0"> <li class="break-inside-avoid"> <a class="decoration-transparent font-900 text-eyebrow-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/become-a-member">Become a Member</a> <ul class="mt-24 space-y-24"> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/membership-faqs">Membership FAQs</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/group-membership">Group Membership</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/volunteer">Volunteer</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/awards">ISTE Awards</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/connect">Community</a></li> </ul> </li> <li class="break-inside-avoid"> <a class="decoration-transparent font-900 text-eyebrow-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/about">About Us</a> <ul class="mt-24 space-y-24"> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/our-story">Our Story</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/leadership">Leadership</a></li> <li><a class="decoration-transparent text-ui-lg transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/diversity-equity-inclusion">Diversity, Equity &amp; Inclusion</a></li> </ul> </li> </ul> </section> <section> <h2 class="font-900 mb-16 text-eyebrow-sm">Connect With Us</h2> <ul class="flex flex-wrap gap-x-16 gap-y-14 items-center"> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://www.facebook.com/ISTEofficial" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="facebook"> <path d="M18.71 4H6.3A2.29 2.29 0 0 0 4 6.3V18.7A2.29 2.29 0 0 0 6.3 21h6.12v-6.08h-1.57a.38.38 0 0 1-.38-.37V12.6c0-.2.16-.37.37-.37h1.58v-1.9c0-2.19 1.34-3.38 3.3-3.38h1.6c.21 0 .38.16.38.37v1.65c0 .21-.17.38-.38.38h-.98c-1.07 0-1.28.5-1.28 1.25v1.63h2.34c.23 0 .4.2.37.42l-.23 1.96a.37.37 0 0 1-.37.33h-2.1V21h3.64a2.3 2.3 0 0 0 2.3-2.3V6.3A2.3 2.3 0 0 0 18.7 4Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Facebook</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://twitter.com/ISTEofficial" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="x"> <g transform="scale(0.9) translate(1.25, 2)"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor" /> </g> </svg> <span class="sr-only">ISTE on X</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://www.instagram.com/ISTEconnects/" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="instagram"> <path d="M15.333 7.375c3.026 0 3.383.011 4.578.067 1.104.05 1.703.235 2.103.39.528.205.907.45 1.304.847.397.397.643.773.848 1.304.155.4.338 1 .39 2.103.052 1.195.066 1.555.066 4.578 0 3.023-.01 3.383-.067 4.577-.05 1.104-.234 1.704-.39 2.104-.204.528-.45.907-.847 1.304a3.495 3.495 0 0 1-1.304.848c-.4.154-1 .338-2.103.389-1.195.053-1.552.066-4.578.066-3.026 0-3.383-.01-4.577-.066-1.104-.05-1.704-.235-2.104-.39a3.517 3.517 0 0 1-1.303-.847 3.494 3.494 0 0 1-.848-1.304c-.155-.4-.339-1-.39-2.104-.053-1.194-.066-1.554-.066-4.577 0-3.023.01-3.383.067-4.578.05-1.103.234-1.703.389-2.103.205-.528.45-.907.848-1.304a3.495 3.495 0 0 1 1.303-.848c.4-.154 1-.338 2.104-.389 1.194-.053 1.554-.067 4.577-.067Zm0-2.042c-3.076 0-3.463.014-4.67.07-1.206.056-2.03.245-2.752.527a5.605 5.605 0 0 0-2.007 1.307 5.525 5.525 0 0 0-1.307 2.007c-.28.72-.472 1.544-.528 2.752C4.013 13.203 4 13.59 4 16.666c0 3.077.013 3.464.07 4.671.055 1.206.245 2.03.527 2.752.29.744.677 1.376 1.307 2.007a5.524 5.524 0 0 0 2.007 1.307c.72.28 1.544.472 2.751.528 1.208.056 1.595.069 4.671.069 3.077 0 3.464-.013 4.671-.07 1.205-.055 2.03-.245 2.752-.527a5.605 5.605 0 0 0 2.007-1.307 5.526 5.526 0 0 0 1.306-2.007c.28-.72.472-1.544.528-2.752.056-1.207.07-1.594.07-4.67 0-3.077-.014-3.464-.07-4.671-.056-1.205-.245-2.03-.527-2.752a5.605 5.605 0 0 0-1.307-2.007 5.525 5.525 0 0 0-2.007-1.307c-.72-.28-1.544-.471-2.752-.527-1.207-.056-1.594-.07-4.67-.07Z" fill="currentColor" /> <path d="M15.333 10.847a5.818 5.818 0 1 0 0 11.635 5.818 5.818 0 0 0 0-11.635Zm0 9.595a3.778 3.778 0 1 1 .001-7.556 3.778 3.778 0 0 1 0 7.556ZM21.383 11.974a1.36 1.36 0 1 0 0-2.72 1.36 1.36 0 0 0 0 2.72Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Instagram</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://youtube.com/@ISTEofficial" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="youtube"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.66 19.08v-6.47l6.12 3.25-6.12 3.22Zm13.45-7.59s-.22-1.58-.9-2.28c-.87-.92-1.83-.92-2.28-.98C20.76 8 16 8 16 8s-4.76 0-7.93.23c-.45.06-1.41.06-2.28.98-.68.7-.9 2.28-.9 2.28s-.22 1.87-.22 3.73v1.74c0 1.87.22 3.73.22 3.73s.22 1.59.9 2.28c.87.92 2 .9 2.5.99 1.82.18 7.71.23 7.71.23s4.76 0 7.93-.24c.45-.05 1.41-.06 2.28-.98.68-.7.9-2.28.9-2.28s.22-1.86.22-3.73v-1.74c0-1.86-.22-3.73-.22-3.73Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on Youtube</span> </a> </li> <li> <a class="transition-colors focus-visible:text-semantic-link hover:text-semantic-link" href="https://www.linkedin.com/company/isteofficial/" data-component="SiteFooter_SocialLink"> <svg class="h-32 w-32" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="linkedin"> <path d="M17.46 4H7.54A3.54 3.54 0 0 0 4 7.54v9.92A3.54 3.54 0 0 0 7.54 21h9.92A3.54 3.54 0 0 0 21 17.46V7.54A3.54 3.54 0 0 0 17.46 4Zm-7.8 13.46H7.55v-7.8h2.13v7.8ZM8.6 8.76a1.24 1.24 0 0 1 0-2.5c.69 0 1.24.57 1.24 1.26 0 .69-.55 1.25-1.24 1.25Zm9.57 8.7h-2.13v-3.97c0-2.39-2.83-2.2-2.83 0v3.97h-2.13v-7.8h2.13v1.26a2.7 2.7 0 0 1 4.96 1.75v4.79Z" fill="currentColor" /> </svg> <span class="sr-only">ISTE on LinkedIn</span> </a> </li> </ul> </section> </div> </div> </div> </div> </div> <div class="bg-black pb-72 text-white"> <div class="grid gap-sm-24-2xl-64 max-w-1280 mx-auto px-sm-20-2xl-80 py-24 lg:grid-cols-2 max-lg:items-end"> <div> <ul class="flex flex-col gap-16 items-center lg:flex-row lg:flex-wrap lg:whitespace-nowrap"> <li><a id="38739" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/careers">Careers</a></li> <li><a id="123689" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/news">News</a></li> <li><a id="39235" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/contact-us">Contact Us</a></li> <li><a id="39236" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/faqs">FAQs</a></li> <li><a id="39238" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/privacy-policy">Privacy Policy</a></li> <li><a id="39542" class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current" href="https://iste.org/terms-of-service">Terms of Service</a></li> <li><button class="decoration-transparent text-ui-sm transition-colors underline focus-visible:decoration-current hover:decoration-current ot-sdk-show-settings">Cookie Settings</button></li> </ul> </div> <div class="text-body-sm text-center lg:text-right items-center"> &copy; 2025 International Society for Technology in Education (ISTE). All rights reserved. </div> </div> </div> </footer> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://iste.org/dist/assets/js-c3ec3b4d.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/index.js&#039;}});document.dispatchEvent(e);"></script> <link href="https://iste.org/dist/assets/index-c9592d98.css" rel="stylesheet" media="print" onload="this.media=&#039;all&#039;"> <style type='text/css'> .embeddedServiceHelpButton .helpButton .uiButton { background-color: #1e619c; font-family: "Salesforce Sans", sans-serif; } .embeddedServiceHelpButton .helpButton .uiButton:focus { outline: 1px solid #1e619c; } @font-face { font-family: 'Salesforce Sans'; src: url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.woff') format('woff'), url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_base/fonts/SalesforceSans-Regular.ttf') format('truetype'); } </style> <script type='text/javascript' src='https://service.force.com/embeddedservice/5.0/esw.min.js'></script> <script type='text/javascript'> var initESW = function(gslbBaseURL) { embedded_svc.settings.displayHelpButton = true //Or false embedded_svc.settings.language = '' //For example, enter 'en' or 'en-US' embedded_svc.settings.defaultMinimizedText = 'CHAT WITH US' embedded_svc.settings.disabledMinimizedText = 'CONTACT US' //embedded_svc.settings.defaultMinimizedText = '...'; //(Defaults to Chat with an Expert) //embedded_svc.settings.disabledMinimizedText = '...'; //(Defaults to Agent Offline) //embedded_svc.settings.loadingText = ''; //(Defaults to Loading) //embedded_svc.settings.storageDomain = 'yourdomain.com'; //(Sets the domain for your deployment so that visitors can navigate subdomains during a chat session) // Settings for Chat //embedded_svc.settings.directToButtonRouting = function(prechatFormData) { // Dynamically changes the button ID based on what the visitor enters in the pre-chat form. // Returns a valid button ID. //}; //embedded_svc.settings.prepopulatedPrechatFields = {}; //Sets the auto-population of pre-chat form fields //embedded_svc.settings.fallbackRouting = []; //An array of button IDs, user IDs, or userId_buttonId //embedded_svc.settings.offlineSupportMinimizedText = '...'; //(Defaults to Contact Us) embedded_svc.settings.extraPrechatFormDetails = [{ 'label': 'Last Name', 'transcriptFields': ['Last_Name__c'], 'displayToAgent': false }, { 'label': 'First Name', 'transcriptFields': ['First_Name__c'], 'displayToAgent': true }, { 'label': 'Subject', 'transcriptFields': ['Subject__c'], 'displayToAgent': true }, { 'label': 'Email', 'transcriptFields': ['Email__c'], 'displayToAgent': false }] //Contact Handling Start embedded_svc.settings.extraPrechatInfo = [{ 'entityFieldMaps': [{ 'doCreate': false, 'doFind': false, 'fieldName': 'LastName', 'isExactMatch': true, 'label': 'Last Name' }, { 'doCreate': false, 'doFind': false, 'fieldName': 'FirstName', 'isExactMatch': true, 'label': 'First Name' }, { 'doCreate': false, 'doFind': true, 'fieldName': 'Email', 'isExactMatch': true, 'label': 'Email' }], 'entityName': 'Contact' }] //Contact Handling End embedded_svc.settings.enabledFeatures = ['LiveAgent'] embedded_svc.settings.entryFeature = 'LiveAgent' embedded_svc.init( 'https://iste.my.salesforce.com', 'https://my.iste.org/', gslbBaseURL, '00D1U000000syee', 'ISTE_Chat', { baseLiveAgentContentURL: 'https://c.la2-c1-ia2.salesforceliveagent.com/content', deploymentId: '5721U000000VEeb', buttonId: '5731U000000VGS6', baseLiveAgentURL: 'https://d.la2-c1-ia2.salesforceliveagent.com/chat', eswLiveAgentDevName: 'EmbeddedServiceLiveAgent_Parent04I1U000000g4rgUAA_177ec69bbdf', isOfflineSupportEnabled: true } ) } if (!window.embedded_svc) { var s = document.createElement('script') s.setAttribute('src', 'https://iste.my.salesforce.com/embeddedservice/5.0/esw.min.js') s.onload = function() { initESW(null) } document.body.appendChild(s) } else { initESW('https://service.force.com') } </script> <script> window.Userback = window.Userback || {} Userback.access_token = '10352|80865|y3OzsFj6vD0idni13du6P9UwA'; (function(d) { var s = d.createElement('script') s.async = true s.src = 'https://static.userback.io/widget/v1.js'; (d.head || d.body).appendChild(s) })(document) </script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebSite","author":{"@id":"https://iste.org#identity"},"copyrightHolder":{"@id":"https://iste.org#identity"},"copyrightYear":"2023","creator":{"@id":"https://viget.com#creator"},"dateCreated":"2023-03-15T20:13:38-07:00","dateModified":"2024-08-30T07:46:20-07:00","datePublished":"2023-03-15T20:13:00-07:00","description":"The ISTE Student Standards guide educators toward student-driven learning practices that prepare students to thrive in an evolving technological landscape.","headline":"1. Students","image":{"@type":"ImageObject","url":"https://cms-live-media.iste.org/_1200x630_crop_center-center_82_none/iste-meta-image.png?mtime=1683999282"},"inLanguage":"en-us","mainEntityOfPage":"https://iste.org/standards/students","name":"1. Students","publisher":{"@id":"https://viget.com#creator"},"url":"https://iste.org/standards/students"},{"@id":"https://iste.org#identity","@type":"EducationalOrganization","description":"We help educators around the world use technology to solve tough problems.","image":{"@type":"ImageObject","height":"628","url":"https://craftcms-3j-94f-dev-media.iste.org/iste-meta-image.png","width":"1200"},"logo":{"@type":"ImageObject","height":"60","url":"https://cms-live-media.iste.org/_600x60_fit_center-center_82_none/iste-meta-image.png?mtime=1683999282","width":"115"},"name":"ISTE","sameAs":["https://twitter.com/ISTEofficial","https://www.facebook.com/ISTEofficial","https://www.linkedin.com/company/isteofficial","https://www.youtube.com/@ISTEofficial","https://www.instagram.com/ISTEconnects/"],"url":"https://iste.org"},{"@id":"https://viget.com#creator","@type":"LocalBusiness","name":"Viget","priceRange":"$","url":"https://viget.com"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://iste.org/","name":"Homepage","position":1},{"@type":"ListItem","item":"https://iste.org/standards","name":"Standards Index","position":2},{"@type":"ListItem","item":"https://iste.org/standards/students","name":"Students","position":3}],"name":"Breadcrumbs"}]}</script> <div id="modal-370600072" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1082772329-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1082772329-label">Search</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[50vw] p-sm-24-2xl-48 rich-text overflow-y-auto" data-modal-content=""><div id="component-tikpro" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-hx-vals="{&quot;sprig:siteId&quot;:&quot;96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61&quot;,&quot;sprig:id&quot;:&quot;5f0a521bdf37728d3f36da41038ce0a6dc3a9360bba7027784d83d2121ec07e6component-tikpro&quot;,&quot;sprig:component&quot;:&quot;feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77&quot;,&quot;sprig:template&quot;:&quot;09cf189568d6f331d461faa290918ca62f2996f3658e2d33e97b17c92b54dae4_sprig\/header-search.twig&quot;}"> <form class="flex relative" action="/search" method="GET"> <input class="bg-transparent border-b-2 border-white rounded-none text-white appearance-none ps-0 pe-48 text-body-xl focus-visible:outline-offset-4" type="text" name="query" value="" placeholder="What are you looking for?" > <button type="submit" class="text-white absolute right-0 top-1/2 -translate-y-1/2"> <svg class="h-32 rounded-full transition w-32 text-white focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </form> <div class="mt-16"> <h6 class="mt-48 mb-16 text-white text-eyebrow-sm">Top Searched</h2> <ul class="grid grid-cols-2 !ps-0"> <li class="list-none text-body-lg"> <a href="/search?query=education" class="text-white hover:text-white" > education </a> </li> <li class="list-none text-body-lg"> <a href="/search?query=artificial%20intelligence" class="text-white hover:text-white" > artificial intelligence </a> </li> </div> </div> </div></div> </div> </div> <div id="modal-603232511" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-790992274-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-790992274-label">Search</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[50vw] p-sm-24-2xl-48 rich-text overflow-y-auto" data-modal-content=""><div id="component-eskeik" class="sprig-component" data-hx-target="this" data-hx-include="this" data-hx-trigger="refresh" data-hx-get="https://iste.org/index.php?p=actions/sprig-core/components/render" data-hx-vals="{&quot;sprig:siteId&quot;:&quot;96e49e6ab0bdf1f79bd2d94d19ab65cdeb905265c03f5816df1d020822fac0b61&quot;,&quot;sprig:id&quot;:&quot;25f96039a123295677cbfcadc18c6dfcb0796ffd6aa38aaa0dd7891ed6fa5f5bcomponent-eskeik&quot;,&quot;sprig:component&quot;:&quot;feef51ffd096dc31f86ea169cec5fac72a66e4ec02a5dc33b46144c409b4be77&quot;,&quot;sprig:template&quot;:&quot;09cf189568d6f331d461faa290918ca62f2996f3658e2d33e97b17c92b54dae4_sprig\/header-search.twig&quot;}"> <form class="flex relative" action="/search" method="GET"> <input class="bg-transparent border-b-2 border-white rounded-none text-white appearance-none ps-0 pe-48 text-body-xl focus-visible:outline-offset-4" type="text" name="query" value="" placeholder="What are you looking for?" > <button type="submit" class="text-white absolute right-0 top-1/2 -translate-y-1/2"> <svg class="h-32 rounded-full transition w-32 text-white focus-visible:ring focus-visible:text-semantic-link hover:ring hover:text-semantic-link" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="loupe"> <path d="m29.2 27-6.4-6.2a.6.6 0 0 0-.4-.2h-.7a10.8 10.8 0 0 0-8.2-18 10.8 10.8 0 1 0 7 19.1v.7c0 .2.2.3.3.4l6.3 6.4c.2.2.6.2.9 0l1.2-1.2c.2-.3.2-.7 0-1Zm-15.7-5.2a8.3 8.3 0 1 1 0-16.6 8.3 8.3 0 0 1 0 16.6Z" fill="currentColor" /> </svg> </button> </form> <div class="mt-16"> <h6 class="mt-48 mb-16 text-white text-eyebrow-sm">Top Searched</h2> <ul class="grid grid-cols-2 !ps-0"> <li class="list-none text-body-lg"> <a href="/search?query=education" class="text-white hover:text-white" > education </a> </li> <li class="list-none text-body-lg"> <a href="/search?query=artificial%20intelligence" class="text-white hover:text-white" > artificial intelligence </a> </li> </div> </div> </div></div> </div> </div> <div id="modal-1410918492" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-509883798-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-509883798-label">Video modal for 1.1a Learning Goals</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/HVvpBZ_Pi9s?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Empowered Learner 1a: Learning Goals (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1848542073" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1739971972-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1739971972-label">Video modal for 1.1b Customized Learning Environments</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/3R-cd_YfdkE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Empowered Learner 1b: Customized Learning Environments (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-934531438" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1621783993-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1621783993-label">Video modal for 1.1c Feedback to Improve Practice</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/Ungjlb03Z0c?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Empowered Learner 1c: Feedback to Improve Practice (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-113309269" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-200443485-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-200443485-label">Video modal for 1.1d Technology Fundamentals</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/bdQJuAWE9rA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Empowered Learner 1d: Technology Operations (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-845563425" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-995867234-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-995867234-label">Video modal for 1.2.a Digital Footprint</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/dEmI034LedI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Digital Citizen 2a: Digital Footprint (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1715662649" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-943376937-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-943376937-label">Video modal for 1.2.b Online Interactions</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/h3qskpyi3H8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Digital Citizen 2b: Online Behavior (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1846670" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-46756104-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-46756104-label">Video modal for 1.2.c Safeguard Well-being</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/cOD-WNdsPBA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Digital Citizen 2c: Intellectual Property (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-620707607" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1280764756-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1280764756-label">Video modal for 1.2.d Digital Privacy</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/NJzeSSPHwCs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Digital Citizen 2d: Digital Privacy (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1974267753" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1315506896-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1315506896-label">Video modal for 1.3.a Effective Research Strategies</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/RhilLIpn_CE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Knowledge Constructor 3a: Effective Research Strategies (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-737617481" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1954108025-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1954108025-label">Video modal for 1.3.b Evaluate Information</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/qzcrIJ_OrTE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Knowledge Constructor 3b: Evaluate Information (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-473529920" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-783921728-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-783921728-label">Video modal for 1.3.c Curate Information</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/IZLb-n3BiHQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Knowledge Constructor 3c: Curate Information (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1163503886" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1770052327-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1770052327-label">Video modal for 1.3.d Explore Real-World Issues</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/jw-FuSQsUKU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Knowledge Constructor 3d: Explore Real-World Issues (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1937319787" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1816008920-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1816008920-label">Video modal for 1.4.a Design Process</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/rlHZt0Z2e-c?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Innovative Designer 4a: Design Process (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1143981357" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1821142898-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1821142898-label">Video modal for 1.4.b Design Constraints</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/mA5xzdOtW1g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Innovative Designer 4b: Design Constraints (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-556117159" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1592082798-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1592082798-label">Video modal for 1.4.c Prototypes</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/UTFzLg3dY80?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Innovative Designer 4c: Prototypes (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1392100760" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-798714840-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-798714840-label">Video modal for 1.4.d Open-Ended Problems</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/FvCc3D6XNrg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Innovative Designer 4d: Open-Ended Problems (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1078568410" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-306763344-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-306763344-label">Video modal for 1.5.a Problem Definitions</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/SFs2CJySBtI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Computational Thinker 5a: Problem Definitions (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1898111606" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1620141352-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1620141352-label">Video modal for 1.5.b Data Sets</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/4JTCj23wD58?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Computational Thinker 5b: Data Sets (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1398483473" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1500466158-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1500466158-label">Video modal for 1.5.c Decompose Problems</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/Z21dFzGNBCE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Computational Thinker 5c: Extract Key Information (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-530273967" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-220850477-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-220850477-label">Video modal for 1.5.d Algorithmic Thinking</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/zMuINOL855k?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Computational Thinker 5d: Algorithmic Thinking (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1034709781" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1294784487-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1294784487-label">Video modal for 1.6.a Choose Platforms or Tools</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/oYcUBjzciKE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Creative Communicator 6a: Customizing Platforms and Tools (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-634094268" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1207680298-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1207680298-label">Video modal for 1.6.b Original and Remixed Works</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/cQNj7Kf5_Ck?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Creative Communicator 6b: Original and Remixed Works (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1233901107" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-969295144-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-969295144-label">Video modal for 1.6.c Communicate Complex Ideas</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/DmrdqWvFEkc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Creative Communicator 6c: Models and Visualizations (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-99858792" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-805009649-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-805009649-label">Video modal for 1.6.d Customize the Message</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/PUN5U4_djsA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Creative Communicator 6d: Customize the Message (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-643011877" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-913203378-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-913203378-label">Video modal for 1.7.a Global Connections</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/Tk23jQz5JZc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Global Collaborator 7a: Global Connections (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-324884494" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-2128714800-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-2128714800-label">Video modal for 1.7.b Multiple Viewpoints</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/Fm8KA4UerWE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Global Collaborator 7b: Multiple Viewpoints (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1247893539" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-1465385285-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-1465385285-label">Video modal for 1.7.c Project Teams</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/m_0cVlX2yBE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Global Collaborator 7c: Project Teams (ISTE Standards for Students)"></iframe></div> </div> </div> <div id="modal-1136158271" class="overscroll-contain flex fixed inset-0 z-modal aria-hidden:hidden" aria-hidden="true" aria-labelledby="modal-680151274-label" data-component="Modal"> <div class="bg-blue-500 fixed inset-0 motion-safe:animate-fade-in" data-a11y-dialog-hide></div> <div class="overflow-y-auto w-full h-full items-center z-10 flex flex-col justify-center relative" role="document" > <div class="flex justify-end absolute top-0 right-0"> <button class="text-white flex gap-16 items-center p-16" data-modal-close-button type="button" data-a11y-dialog-hide > <span class="text-body-lg">Close</span> <svg class="w-24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="close"><path d="M2.367 19.867a1.242 1.242 0 0 0 0 1.766 1.25 1.25 0 0 0 1.766 0l7.717-7.716a.21.21 0 0 1 .231-.047c.026.01.05.027.069.047l7.717 7.716a1.25 1.25 0 0 0 1.766-1.766l-7.716-7.717a.206.206 0 0 1-.064-.15.208.208 0 0 1 .064-.15l7.716-7.717a1.25 1.25 0 0 0-1.766-1.766l-7.717 7.716a.208.208 0 0 1-.3 0L4.133 2.367a1.25 1.25 0 0 0-1.766 1.766l7.716 7.717a.208.208 0 0 1 0 .3l-7.716 7.717Z" fill="currentColor"/></svg> </button> </div> <h1 class="sr-only" id="modal-680151274-label">Video modal for 1.7.d Local and Global Issues</h1> <div class="motion-safe:animate-slide-fade max-h-[80dvh] w-[80vw] md:w-[60vw] relative aspect-video [&amp;&gt;iframe]:absolute [&amp;&gt;iframe]:inset-0 [&amp;&gt;iframe]:w-full [&amp;&gt;iframe]:h-full" data-modal-content=""><iframe width="200" height="113" src="https://www.youtube.com/embed/QTuLn5kiyyg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Global Collaborator 7d: Local and Global Issues (ISTE Standards for Students)"></iframe></div> </div> </div> <script src="https://iste.org/cpresources/1f967182/htmx.min.js?v=1743496384"></script> <script src="https://iste.org/cpresources/b95d755f/Glossary.js"></script> <script src="https://iste.org/cpresources/1e5ade30/access.js?v=1743496380" defer></script> <script src="https://iste.org/cpresources/787f88fe/js/Glossary.js?v=1743496454"></script> <script>function sendToActivityLog(event){ window.location.replace('https://my.iste.org/s/track-activity?email=' + document.getElementById('download-form-field').value + '&name=ISTE Standards&loc=https://cms-live-media.iste.org/ISTE_STANDARDS_2024.pdf'); };</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10