{"id":9408,"date":"2017-05-26T09:35:15","date_gmt":"2017-05-26T16:35:15","guid":{"rendered":"https:\/\/www.tynker.com\/blog\/?p=9408"},"modified":"2023-08-06T22:15:20","modified_gmt":"2023-08-07T05:15:20","slug":"javascript-and-python-made-easy-with-new-interactive-notebooks","status":"publish","type":"post","link":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/","title":{"rendered":"JavaScript and Python Made Easy with New Interactive Notebooks"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69fca6afb31d3\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #206be5;color:#206be5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #206be5;color:#206be5\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69fca6afb31d3\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#JavaScript_and_Python_Made_Easy_with_New_Interactive_Notebooks\" >JavaScript and Python Made Easy with New Interactive Notebooks<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#Moving_from_Block_Coding_to_JavaScript_and_Python\" >Moving from Block Coding to JavaScript and Python<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#What_Are_Interactive_Notebooks\" >What Are Interactive Notebooks?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#What_Can_Kids_Make\" >What Can Kids Make?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#How_Can_My_Child_Get_Started\" >How Can My Child Get Started?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"JavaScript_and_Python_Made_Easy_with_New_Interactive_Notebooks\"><\/span>JavaScript and Python Made Easy with New Interactive Notebooks<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>We\u2019re thrilled to announce&nbsp;that kids can now create and share JavaScript and Python notebooks, making it fun and easy to learn text-based programming and express themselves creatively with code. Our interactive notebooks are best for advanced middle schoolers or high schoolers who are ready to take the next steps into text coding.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Moving_from_Block_Coding_to_JavaScript_and_Python\"><\/span>Moving from Block Coding to JavaScript and Python<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>At Tynker, we start kids with visual programming, so that they can learn the fundamentals of programming and computational thinking in an easier, more beginner-friendly environment. Then we gradually introduce text-based coding and syntax with our <a href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-just-drag-connect-and-run\/\">drag-and-drop JavaScript and Python puzzles<\/a>. Finally, when they\u2019re ready, kids take the next step into JavaScript and Python languages with our new interactive notebooks, bridging the gap between block-based coding and text coding.<\/p>\n<p>We\u2019ve released a set of <a href=\"https:\/\/www.tynker.com\/explore\/community-notebooks\">ten classic arcade games<\/a> built in our JavaScript notebooks &#8211; with instructions and documentation &#8211; that kids can play and remix.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_Are_Interactive_Notebooks\"><\/span>What Are Interactive Notebooks?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Tynker\u2019s interactive notebooks allow kids to write code in JavaScript and Python in their browser. You write code on the left, and it runs on the right within the same window. To start out, kids can make simple text-based programs, and when they get more advanced, they can introduce graphics into their programs, making full games that run in the browser.<\/p>\n<p>Interactive notebooks are based on a form of programming called \u201cliterate programming,\u201d pioneered by Stanford computer scientist Donald Knuth. Literate programming emphasizes the readability of code, making it easier for people to understand and modify.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_Can_Kids_Make\"><\/span>What Can Kids Make?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>With our new interactive notebooks, kids can remix our featured games and also create new games of their own. Not only will they get comfortable with JavaScript and Python syntax, but they\u2019ll also learn computer science and math fundamentals like loops, functions, geometry, x- and y-coordinates, design, and much more.<\/p>\n<p>Take \u201c<a href=\"https:\/\/www.tynker.com\/nb\/project\/58e57e80af923132478b460c\/\">Memory Match<\/a>,\u201d the classic memory game where you flip over two tiles at a time and try to find matches.<\/p>\n\n<!-- iframe plugin v.6.0 wordpress.org\/plugins\/iframe\/ -->\n<iframe loading=\"lazy\" frameborder=\"0\" scrolling=\"no\" src=\"\/nb\/project\/58e57e80af923132478b460c\/sandbox\/-\/\" width=\"450\" height=\"500\" class=\"iframe-class\"><\/iframe>\n\n<p>This game sets up the HTML canvas to display the graphics and defines pixel art for each design. It uses an array data structure to store two of each type of pattern, then randomly shuffles these tiles. Whenever a tile is clicked, it updates the canvas to reveal the design and checks whether you\u2019ve uncovered two matching tiles. It checks if the player has won by tracking how many tiles have been matched.<\/p>\n<p>As they program or remix this game, kids learn about x- and y-coordinates, pixel art (simple pieces of art defined one pixel at a time), variables, functions, data structures, game loops, game logic, and much more.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_Can_My_Child_Get_Started\"><\/span>How Can My Child Get Started?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There are lots of different ways to start, depending on your child\u2019s age, coding experience, and interests.<\/p>\n<p>If your child is brand new to coding, we suggest starting with our block-based puzzles, activities, and courses. Your child can learn the <a href=\"https:\/\/www.tynker.com\/\">fundamentals of coding<\/a> in a fun, creative way as they build games, control <a href=\"https:\/\/www.tynker.com\/parents\/curriculum\/robotics-iot\/\">drones and robots<\/a>, <a href=\"https:\/\/www.tynker.com\/parents\/curriculum\/minecraft\/courses\/\">mod Minecraft<\/a>, or much more.<\/p>\n<p>Advanced middle schoolers or high schoolers who have already done some coding can start transitioning to JavaScript and Python with our free puzzle activities <a href=\"https:\/\/www.tynker.com\/hour-of-code\/counter-hack\">Counter Hack<\/a> and <a href=\"https:\/\/www.tynker.com\/hour-of-code\/toxic-jungle\">Toxic Jungle<\/a>.<\/p>\n<p>And if they\u2019re ready to really learn text-based coding, they can complete <a href=\"https:\/\/www.tynker.com\/courses\/javascript-1-sky-pirate-adventure\">Sky Pirates<\/a> and <a href=\"https:\/\/www.tynker.com\/courses\/python-1-jungle-run-adventure\">Jungle Run<\/a>, two courses that teach kids how to build their own JavaScript and Python games and programs. (Educators, we also offer <a href=\"https:\/\/www.tynker.com\/school\/courses\/index?cat=k8&amp;subcat=text\">text-based coding courses<\/a> that you can use in your classroom!)<\/p>\n<p style=\"text-align: center;\"><a class=\"sf-button large accent standard \" href=\"https:\/\/www.tynker.com\/parents\/\" target=\"_blank\"><span class=\"text\">Explore Courses<\/span><\/a>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript and Python Made Easy with New Interactive Notebooks We\u2019re thrilled to announce&nbsp;that kids can now create and share JavaScript and Python notebooks, making it fun and easy to learn text-based programming and express themselves creatively with code. Our interactive notebooks are best for advanced middle schoolers or high schoolers who are ready to take the next steps into text [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":9418,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53,52,123,511,64],"tags":[447,418,446],"class_list":["post-9408","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding-at-home","category-coding-at-school","category-new-tynker-features","category-programming-languages","category-educator-newsletter","tag-javascript","tag-python","tag-text-coding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript and Python Made Easy with New Interactive Notebooks - Tynker Blog<\/title>\n<meta name=\"description\" content=\"Simplify coding with interactive notebooks - Learn JavaScript and Python easily with Tynker&#039;s new tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript and Python Made Easy with New Interactive Notebooks - Tynker Blog\" \/>\n<meta property=\"og:description\" content=\"Simplify coding with interactive notebooks - Learn JavaScript and Python easily with Tynker&#039;s new tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/\" \/>\n<meta property=\"og:site_name\" content=\"Tynker Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Gotynker\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-26T16:35:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-07T05:15:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/get-to-the-door-blog-1.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"995\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Tynker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@gotynker\" \/>\n<meta name=\"twitter:site\" content=\"@gotynker\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tynker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript and Python Made Easy with New Interactive Notebooks - Tynker Blog","description":"Simplify coding with interactive notebooks - Learn JavaScript and Python easily with Tynker's new tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript and Python Made Easy with New Interactive Notebooks - Tynker Blog","og_description":"Simplify coding with interactive notebooks - Learn JavaScript and Python easily with Tynker's new tool.","og_url":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/","og_site_name":"Tynker Blog","article_publisher":"https:\/\/www.facebook.com\/Gotynker\/","article_published_time":"2017-05-26T16:35:15+00:00","article_modified_time":"2023-08-07T05:15:20+00:00","og_image":[{"width":995,"height":440,"url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/get-to-the-door-blog-1.gif","type":"image\/gif"}],"author":"Tynker","twitter_card":"summary_large_image","twitter_creator":"@gotynker","twitter_site":"@gotynker","twitter_misc":{"Written by":"Tynker","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#article","isPartOf":{"@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/"},"author":{"name":"Tynker","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/b63acd9ceebe78ea474bfcfbfdac7d57"},"headline":"JavaScript and Python Made Easy with New Interactive Notebooks","datePublished":"2017-05-26T16:35:15+00:00","dateModified":"2023-08-07T05:15:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/"},"wordCount":649,"publisher":{"@id":"https:\/\/www.tynker.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#primaryimage"},"thumbnailUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/get-to-the-door-blog-1.gif","keywords":["JavaScript","Python","Text Coding"],"articleSection":["Coding at Home","Coding in the Classroom","New Tynker Features","Programming Languages","Tynker Educator News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/","url":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/","name":"JavaScript and Python Made Easy with New Interactive Notebooks - Tynker Blog","isPartOf":{"@id":"https:\/\/www.tynker.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#primaryimage"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#primaryimage"},"thumbnailUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/get-to-the-door-blog-1.gif","datePublished":"2017-05-26T16:35:15+00:00","dateModified":"2023-08-07T05:15:20+00:00","description":"Simplify coding with interactive notebooks - Learn JavaScript and Python easily with Tynker's new tool.","breadcrumb":{"@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#primaryimage","url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/get-to-the-door-blog-1.gif","contentUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/get-to-the-door-blog-1.gif","width":995,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.tynker.com\/blog\/javascript-and-python-made-easy-with-new-interactive-notebooks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Coding for Kids","item":"https:\/\/www.tynker.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.tynker.com\/blog\/"},{"@type":"ListItem","position":3,"name":"JavaScript and Python Made Easy with New Interactive Notebooks"}]},{"@type":"WebSite","@id":"https:\/\/www.tynker.com\/blog\/#website","url":"https:\/\/www.tynker.com\/blog\/","name":"Tynker Blog","description":"Tynker makes it fun and easy to learn computer programming. Get started today with Tynker&#039;s easy-to-learn, visual programming courses designed for young learners in grades K-12.","publisher":{"@id":"https:\/\/www.tynker.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tynker.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.tynker.com\/blog\/#organization","name":"Tynker - Coding for Kids","url":"https:\/\/www.tynker.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20220713063303\/appicon-120.png","contentUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20220713063303\/appicon-120.png","width":120,"height":120,"caption":"Tynker - Coding for Kids"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Gotynker\/","https:\/\/x.com\/gotynker","https:\/\/www.instagram.com\/tynkercoding\/","https:\/\/www.pinterest.com\/gotynker\/","https:\/\/www.linkedin.com\/company\/tynker"]},{"@type":"Person","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/b63acd9ceebe78ea474bfcfbfdac7d57","name":"Tynker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e763a250a1fd5790919d1e588e78461c1f50971644d40baac7f6176d0a4ea007?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e763a250a1fd5790919d1e588e78461c1f50971644d40baac7f6176d0a4ea007?s=96&d=mm&r=g","caption":"Tynker"},"description":"Tynker enables children to learn computer programming in a fun and imaginative way. More than 60 million kids worldwide have started learning to code using Tynker.","url":"https:\/\/www.tynker.com\/blog\/author\/tynker\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/9408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/comments?post=9408"}],"version-history":[{"count":15,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/9408\/revisions"}],"predecessor-version":[{"id":35502,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/9408\/revisions\/35502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/media\/9418"}],"wp:attachment":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/media?parent=9408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/categories?post=9408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/tags?post=9408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}