School Library Journal

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script src="//cdn.blueconic.net/mediasource.js"></script> <title>School Library Journal</title> <meta name="keywords" content="Library Journal Junior Library Guild, jlg, library, librarian, books, collection development, reading categories, reading levels." /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">  <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/bootstrap3.3.7.min.css"/>   <script src="/webfiles/1732255584581/js/jquery.simplePagination.js" type="text/javascript"></script>   <script src="/webfiles/1732255584581/js/bootstrap3.3.7.min.js" type="text/javascript"></script>   <script src='https://www.google.com/recaptcha/api.js'></script>   <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href="/webfiles/1732255584581/images/SLJ_16px.png" rel="Shortcut Icon" type="image/x-icon" />  <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/font-awesome.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/style.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1732255584581/css/subscription.css"/> <link rel="canonical" href="https://www.slj.com/?"/> <script> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } </script> <script type="text/javascript"> var analyticsFileTypes = ['']; var analyticsSnippet = 'enabled'; var analyticsEventTracking = 'enabled'; </script>   <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-TP3ZCWW');</script>  <script type="text/javascript"> function divSwap(div1,div2) { d1 = document.getElementById(div1); d2 = document.getElementById(div2); if( d2.style.display == "none" ) { d1.style.display = "none"; d2.style.display = "block"; } else { d1.style.display = "block"; d2.style.display = "none"; } } </script> <script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"> </script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script type='text/javascript'> var networkCode = 3245306; var adUnit = 'slj'; var slotName = "/" + networkCode + "/" + adUnit; var theme; var pid = ''; var test = ''; var theme = 'technologyliteracy'; var pid = 'technologyliteracy'; var test = ''; var pgtype = 'theme-landing'; function breakpointval(){ var width = window.innerWidth; if(width<768){ return "mobile"; }else if(width<993){ return "tablet"; }else if(width>992){ return "desktop"; } } function customerName(){ if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); return customerDetails.firstname; } } var breakpoint = breakpointval(); var loggedin =(customerName())?"yes":"no"; var newsletter = ''; googletag.cmd.push(function() { var topMapping = googletag.sizeMapping(). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 50]). build(); var hpmid1Mapping = googletag.sizeMapping(). addSize([993, 0], [300, 250]). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 250]). build(); var hpmid2Mapping = googletag.sizeMapping(). addSize([993, 0], [300, 250]). addSize([0, 0], [300, 50]). build(); googletag.defineSlot(slotName, [[728, 90], [300, 50]], 'header_tag_desktop') .defineSizeMapping(topMapping) .addService(googletag.pubads()) .setTargeting("pos", "top"); googletag.defineSlot(slotName, [[728, 90], [300, 250]], 'themelanding1') .defineSizeMapping(hpmid1Mapping) .addService(googletag.pubads()) .setTargeting("pos", "mid1"); googletag.defineSlot(slotName, [[300, 250], [300, 50]], 'themelanding2') .defineSizeMapping(hpmid2Mapping) .addService(googletag.pubads()) .setTargeting("pos", "mid2"); googletag.defineSlot(slotName, [1, 1], 'SLJ_Spotible1_1x1') .addService(googletag.pubads()) .setTargeting("pos", "spotible"); googletag.defineSlot(slotName, [1, 1], 'SLJ_Video_1x1') .addService(googletag.pubads()) .setTargeting("pos", "video"); googletag.pubads().setTargeting("theme",theme); googletag.pubads().setTargeting("pid",pid); googletag.pubads().setTargeting("pgtype",pgtype); googletag.pubads().setTargeting("breakpoint",breakpoint); googletag.pubads().setTargeting("loggedin",loggedin); googletag.pubads().setTargeting("newsletter",newsletter); googletag.pubads().setTargeting("test",test); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); }); </script> <script> function userName() { if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); if(customerDetails.firstname == "SLJ") return "Free User"; else return "loggedin" } } var usertyp =(userName())?userName():"NotLogged"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'dimensions':{ 'category': theme, 'user type': usertyp } }); </script> <script>/*<![CDATA[*/(function(w,a,b,d,s){w[a]=w[a]||{};w[a][b]=w[a][b]||{q:[],track:function(r,e,t){this.q.push({r:r,e:e,t:t||+new Date});}};var e=d.createElement(s);var f=d.getElementsByTagName(s)[0];e.async=1;e.src='//mediasource.actonservice.com/cdnr/63/acton/bn/tracker/10574';f.parentNode.insertBefore(e,f);})(window,'ActOn','Beacon',document,'script');ActOn.Beacon.track();/*]]>*/</script> <meta name="google-site-verification" content="tqW_a-Uf62lt7hVHkzQDyETpyAJnmQKrT4m5u7cddrU" /> <meta name="facebook-domain-verification" content="eeune7mml57to1645rwmo1rxha7zl0" /> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TP3ZCWW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="col-md-12 pl_0 pr_0"> <a name="top"></a> <div id="advertisement" class="advertisement adv-top bg-gray col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="header_tag_desktop"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('header_tag_desktop'); }); </script> </div> </div>  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20468848.js?businessUnitId=341631"></script> <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/imask/3.4.0/imask.min.js"></script> <script src="/webfiles/1732255584581/js/header.js" type="text/javascript"></script>  <div class="modal fade" id="myModal" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="ip-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="closeClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 class="ip-met-pop-h3"></h3> <div class="ip-met-pop-anc-link-cont"> <button onclick="loginClick()" type="button" class="ip-met-pop-anc-link">Login</button> <button onclick="closeClick()" type="button" class="ip-met-pop-anc-link" data-dismiss="modal">No thanks, take me to the website.</button> </div> </div> </div> </div> </div>   <div class="modal fade" id="loginConfirmModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="login-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="procedToLoginClose()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 class="login-met-pop-h3-header">You have exceeded your limit for simultaneous device logins.</h3> <h3 class="login-met-pop-h3">Your current subscription allows you to be actively logged in on up to three (3) devices simultaneously. Click on continue below to log out of other sessions and log in on this device.</h3> <div class="ip-met-pop-anc-link-cont"> <button id="proced-to-login" type="button" class="ip-met-pop-anc-link" onclick="procedToLoginClick()" data-dismiss="modal">Continue</button> <button type="button" class="ip-met-pop-anc-link" data-dismiss="modal" onclick="procedToLoginClose()">Cancel</button> </div> </div> </div> </div> </div>   <div class="modal fade" id="myGiftModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="gift-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="giftPopupCloseClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 id="gift-met-pop-h3" class="gift-met-pop-h3"></h3> <div class="gift-met-pop-anc-link-cont"> <button onclick="giftPopupOKClick()" type="button" class="gift-met-pop-anc-link">OK</button> </div> <div class="display-none" id="gift-loader-space"><i class="fa fa-spinner fa-spin red" style="font-size:38px;margin-left: 45%;"></i></div> </div> </div> </div> </div>  <div id="header" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left pl_0 pr_0 hidden-xs"> <div id="header-banner-multi-sub" class="header-banner-multi-sub"></div> <nav class="navbar navbar-default container mb_0"> <div class="col-md-12 col-sm-12 col-xs-12 p_0"> <div class="navbar-header col-md-3 col-sm-3 col-xs-12 mb_15 p_0"> <a href="/page/subscribe"><button id="subscribe-btn" class="btn btn-subscribe btn-blue navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button><a> <div id="open-url-btn" class="topic-type mb_10" style="display:none; margin-top:40px"> <a id="digitized" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> <div id="emags_link" class="topic-type mb_10" style="display:none; margin-top:40px"> <a id="emags_link_click" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12 text-align-center"> <a id="homeId" onclick="readUrlCategory('home','homeId','home')";> <img class="LJ-image pointer" src="/webfiles/1732255584581/images/SLJ-Logo.jpg" alt="L J image"/> </a> </div> <ul class="nav navbar-nav navbar-right col-md-3 col-sm-3 col-xs-12 mt_20">  <li class="pull-right mt_20 ml_30 search-bar"> <a href="" class="search-icon p_0 tab-ml-10" data-toggle="collapse"> <img id="btn" class="tab-w20" src="/webfiles/1732255584581/images/search.png"/> <div id="idd" class="display-none"></div> </a> </li> <li id="usertempDetail" class="pull-right mt_20 ellipsis-user-name dropdown-hover display-none"> <div class="usertempDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14 customer-id">Free Access Account</div>  <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </li> <li id="userDetail" class="pull-right mt_20 ellipsis-user-name dropdown"> <div id="mydiv" class="userDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14"> </div>  <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li>  <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mz" id="mz">My Library</a></li>  <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mi" id="mi_header" style="display: none !important">Manage Institution</a></li> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul>   <ul id="reg-popup" class="dropdown-menu dropdown-menu-login pb_20" role="menu"> <li> <div class="registration"> <div class="col-md-12 col-xs-12 p_0"> <form class="registration-form" id="login-form1" method="post" data-toggle="validator"> <div class="col-md-12 text-align-center pl_0 pr_0 pt_0"> <div class="highlight error-color display-none" id="login-error1">Invalid email or password. Try again.</div> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Email</label> <input class="" type="email" id="loginEmail1" name="loginEmail" placeholder="Email" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Password</label> <input type="password" id="loginPassword1" name="loginPassword" placeholder="Password" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20 text-align-center" id="headerDropdownLoginLoader"> </div> <div class="col-md-12 text-align-center pl_20 pr_20"> Forgot <a class="border-bottom-red text-decoration-none" href="/page/forgot-pass">password</a>? </div> <div class="col-md-12 align-center pl_20 pr_20"> <button type="submit" class="btn btn-default-red bold akzidenz-grotesk-regular" id="headerDropdownLoginButton">LOG IN</button> </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pb_0 fs_13"> Don't have a School Library Journal Account? </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pt_0"> <a class="border-bottom-red text-decoration-none" href="/page/register">Register Now</a> </div> </form> </div> </div> </li> </ul>  </li> </ul> </div> </nav> <div class="hr_division_grey_light mb_0"></div> <div class="topic-navigation"> <nav class="navbar-default mb_0 container"> <ul class="nav navbar-nav full-width pull-left header-section"> <li class="pl_0"> <a id="newsId" class="pl_0" onclick="readUrlCategory('newsfeatures','newsId','News & Features')";>News & Features</a> </li> <li> <a id="reviewsId" onclick="readUrlCategory('reviews','reviewsId','Reviews')";>Reviews+</a> </li> <li> <a id="schoolLibrariesId" onclick="readUrlCategory('schoollibraries','schoolLibrariesId','School Libraries')";>School Libraries</a> </li> <li> <a id="censorshipId" onclick="readUrlCategory('censorship','censorshipId','Censorship')";>Censorship</a> </li> <li> <a id="publicLibrariesId" onclick="readUrlCategory('publiclibraries','publicLibrariesId','Public Libraries')";>Public Libraries</a> </li> <li> <a id="ClassroomId" onclick="readUrlCategory('classroom','ClassroomId','Classroom')";>Classroom</a> </li> <li> <a id="ReasonstoLoveLibraries" onclick="readUrlCategory('reasonstolovelibraries','ReasonstoLoveLibraries','Reasons to Love Libraries')";>Reasons to Love Libraries</a> </li> <li> <a id="blogId" onclick="readUrlCategory('blogs','blogId','blogs')";>Blogs</a>  <ul class="dropdownlist blog-dropdownlist"> <li><a href="http://100scopenotes.com/" target="_blank">100 Scope Notes</a></li> <li><a href="http://blogs.slj.com/afuse8production/" target="_blank">A Fuse #8 Production</a></li> <li><a href="http://blogs.slj.com/goodcomicsforkids/" target="_blank">Good Comics for Kids</a></li> <li><a href="http://blogs.slj.com/heavymedal/" target="_blank">Heavy Medal: A Mock Newbery Blog</a></li> <li><a href="http://blogs.slj.com/neverendingsearch/" target="_blank">Neverending Search</a></li> <li><a href="http://pearlsandrubys.slj.com/" target="_blank">Pearl's & Ruby's</a></li> <li><a href="https://politicsinpractice.slj.com/" target="_blank">Politics in Practice</a></li> <li><a href="http://www.teenlibrariantoolbox.com/" target="_blank">Teen Librarian Toolbox</a></li> <li><a href="http://www.theclassroombookshelf.com/" target="_blank">The Classroom Bookshelf</a></li> <li><a href="http://blogs.slj.com/theyarn/" target="_blank">The Yarn</a></li> </ul> </li> <li class="pr_0"> <a id="moreId" class="pr_0">Events & More+</a> <ul class="dropdownlist"> <li><a id="eventId" onclick="readUrlCategory('events','eventId','Events')" ;>Events</a></li> <li><a id="onlineCourseId" onclick="readUrlCategory('events?eventtype=eventHome','onlineCourseId','OnlineCourse')" ;>Online Courses</a></li> <li><a id="opinionID" onclick="readUrlCategory('opinion','opinionID','Opinion')";>Opinion</a></li> <li><a id="graphicNovelsId" onclick="readUrlCategory('graphicnovels','graphicNovelsId','Graphic Novels')";>Graphic Novels</a></li> <li><a id="technologyId" onclick="readUrlCategory('technology','technologyId','Technology')";>Technology</a></li> <li><a id="PeopleId" onclick="readUrlCategory('people','PeopleId','People')";>People</a></li> <li><a id="researchId" onclick="readUrlCategory('research','researchId','Research')";>Research</a></li> <li><a id="covid19Id" onclick="readUrlCategory('covid-19','covid19Id','covid-19')";>COVID-19</a></li> <li><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> <li><a id="DiversityId" onclick="readUrlCategory('diversity','DiversityId','Diversity')";>Diversity</a></li> </ul> </li> </ul> </nav> </div> <div class="hr_division mt_0 mb_0"></div> <form method="get" action="https://www.slj.com/search" class="collapse search-form full-width"> <div class="container-fluid p_0"> <div class="p_0 search-bar-container col-md-12 col-sm-12"> <div id="imaginary_container" class="col-md-offset-2 col-md-8 col-sm-12 mt_30"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search" > <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </div> </div> </form> </div>  <div id="header-mobile" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left visible-xs"> <nav class="navbar navbar-default container mb_0">  <div class="container"> <div class="navbar-header"> <a id="sub-btn-mobi" href="/page/subscribe"><button class="btn btn-subscribe btn-blue navbar-btn float-left">SUBSCRIBE</button></a> <button id="ChangeToggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <img id="navbar-hamburger" class="lines pt_0" src="/webfiles/1732255584581/images/menu.png"/> <img id="navbar-close" class="cross pt_0 hidden" src="/webfiles/1732255584581/images/cross.png"/> </button> <a id="mobileHomeId" onclick="readUrlCategory('home','mobileHomeId','home')";> <img class="LJ-image pointer" src="/webfiles/1732255584581/images/mob_SLJ.png" alt="L J image"/> </a> <a href="#" class="p_0 pull-right" data-toggle="collapse" data-target=".login-user"> <img class="userLines" src="/webfiles/1732255584581/images/user.png"/> </a> <div class="collapse login-user"> <div id="userDetail" class="mt_20 mb_20 dropdown"> <div class="userDetail pointer ml_15 mb_10"> <a href="/page/login" class="p_0 fs_16 dropdown-toggle" role="button" aria-expanded="false">Log In</a> </div>  <div class="display-none" id="mobileViewAccountList"> <ul class="display-none nav navbar-nav full-width pull-left no-margin"> <li><a href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li> <li><a href="/page/account-dashboard?id=ml" id="ml">My Library</a></li>  <li><a href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a href="/page/account-dashboard?id=mi" id="mi" class="display-none">Manage Institutions</a></li> <li><a class="pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </div>  </div> </div> </div>  <div class="collapse navbar-collapse" id="navbarCollapse"> <form method="get" action="https://www.slj.com/search" class="search-input" id="demo-2"> <div id="imaginary_container"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search" > <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </form> <ul class="nav navbar-nav mt_70"> <li> <a id="mobNewsId" class="bold" onclick="readUrlCategory('newsfeatures','mobNewsId','News & Features')";>News & Features</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/newsfeatures/advocacy">Advocacy</a></p> <p><a href="/section/newsfeatures/awards">Awards</a></p> <p><a href="/section/newsfeatures/backtoschool">Back to School</a></p> <p><a href="/section/newsfeatures/booklists">Booklists</a></p> <p id="newsMoreToggle">More</p> <ul id="newsMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/03">0--3</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/35">3--5</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/career">Career</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/censorship">Censorship</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/classroomcurricula">Classroom & Curricula</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/coverstory">Cover Story</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/diversebooks">Diverse Books</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/edtech">Ed Tech</a></li> <li class="mb_10"><a href="https://www.slj.com/section/newsfeatures/elementary">Elementary</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/newsfeatures/booksmedia">Books & Media</a></p> <p><a href="/section/newsfeatures/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/newsfeatures/computerscience">Computer Science</a></p> <p><a href="/section/newsfeatures/designarchitecture">Design/Architecture</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobReviewsId" class="bold" onclick="readUrlCategory('reviews','mobReviewsId','Reviews+')";>Reviews+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/reviews/authorsillustrators">Authors Illustrators</a></p> <p><a href="/section/reviews/bestof">Best Of</a></p> <p><a href="/section/reviews/booklists">Booklists</a></p> <p><a href="/section/reviews/books">Books</a></p> <p id="reviewMoreToggle">More</p> <ul id="reviewMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/reviews/tech">Tech</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/reviews/collections">Collections</a></p> <p><a href="/section/reviews/media">Media</a></p> <p><a href="/section/reviews/reference">Reference</a></p> <p><a href="/section/reviews/seriesmadesimple">Series Made Simple</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobTechnologyId" class="bold" onclick="readUrlCategory('technology','mobTechnologyId','Technology')";>Technology</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/technology/advocacy">Advocacy</a></p> <p><a href="/section/technology/bestof">Best Of</a></p> <p><a href="/section/technology/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/technology/computerscience">Computer Science</a></p> <p id="technologyMoreToggle">More</p> <ul id="technologyMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/technology/edtech">Ed Tech</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/elementary">Elementary</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/industrynews">Industry News</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/literacy">Literacy</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/maker">Maker</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/03">0--3</a></li> <li class="mb_10"><a href="https://www.slj.com/section/technology/35">3--5</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/technology/classroomcurricula">Classroom Curricula</a></p> <p><a href="/section/technology/designarchitecture">Design/Architecture</a></p> <p><a href="/section/technology/coverstory">Cover Story</a></p> <p><a href="/section/technology/career">Career</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobProgramsId" class="bold" onclick="readUrlCategory('schoollibraries','mobProgramsId','School Libraries')";>School Libraries</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/schoollibraries/advocacy">Advocacy</a></p> <p><a href="/section/schoollibraries/awards">Awards</a></p> <p><a href="/section/schoollibraries/backtoschool">Back to School</a></p> <p><a href="/section/schoollibraries/Booklists">Booklists</a></p> <p id="schoolLibrariesMoreToggle">More</p> <ul id="schoolLibrariesMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/schoollibraries/computerscience">Computer Science</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/schoollibraries/booksmedia">Books & Media</a></p> <p><a href="/section/schoollibraries/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/schoollibraries/career">Career</a></p> <p><a href="/section/schoollibraries/classroomcurricula">Classroom & Curricula</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobDesignId" class="bold" onclick="readUrlCategory('publiclibraries','mobDesignId','Public Libraries')";>Public Libraries</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/publiclibraries/advocacy">Advocacy</a></p> <p><a href="/section/publiclibraries/awards">Awards</a></p> <p><a href="/section/publiclibraries/booksmedia">Books & Media</a></p> <p><a href="/section/publiclibraries/budgetsfunding">Budgets & Funding</a></p> <p id="publicLibrariesMoreToggle">More</p> <ul id="publicLibrariesMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/diversebooks">Diverse Books</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/elementary">Elementary</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/industrynews">Industry News</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/literacy">Literacy</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/maker">Maker</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/opinion">Opinion</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/opportunities">Opportunities</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/outreach">Outreach</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/privacy">Privacy</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/programsprogramming">Programs & Programming</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/STEM">STEM</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/teens">Teens</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/tweens">Tweens</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/03">0--3</a></li> <li class="mb_10"><a href="https://www.slj.com/section/publiclibraries/35">3--5</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/publiclibraries/buildings">Buildings</a></p> <p><a href="/section/publiclibraries/censorship">Censorship</a></p> <p><a href="/section/publiclibraries/collections">Collections</a></p> <p><a href="/section/publiclibraries/coverstory">Cover Story</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobLeadershipId" class="bold" onclick="readUrlCategory('agelevel','mobLeadershipId','Age Level')";>Age Level</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/agelevel/03">0--3</a></p> <p><a href="/section/agelevel/35">3--5</a></p> <p><a href="/section/agelevel/elementary">Elementary</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/agelevel/teens">Teens</a></p> <p><a href="/section/agelevel/tweens">Tweens</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobDiversityId" class="bold" onclick="readUrlCategory('diversity','mobDiversityId','Diversity')";>Diversity</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/diversity/booksmedia">Books & Media</a></p> <p><a href="/section/diversity/programsprogramming">Programs & Programming</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/diversity/diversebooks">Diverse Books</a></p> <p><a href="/section/diversity/tech">Tech</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a href="/section/blogs" class="bold">Blogs</a> <div class="col-xs-12 mb_10"> <div class="col-xs-12 p_0"> <p><a href="https://100scopenotes.com/" target="_blank">100 Scope Notes</a></p> <p><a href="https://blogs.slj.com/afuse8production/" target="_blank">A Fuse #8 Production</a></p> <p><a href="https://blogs.slj.com/goodcomicsforkids/" target="_blank">Good Comics for Kids</a></p> <p><a href="https://blogs.slj.com/heavymedal/" target="_blank">Heavy Medal: A Mock Newbery Blog</a></p> <p><a href="https://blogs.slj.com/neverendingsearch/" target="_blank">Neverending Search</a></p> <p><a href="https://politicsinpractice.slj.com/" target="_blank">Politics in Practice</a></p> <p><a href="https://www.teenlibrariantoolbox.com/" target="_blank">Teen Librarian Toolbox</a></p> <p><a href="https://www.theclassroombookshelf.com/" target="_blank">The Classroom Bookshelf</a></p> <p><a href="https://blogs.slj.com/theyarn/" target="_blank">The Yarn</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li class="pr_0"> <a id="mobMoreId" class="bold">More+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a id="mobCovid19Id" onclick="readUrlCategory('covid-19','mobCovid19Id','covid-19')";>COVID-19</a></p> <p><a id="mobOpinionId" onclick="readUrlCategory('opinion','mobOpinionId','Opinion')";>Opinion</a></p> <p><a id="mobClassroomId" onclick="readUrlCategory('classroom','mobClassroomId','Classroom')";>Classroom</a></p> <p><a id="mobGraphicNovelId" onclick="readUrlCategory('graphicnovels','mobGraphicNovelId','Graphic Novels')";>Graphic Novels</a></p> <p><a id="mobideasId" onclick="readUrlCategory('ideas','mobideasId','Ideas')";>Ideas</a></p> <p><a id="mobPeopleId" onclick="readUrlCategory('people','mobPeopleId','People')";>People</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a id="mobresearchId" onclick="readUrlCategory('research','mobresearchId','Research')";>Research</a></p> <p><a id="mobeventPDId" onclick="readUrlCategory('events','mobeventPDId','Events')";>Events & PD</a></p> <p><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobLearningId" class="bold" onclick="">Learning</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/events">Live Events</a></p> <p><a href="/section/events">Online Courses</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/events">Master Classes</a></p> <p><a href="/section/events">Webcasts</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li>  <li> <a id="mobAboutId" class="bold" href="/page/About-Us">About SLJ</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/SLJProjects/SLJIndex">SLJ Projects</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/page/Privacy-Policy">Privacy Policy</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobGetTouchId" class="bold" onclick="">Get in Touch</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/page/subscribe">Subscriber Services</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/page/Contact-Us">Contact Us</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <div class="col-xs-12 mb_10 text-align-center bold fs_18"> 888-282-5852 </div> </li> </ul> </div> </div> </nav> <a id="digitized-mobi open-url-btn-mobi" class="theme-link fs_13" style="cursor: pointer; text-align: center; display: none;">ACCESS DIGITIZED EDITION</a> </div> <script type="text/javascript"> var btn = $('#btn'); var idd = $('#idd'); if($.cookie('customerData') != undefined){ var cdata = JSON.parse($.cookie('customerData')); var group_id = cdata.group_id; if(group_id == 4){ // $(".btn-subscribe").css("display","none"); //$('.topic-navigation').css("display","none"); $("#userDetail").css("display","none"); $("#usertempDetail").removeClass('display-none'); } } btn.click(function() { idd.toggle(100, function() { // change the button text according to the state of the "#idd" if (idd.hasClass('display-none')) { btn.attr('src', "/webfiles/1732255584581/images/cross.png"); $('.search-box').focus(); idd.removeClass('display-none'); } else { btn.attr('src', "/webfiles/1732255584581/images/search.png"); idd.addClass('display-none'); } }); }); $("#newsMoreToggle").click(function(){ if($("#newsMoreToggleUl").hasClass('display-none')){ $("#newsMoreToggleUl").removeClass('display-none'); } else { $("#newsMoreToggleUl").addClass('display-none'); } }); $("#reviewMoreToggle").click(function(){ if($("#reviewMoreToggleUl").hasClass('display-none')){ $("#reviewMoreToggleUl").removeClass('display-none'); } else { $("#reviewMoreToggleUl").addClass('display-none'); } }); $("#technologyMoreToggle").click(function(){ if($("#technologyMoreToggleUl").hasClass('display-none')){ $("#technologyMoreToggleUl").removeClass('display-none'); } else { $("#technologyMoreToggleUl").addClass('display-none'); } }); $("#schoolLibrariesMoreToggle").click(function(){ if($("#schoolLibrariesMoreToggleUl").hasClass('display-none')){ $("#schoolLibrariesMoreToggleUl").removeClass('display-none'); } else { $("#schoolLibrariesMoreToggleUl").addClass('display-none'); } }); $("#publicLibrariesMoreToggle").click(function(){ if($("#publicLibrariesMoreToggleUl").hasClass('display-none')){ $("#publicLibrariesMoreToggleUl").removeClass('display-none'); } else { $("#publicLibrariesMoreToggleUl").addClass('display-none'); } }); $("#ideasLibrariesMoreToggle").click(function(){ if($("#ideasLibrariesMoreToggleUl").hasClass('display-none')){ $("#ideasLibrariesMoreToggleUl").removeClass('display-none'); } else { $("#ideasLibrariesMoreToggleUl").addClass('display-none'); } }); </script> <div class="container">   <script src="/webfiles/1732255584581/js/redirection.js" type="text/javascript"></script> <div class="TOPIC pull-left full-width resp-pr-15 resp-pl-15"> <div class="topic_head pull-left full-width display-block mb_40"> <div class="col-md-12 col-xs-12 pl_10 pr_10"> <h1 class="page-headline mb_20">Technology</h1> </div> <div class="article_topic_type col-md-12 col-sm-12 col-xs-12 pull-left text-align-center"> </div>  <div class="tabcontentSection full-width p_0">  <div class="portlet"> <div class="portlet-title"> <ul class="nav nav-tabs taxonomy">  <li class="mr_18 resp-mr-15"> <a href="/section/technology"> All </a> </li>    <li class="mr_28 resp-mr-15"> <a href="/section/technology/advocacy"> Advocacy </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/bestof"> Best of </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/budgetsfunding"> Budgets & Funding </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/computerscience"> Computer Science </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/classroomcurricula"> Classroom & Curricula </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/designarchitecture"> Design/Architecture </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/coverstory"> Cover Story </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/technology/career"> Career </a> </li>     <li class="pointer"> <a onclick="myTaxonomy2()"> More <ul id="myDIV2" class="dropdownlist secondLevelTaxonomy-dropdown pl_10"style="left: -67px;top: 50px;"> <li><a href="/section/technology/edtech">Ed Tech</a></li>  <li><a href="/section/technology/elementary">Elementary</a></li>  <li><a href="/section/technology/industrynews">Industry News</a></li>  <li><a href="/section/technology/literacy">Literacy</a></li>  <li><a href="/section/technology/maker">Maker</a></li>  <li><a href="/section/technology/03">0—3</a></li>  <li><a href="/section/technology/35">3—5</a></li> </ul>  </a> </li> </ul> </div> </div>  </div> <script> // mobile view taxonomy second DropDown function myTaxonomy1() { var x = document.getElementById("myDIV1"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } function myTaxonomy2() { var x = document.getElementById("myDIV2"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <div class="FILTERS pull-left full-width display-block"> <div class="col-md-12 col-sm-12 col-xs-12"> <h3 class="filter-section-heading"></h3> </div>  <div class="pull-left full-width display-block mb_40"> <form class="" action="https://www.slj.com/section/technology/literacy" method="get" id="topicForm"> <div class="filters col-md-2 col-sm-3 col-xs-12 pl_0">  <button class="btn lj-btn-black navbar-btn hidden-md-up mb_30" id="mobileFilterBy">FILTER BY CATEGORY</button> <div class="col-md-12 col-sm-12 col-xs-12 pl_0 pr_0" id="filter"> <div class="panel-group" id="accordion">  <div class="full-width pull-left hidden-md-up" id="mobileFilterByClose" style="display: none;"> <img class="cross pt_0 float-right" src="/webfiles/1732255584581/images/cross.png" style="width: 50px;"/> </div> <div class="panel panel-default"> <div class="panel-heading pt_0"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#dateRange"> Date Range <i class="fa fa-minus hidden-md-down"></i> <i class="fa fa-caret-up hidden-md-up"></i> </a> </h4> </div> <div id="dateRange" class="panel-collapse collapse in"> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','all')"> <label for="allDates" ><span class="border-hover-red">All</span></label><input class="checked-radio" type="radio" name="" id="allDates" value=""> </div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','1')"><span class="border-hover-red">Last 30 days</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','6')"><span class="border-hover-red">Last 6 months</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','12')"><span class="border-hover-red">Last 12 months</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','24')"><span class="border-hover-red">Last 24 months</span></div>   <div class="panel-body no-top-border"><span id="specific-date">Specific Dates</span></div> <div class="panel-body no-top-border date-range"> <span>From:</span><br> <input autocomplete ="off" type="text" name="frompublishdate" value="" placeholder="Date" id="fromDatepicker" onkeydown="return false">  <br> <span>To:</span><br> <input autocomplete ="off" type="text" name="topublishdate" value="" placeholder="Date" id="toDatepicker" onkeydown="return false">   <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="dateRefineSearch">REFINE SEARCH</button> </div>    </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#categoryId"> Category <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id ="categoryId" class="panel-collapse collapse"> <div class="panel-body no-top-border">  <a href="https://www.slj.com/section/technology/literacy?" id="linkCaegoryAll"> <div class="panel-body no-top-border" style="padding-bottom:0px !important"><span id="categoryAll" class="checked-radio">All</span> </div> </a> </div>  <div class="panel-body no-top-border"> <a href=https://www.slj.com/section/technology/literacy?&category=article id="linkArticleCategory"> <span id = "categoryArticle">Articles Only</span> <input id="article_category" type="hidden" name="category" value=""/> </a> </div> <div class="panel-body no-top-border"> <a href=https://www.slj.com/section/technology/literacy?&category=review id="linkReviewCategory"> <span id = "categoryReview">Reviews Only</span> <input id="review_category" type="hidden" name="category" value=""/> </a> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#authors"> Author/Illustrator <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="authors" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <label for="allAuthor">All</label><input class="checked-radio" type="radio" name="" id="allAuthor" value="" checked> </div> <div class="panel-body no-top-border"><span id="specific-author">Specific Author</span></div> <div class="panel-body no-top-border specific-author"> <input type="text" name="author" value="" placeholder="Search Author" id="authorName" class="has-author">  <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="authorRefineSearch">REFINE SEARCH</button> </div>    </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#publisher"> Publisher <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="publisher" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <label for="allPublishers">All</label><input class="checked-radio" type="radio" name="" id="allPublishers" value="" checked> </div> <div class="panel-body no-top-border"><span id="specific-publisher">Specific Publisher</span></div> <div class="panel-body no-top-border specific-author"> <input type="text" name="publisher" value="" placeholder="Search publisher" id="publisherName" class="has-author">  <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="publisherRefineSearch">REFINE SEARCH</button> </div>    </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#tag"> Tag <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="tag" class="panel-collapse collapse"> <div class="panel-body no-top-border specific-author"> <input type="text" name="tag" value="" placeholder="Search Tag" id="tagName" class="has-author">  <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="tagRefineSearch">REFINE SEARCH</button> </div>    </div> </div>  </div>  </div> </div> <input type="hidden" name="page_number" value="1"> </form> <div class="filter-result col-md-6 col-sm-9 col-xs-12 resp-no-padding">  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/Teaching-Students-AI-Literacy-The-Road-Ahead> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2023/09/ai-callout-featimg-800x625px.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Teaching Students AI Literacy: The Road Ahead"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/Teaching-Students-AI-Literacy-The-Road-Ahead> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Teaching Students AI Literacy: The Road Ahead</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Lee De Groft"><span>Lee De Groft</span></a></span>,  Aug 31, 2023 </div> <div id="count0"></div>    <div class="recommended-description mb_10"> <p>Is ChatGPT the new Wikipedia, riddled with inaccuracies, used by students seeking a shortcut? It could be. But it doesn’t have to be. That points to our next venture as librarians: AI literacy instruction.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/overdrive-acquires-teachingbooks> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2021/10/overdrive_logo.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="OverDrive Acquires TeachingBooks"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/overdrive-acquires-teachingbooks> <h3 class="smart-headline filtered-document-headline mt_0 testing2">OverDrive Acquires TeachingBooks</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=SLJ Staff"><span>SLJ Staff</span></a></span>,  Oct 11, 2021 </div> <div id="count1"></div>    <div class="recommended-description mb_10"> <p>The acquisition adds TeachingBooks' curated supplemental materials<font face="Times New Roman, serif"><span style="font-size: 16px;"> </span></font>to OverDrive Education's Sora app and platform.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/an-ear-for-reading-audiobooks-take-center-stage-in-the-classroom-libraries-books-audio> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2021/05/2105-audiobooks-800-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="An Ear for Reading: Audiobooks Take Center Stage in the Classroom"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/an-ear-for-reading-audiobooks-take-center-stage-in-the-classroom-libraries-books-audio> <h3 class="smart-headline filtered-document-headline mt_0 testing2">An Ear for Reading: Audiobooks Take Center Stage in the Classroom</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Melanie Kletter"><span>Melanie Kletter</span></a></span>,  May 04, 2021 </div> <div id="count2"></div>    <div class="recommended-description mb_10"> <p>Educators are using audiobooks in new ways to teach material and help students build literacy skills. Plus: 15 classroom-ready podcasts.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/resources-for-teaching-hour-of-code-online-december-computer-science-libraries-STEM> <img class="image-full" src="/binaries/content/gallery/hourofcodefeat.png" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="15 Resources for Teaching Hour of Code Online in December"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/resources-for-teaching-hour-of-code-online-december-computer-science-libraries-STEM> <h3 class="smart-headline filtered-document-headline mt_0 testing2">15 Resources for Teaching Hour of Code Online in December</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=IdaMae Craddock"><span>IdaMae Craddock</span></a></span>,  Nov 25, 2020 </div> <div id="count3"></div>    <div class="recommended-description mb_10"> <p>Use these tools to engage students of every age in Hour of Code, planned for the week of December 7-13.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/ahead-of-the-curve-school-librarians-innovate-take-on-new-responsibilities-SLJ-covid-19-survey> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2020/11/2011-covid-survey-by-errata-carmona-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Ahead of the Curve: School Librarians Innovate and Take on New Responsibilities | SLJ COVID-19 Survey"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/ahead-of-the-curve-school-librarians-innovate-take-on-new-responsibilities-SLJ-covid-19-survey> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Ahead of the Curve: School Librarians Innovate and Take on New Responsibilities | SLJ COVID-19 Survey</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=April Witteveen"><span>April Witteveen</span></a></span>,  Nov 02, 2020 </div> <div id="count4"></div>    <div class="recommended-description mb_10"> <p>The survey showed school librarians using creative approaches to deliver superior library services, leading on tech innovation, collaborating with colleagues, and strengthening relationships with students.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/Kwame-Alexander-creates-WordPlay-digital-video-series-on-writing> <img class="image-full" src="/binaries/content/gallery/wordplay_kwame.png" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Kwame Alexander Creates WordPlay, A Digital Video Series on Writing"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/Kwame-Alexander-creates-WordPlay-digital-video-series-on-writing> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Kwame Alexander Creates WordPlay, A Digital Video Series on Writing</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Kara Yorio"><span>Kara Yorio</span></a></span>,  Aug 20, 2020 </div> <div id="count5"></div>    <div class="recommended-description mb_10"> <p>The award-winning author partnered with Adventure Academy, a subscription-based digital education platform, to inspire kids to write.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/we-are-the-media-helping-young-information-creators-be-better-consumers-media-digital-news-literacy-covid-19> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2020/07/influencersmedia-lagarde-f.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="We Are the Media: Helping Young Information Creators Be Better Consumers | News Literacy"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/we-are-the-media-helping-young-information-creators-be-better-consumers-media-digital-news-literacy-covid-19> <h3 class="smart-headline filtered-document-headline mt_0 testing2">We Are the Media: Helping Young Information Creators Be Better Consumers | News Literacy</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Jennifer LaGarde and Darren Hudgins"><span>Jennifer LaGarde and Darren Hudgins</span></a></span>,  Jul 02, 2020 </div> <div id="count6"></div>    <div class="recommended-description mb_10"> <p>Broadcasting is increasingly filled with citizen-generated content. But being a media producer also brings responsibilities.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/10-ways-to-promote-ebooks-and-audiobooks-to-k-12-students-coronavirus-covid-19-home-remote-virtual-schooling> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2020/05/damon-burning-through-pages-book-club.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="10 Ways To Promote Ebooks and Audiobooks to K-12 Students"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/10-ways-to-promote-ebooks-and-audiobooks-to-k-12-students-coronavirus-covid-19-home-remote-virtual-schooling> <h3 class="smart-headline filtered-document-headline mt_0 testing2">10 Ways To Promote Ebooks and Audiobooks to K-12 Students</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Janet Damon"><span>Janet Damon</span></a></span>,  May 04, 2020 </div> <div id="count7"></div>    <div class="recommended-description mb_10"> <p>With students learning from home, Denver Public Schools' ebook and audio checkouts topped 51,000 in April. Here's how librarians are making that happen. </p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/technology/Podcasts-to-Pair-with-CSLP-Collaborative-Summer-Library-Program-Reading-learning-Theme-covid19-coronavirus> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2020/04/podcast-kid-effex-credit.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/SLJ/defaultcover.jpg'" alt="Podcasts To Pair with CSLP’s Summer Reading Theme"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/technology/Podcasts-to-Pair-with-CSLP-Collaborative-Summer-Library-Program-Reading-learning-Theme-covid19-coronavirus> <h3 class="smart-headline filtered-document-headline mt_0 testing2">Podcasts To Pair with CSLP’s Summer Reading Theme</h3> </a> </div> <div class="byline-detail col-sm-offset-0 col-md-9 col-xs-12 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=By Anne Bensfield and Pamela Rogers"><span>By Anne Bensfield and Pamela Rogers</span></a></span>,  Apr 21, 2020 </div> <div id="count8"></div>    <div class="recommended-description mb_10"> <p>“Imagine Your Story” is the focus of this year’s Collaborative Summer Library Program. These podcasts for elementary, middle, and high school students will keep their imaginations active. </p> </div> </div>  <div id="advertisement" class="advertisement adv-top col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="themelanding2">  <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('themelanding2'); }); </script> </div> </div> <div class="col-md-offset-1 col-md-10 col-sm-10 col-xs-12 text-align-center fs_18 akzidenz-grotesk-roman mb_30"> 90 articles </div>   <div class="full-width pull-left text-align-center"> <div class="pagination-holder black clearfix"> <ul id="paginationId" class="pagination"> </ul> </div> </div>  <script type="text/javascript"> $(document).ready(function () { // jquery Pagination // Discription about pagination is available on : // http://flaviusmatis.github.io/simplePagination.js/#page-20 $('#paginationId').pagination({ items: 90, // Total number of items that will be used to calculate the pages. itemsOnPage: 9, //Number of items displayed on each page. displayedPages: 4, //How many page numbers should be visible while navigating. edges: 1, //How many page numbers are visible at the beginning/ending of the pagination. currentPage: 1, //Which page will be selected immediately after init. hrefTextPrefix: "https://www.slj.com/section/technology/literacy?"+"&page_number=", //A string used to build the href attribute, added before the page number. ellipsePageSet: false, prevText: "<div class='pagination-arrow'><i class='fa fa-caret-left pl_0'></i></div>", nextText: "<div class='pagination-arrow'><i class='fa fa-caret-right'></i></div>" }); }); </script>  </div>  <div class="col-md-4 col-xs-12 topic-article_column tab-pl_0">  <div id="advertisement" class="advertisement adv-top col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="themelanding1">  <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('themelanding1'); }); </script> </div> </div>      </div> </div> </div> </div> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="/webfiles/1732255584581/js/filter_main.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var ids = '1635c106-1fe1-48a8-bf69-29185e122eb5,f0114ff7-620b-4dce-9274-33a17bfbf787,7d8fa8e7-eafd-4ed0-9efb-aebb9cf2239e,52f93f5f-40b3-4a97-92c9-ac83c7b6e08a,ad35e72f-a60f-4ef0-85d0-792cda9cd099,51564c3b-9740-4492-8363-1d5bbf2986cf,bce41d6b-1d79-417d-b43c-a6ec10392763,cafdb526-cc86-4ef3-b997-300d6340f19c,715d76f1-57d0-4e42-8283-ced635922520,'.split(','); for(var i=0;i<ids.length;i++) { if(ids[i]!='') { let index = i; var countId = '#count'+index; var hCountId = '#hcount'+index; var numberOld = $(hCountId).val(); if(numberOld > 0){ $(countId).removeClass("display-none"); } $.ajax({ url: 'https://comments.mediasourceinc.com/api/get-comments-slj', type: 'POST', contentType: 'application/x-www-form-urlencoded', data: 'where=WHERE commentArticleURL="'+ids[i]+'" AND state IN ("approved","placeholder")', success: function(data, textStatus) { if(data.result && (data.data.length!=0 || numberOld)){ var count =(data.data.length || 0)+ numberOld; $(countId).text(count); } } }); } } }); </script></div> <div id="meternote"> <div class = "gtm_half_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-12 white meter-text"> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0 meternote_half"> <div class = "text-align-center float-left-resp"> <a class="meter-href" href="/page/subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> <h6 class="white fs_13 mb_20">ALREADY A SUBSCRIBER? <a class="white meter-login-utm meter-login underline" href="/page/login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down white fa-2x mt_5 meter-login"></i> </span> </div> <div id="smallmeternote"> <div class = "gtm_small_ID"></div> <div class="container fs_20"> <div class="col-md-8 col-sm-8 col-xs-12 fs_20 resp-no-margin text-align-center white"> <p class="mt_20 mb_10 meter-small-num float-right-resp"> </p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0 text-align-center"> <a class="meter-href" href="/page/subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> </div> </div> <span class="meterNoteopen display-none" style="cursor:pointer;"> <i class="fa fa-chevron-up white fa-2x mt_5 meter-login"></i> </span> </div> <div id="freemeternote"> <div class = "gtm_freehalf_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-12 white meter-text mr_20"> <p>We are currently offering this content for free. Sign up now to activate your personal profile, where you can save articles for future viewing</p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0"> <div class = "text-align-center float-left-resp"> <a class="meter-reg-href" href="/page/register"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">CREATE AN ACCOUNT</button></a> <h6 class="white fs_13 mb_20">ALREADY A SUBSCRIBER? <a class="white meter-login-utm meter-login underline" href="/page/login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down white fa-2x mt_5 meter-login"></i> </span> </div> <div id="privateMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_private_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <h2 class="text-align-center bold">Thank you for visiting.</h2> <div class="paywall-text"> <p>We’ve noticed you are using a private browser. To continue, please log in or create an account.</p> </div> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1732255584581/images/SljHardPaywall.jpg" alt="Hard paywall image"/></p> <p><a class="meter-login-utm" href="/page/login"><button class="btn btn-subscribe btn-blue navbar-btn subscribe-btn-size mt_5" style="width:195px;">LOG IN</button></a></p> <p><a href="/page/register"><button class="btn btn-subscribe btn-blue navbar-btn subscribe-btn-size mt_5" style="width:195px;">CREATE AN ACCOUNT</button></a></p> <h6 class="mb_20 text-decoration-underline"><span class="bold"><a class="underline full-meter-href" href="/page/subscribe">SUBSCRIPTION OPTIONS</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_hard_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="/page/subscribe"><button class="btn btn-subscribe btn-blue mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="/page/login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallReviewMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_reviewHard_ID" style="display:none;"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="text-align-center bold"><h2 class="bold">Thank you for visiting.</h2></div> <div class="paywall-text"> <p>Most <i>SLJ</i> reviews are exclusive to subscribers.</p> <p>As a subscriber, you'll receive unlimited access to all reviews dating back to 2010.</p> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1732255584581/images/SljHardPaywall.jpg" alt="Hard paywall image"/></p> <p>To access other site content, visit our <a class="meter-backHome" href="/page/home" style="text-decoration:underline;">homepage</a>.</p> </div> <p><a class="full-meter-href" href="/page/subscribe"><button class="btn btn-subscribe btn-blue mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="/page/login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="meterExhaustMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_exhaust_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="/page/home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="/page/subscribe"><button class="btn btn-subscribe btn-blue mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="/page/login">Log In</a></span></h6> </div> </div> </div> </div> </div> </div> <div id="SLJ_Spotible1_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('SLJ_Spotible1_1x1'); }); </script> </div> <div id="SLJ_Video_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('SLJ_Video_1x1'); }); </script> </div> <footer class="lj-footer display-block pull-left full-width hidden-print">  <div class="footer" id="footer"> <div class="container">  <div class="laptop mt_30"> <div class="col-md-2 col-sm-2 col-xs-12 footer-block pl_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.slj.com/section/newsfeatures" target="">News & Features</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews" target="">Reviews+</a></li> <li class="nav item"><a href="https://www.slj.com/section/technology" target="">Technology</a></li> <li class="nav item"><a href="https://www.slj.com/section/schoollibraries" target="">School Libraries</a></li> <li class="nav item"><a href="https://www.slj.com/section/publiclibraries" target="">Public Libraries</a></li> <li class="nav item"><a href="https://www.slj.com/section/blogs" target="">Blogs</a></li> <li class="nav item"><a href="https://www.slj.com/section/classroom" target="">Classroom</a></li> <li class="nav item"><a href="https://www.slj.com/section/diversity" target="">Diversity</a></li> <li class="nav item"><a href="https://www.slj.com/section/people" target="">People</a></li> <li class="nav item"><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Reviews+</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.slj.com/section/reviews/booklists" target="">Book Lists</a></li> <li class="nav item"><a href="/page/best-books-2024" target="">Best Books 2024</a></li> <li class="nav item"><a href="/page/2024-stars-so-far" target="">2024 Stars So Far</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/media" target="">Media</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/reference" target="">Reference</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/seriesmadesimple" target="">Series Made Simple</a></li> <li class="nav item"><a href="https://www.slj.com/section/reviews/tech" target="">Tech</a></li> <li class="nav item"><a href="/page/Review-for-SLJ" target="">Review for SLJ</a></li> <li class="nav item"><a href="/page/review-submissions" target="">Review Submissions</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">SLJ Blog Network</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://100scopenotes.com/" target="_blank">100 Scope Notes</a></li> <li class="nav item"><a href="https://afuse8production.slj.com/" target="_blank">A Fuse #8 Production</a></li> <li class="nav item"><a href="https://goodcomicsforkids.slj.com/" target="_blank">Good Comics for Kids</a></li> <li class="nav item"><a href="https://heavymedal.slj.com/" target="">Heavy Medal</a></li> <li class="nav item"><a href="https://pearlsandrubys.slj.com/" target="https://pearlsandrubys.slj.com/">Pearls & Rubys</a></li> <li class="nav item"><a href="https://politicsinpractice.slj.com/" target="https://politicsinpractice.slj.com/">Politics in Practice</a></li> <li class="nav item"><a href="https://www.teenlibrariantoolbox.com/" target="_blank">Teen Librarian Toolbox</a></li> <li class="nav item"><a href="https://theyarn.slj.com/" target="_blank">The Yarn</a></li>  </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Resources</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="/page/reasons-to-love-libraries" target="_blank">Reasons to Love Libraries</a></li> <li class="nav item"><a href="/story/defending-the-canon-slj-ncte-review-15-banned-classics" target="_blank">Defending the Canon: SLJ & NCTE Review 15 Banned Classics</a></li> <li class="nav item"><a href="/page/refreshing-canon-booklist-2023" target="_blank">Refreshing the Canon Booklist</a></li> <li class="nav item"><a href="/page/SchoolLibrarianOfTheYear" target="">School Librarian of the Year</a></li> <li class="nav item"><a href="/page/2024YouthMediaAwards" target="">2024 Youth Media Awards</a></li> <li class="nav item"><a href="/page/readfree" target="">Read Free Poster</a></li> <li class="nav item"><a href="https://www.slj.com/page/mathical-book-prize-awards" target="_blank">Mathical Book Prize Collection Development Awards</a></li> <li class="nav item"><a href="https://www.slj.com/story/research" target="">Research</a></li> <li class="nav item"><a href="https://www.slj.com/story/white-papers-case-studies" target="">White Papers / Case Studies</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_15"> <h4 class="mt_0">Events & PD</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=inPersonEvents" target="">In-Person Events</a></li> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=onlineCourses" target="">Online Courses</a></li> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=virtualEvents" target="">Virtual Events</a></li> <li class="nav item"><a href="https://www.slj.com/section/events?eventtype=webcasts" target="">Webcasts</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0 pr_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="/page/About-Us" target="">About Us</a></li> <li class="nav item"><a href="/page/Contact-Us" target="">Contact Us</a></li> <li class="nav item"><a href="https://media.libraryjournal.com/" target="_blank">Advertise</a></li> <li class="nav item"><a href="https://www.slj.com/page/subscribe" target="_blank">Subscribe</a></li> <li class="nav item"><a href="/page/Media-Inquiries" target="">Media Inquiries</a></li> <li class="nav item"><a href="https://www.slj.com/page/slj-newsletters" target="_blank">Newsletter Sign Up</a></li> <li class="nav item"><a href="/page/Submissions" target="">Content Submissions</a></li> <li class="nav item"><a href="/page/Data-Privacy" target="">Data Privacy</a></li> <li class="nav item"><a href="/page/Terms-of-Use" target="">Terms of Use</a></li> <li class="nav item"><a href="/page/terms-of-sale" target="">Terms of Sale</a></li> <li class="nav item"><a href="/page/faqs" target="">FAQs</a></li> <li class="nav item"><a href="/page/Diversity-Policy" target="">Diversity Policy</a></li> <li class="nav item"><a href="/page/careers" target="">Careers at MSI</a></li> <li class="nav item mt_20 icon-inline-flex"> <a href="https://www.facebook.com/SchoolLibraryJournal/" target="_blank"><img class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/fb.png"></a> <a href="https://twitter.com/sljournal" target="_blank"><img style="width:35px; height:35px;" class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/tw.png"></a> <a href="https://www.instagram.com/sljournal/?hl=en" target="_blank"><img class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/insta.png"></a> <a href="https://www.pinterest.com/sljournal/" target="_blank"><img class="mr_1 tab-w-30" src="/webfiles/1732255584581/images/pin.png"></a> <a href="https://www.youtube.com/user/sljlive/feed"><img class="tab-w-30 tab-w-35" src="/webfiles/1732255584581/images/youtube.png"></a> </li> </ul> </div>  </div> </div> <hr class="footer-border-line mt_20 mb_20 hidden-xs"> <div class="container footer-img hidden-xs"> <div class="col-md-2 col-sm-2 col-xs-6 pl_0 text-align-left" style="border-right: 2px solid white"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732255584581/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-center"> <a title="AKJ" href="https://www.akjeducation.com/" target="_blank"> <img style="width:50px" src="/webfiles/1732255584581/images/akj1.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-right"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img src="/webfiles/1732255584581/images/The_Horn_Booknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right p_0"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img src="/webfiles/1732255584581/images/JLGnew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a id="homeFromFooter" href="https://www.libraryjournal.com/" class="pointer" target="_blank"> <img src="/webfiles/1732255584581/images/LJ_Blacknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a title="School Library Journal" href="?" target="_blank"> <img src="/webfiles/1732255584581/images/SLJ-footer.png"/> </a> </div> </div> <hr class="footer-border-line mt_20 mb_20 hidden-xs">  <div class="container hidden-xs mb_10"> <div class="col-md-12 col-sm-12 pl_0 pr_0"> <div class="col-md-6 col-sm-4 pl_0 gray"> COPYRIGHT © 2024 </div> <div class="col-md-6 col-sm-8 footer-policy float-right pr_0"> <ul class="pull-right">   </ul> </div> </div> </div>   <div class="col-md-12 col-sm-12 col-xs-12 mb_20 tablet"> <div class="col-xs-12 footer-block mt_30 mb_20"> <ul class="footer links footer-text text-align-center"> <li class="nav item"> <a href="https://www.facebook.com/SchoolLibraryJournal/"><img class="mr_20" src="/webfiles/1732255584581/images/fb.png"></a> <a href="https://twitter.com/sljournal"><img class="mr_20" src="/webfiles/1732255584581/images/tw.png"></a> <a href="https://www.instagram.com/sljournal/?hl=en"><img class="mr_20" src="/webfiles/1732255584581/images/insta.png"></a> <a href="https://www.pinterest.com/sljournal/"><img class="mr_20" src="/webfiles/1732255584581/images/pin.png"></a> <a href="https://www.youtube.com/user/sljlive/feed"><img class="" style="width: 36px;" src="/webfiles/1732255584581/images/youtube.png"></a> </li> </ul> </div> <hr class="footer-border-line mb_30"> <div class="footer-img display-block full-width pull-left mb_30"> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1732255584581/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-xs-6 text-align-center"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img class="full-width" src="/webfiles/1732255584581/images/The_Horn_Booknew.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a href="https://lj.libraryjournal.com/" class="pointer"> <img class="full-width" src="/webfiles/1732255584581/images/LJ_Blacknew.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="School Library Journal" href="?" target="_blank"> <img class="full-width" src="/webfiles/1732255584581/images/SLJ-footer.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a title="AKJ" href="https://www.akjeducation.com//" target="_blank"> <img style="width:50px" src="/webfiles/1732255584581/images/akj1.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img class="full-width" src="/webfiles/1732255584581/images/JLGnew.png"/> </a> </div> </div> </div> <hr class="footer-border-line mb_30"> <div class="col-md-12 col-xs-12 pl_0 pr_0"> <div class="footer-policy pl_0 pr_0 fs_15">    </div> <div class="col-md-6 col-xs-12 p_0 text-align-center mb_20 fs_15 gray"> COPYRIGHT © 2024 </div> </div>     </div>  </div> </footer> <script type='text/javascript'> function readUrlCategory(subpageVal, elementId, page) { var link = document.getElementById(elementId); if ("home" == page) { link.setAttribute("href", "?"); } else { link.setAttribute("href", "/site/home?subpage=" + subpageVal); } // document.forms[0].submit(); } </script> <script src="/webfiles/1732255584581/js/variable.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/session.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/main.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/smarten-text.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/private-mode.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/metering.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/validation.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/ecommerce.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/login.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/reset.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/topic-image.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/institutions.js" type="text/javascript"></script> <script src="/webfiles/1732255584581/js/analytics.js" type="text/javascript"></script>   <script type="text/javascript" id="hs-script-loader" async defer src="//https://us01.l.antigena.com/l/sMmsucjkVjbHBZpY4a_zfeTmny0AEi3ymm19LSkSDmGg-qpqH52GTlPHgWXiwPZllSy3b2n7cBVCA7OIWo1Z7uvZa~7jk56EZ5jXqHE8Xtpu24JDh7gXGy1"></script>  </body> </html>

CINXE.COM

School Library Journal