{"id":23645,"date":"2020-01-29T00:08:16","date_gmt":"2020-01-29T06:08:16","guid":{"rendered":"https:\/\/www.codewizardshq.com\/?page_id=23645"},"modified":"2025-08-13T03:18:17","modified_gmt":"2025-08-13T09:18:17","slug":"individual-curriculum-v3","status":"publish","type":"page","link":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/","title":{"rendered":"Individual Curriculum &#8211; M13 v3"},"content":{"rendered":"<div class=\"lazyblock-cw1-container-2e0Ckj wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n<div class=\"lazyblock-cw1-wizard-level-block-1srV4B wp-block-lazyblock-cw1-wizard-level-block\">        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cw1-wizard-level-block\/block.css' type='text\/css' media='all' \/>\n    \n<div class=\"grade-item grade-item-2   \">\n    <div class=\"image\">\n        <div class=\"inner\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"526\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Middle-School-Coding-Program-Boy-STEM-Class-1.jpg\" class=\"attachment-full size-full\" alt=\"Middle school boy in classroom\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Middle-School-Coding-Program-Boy-STEM-Class-1.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Middle-School-Coding-Program-Boy-STEM-Class-1-300x288.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/>                            \n            <div class=\"grade\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"content\">\n        <div class=\"title\">\n            <h3>\n                Course Description\n                            <\/h3>\n        <\/div>\n\n        <div class=\"text\">\n            <p>Web technology continues to evolve; this course offers truly progressive content in front-end website development.\u00a0Students utilize JavaScript, jQuery, HTML, and CSS3 to create stunning, interactive, dynamic websites they will love to build and show off. Students build a portfolio-worthy project at the end of the course show-casing their advanced skills and knowledge.<\/p>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#javascript-sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-wizard-level-block-Z2eAfUc wp-block-lazyblock-cw1-wizard-level-block\">\n<div class=\"grade-item grade-item-2 image-right color-orange \">\n    <div class=\"image\">\n        <div class=\"inner\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"526\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Middle-School-Coding-Program-Girl-in-Class-1.jpg\" class=\"attachment-full size-full\" alt=\"Middle school girl in coding class\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Middle-School-Coding-Program-Girl-in-Class-1.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/Middle-School-Coding-Program-Girl-in-Class-1-300x288.jpg 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/>                            \n            <div class=\"grade\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"content\">\n        <div class=\"title\">\n            <h3>\n                Learning Objectives\n                            <\/h3>\n        <\/div>\n\n        <div class=\"text\">\n            <p>When students complete Interactive Web with JavaScript, they will be able to:<\/p>\n<ul>\n<li>Learn foundational JavaScript and jQuery skills to add interactivity logic<\/li>\n<li>Learn CSS3 keyframe and positioning skills to add realistic and effective animation, arrays, loops, and operators<\/li>\n<li>Incorporate JavaScript, jQuery, and CSS3 into HTML to properly display an interactive page.<\/li>\n<\/ul>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#javascript-sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"lazyblock-cw1-wizard-level-block-Zz2XC1 wp-block-lazyblock-cw1-wizard-level-block\">\n<div class=\"grade-item grade-item-2  color-orange \">\n    <div class=\"image\">\n        <div class=\"inner\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"528\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/grade-1.png\" class=\"attachment-full size-full\" alt=\"Level I\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/grade-1.png 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/grade-1-300x289.png 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/>                            \n            <div class=\"grade\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"content\">\n        <div class=\"title\">\n            <h3>\n                Prerequisites\n                            <\/h3>\n        <\/div>\n\n        <div class=\"text\">\n            <p>These courses must be completed before Interactive Web with JavaScript:<\/p>\n<ul>\n<li>Wizard Level 1, Course 1 : <a href=\"https:\/\/www.codewizardshq.com\/intro-to-python-programming-class\/\">Intro to Programming with Python<\/a><\/li>\n<li>Wizard Level 1, Course 2 : <a href=\"https:\/\/www.codewizardshq.com\/webpages-html-css-class-v3\/\">Webpages with HTML &amp; CSS<\/a><\/li>\n<\/ul>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#javascript-sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"javascript-sessions-header\"><\/div>\n\n\n<div class=\"lazyblock-cw2-class-sessions-d229ccc2 wp-block-lazyblock-cw2-class-sessions\">\n        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cw2-class-sessions\/block.css' type='text\/css' media='all' \/>\n    \n<div class=\"class-sessions\">\n    <a href=\"javascript:void(0)\" class=\"heading\">\n                    <span class=\"title\">Interactive Web with JavaScript<\/span>\n        \n                    <span class=\"expand\">Expand All Lessons<\/span>\n        \n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n        <\/svg>\n    <\/a>\n\n            <ul class=\"items\">\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1464\" height=\"824\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-Web-1.png\" class=\"attachment-full size-full\" alt=\"Interactivity using JavaScript\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-Web-1.png 1464w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-Web-1-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-Web-1-768x432.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-Web-1-1024x576.png 1024w\" sizes=\"auto, (max-width: 1464px) 100vw, 1464px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        1.\n                                    <\/span>\n                                \n                                Interactivity using JavaScript                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn how to use JavaScript in HTML pages, as well as JavaScript variables and if-else statements to create a fun, interactive quiz project which prompts the user for information and returns values. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1468\" height=\"828\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-2.png\" class=\"attachment-full size-full\" alt=\"Learn Animation with CSS3\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-2.png 1468w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-2-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-2-768x433.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-2-1024x578.png 1024w\" sizes=\"auto, (max-width: 1468px) 100vw, 1468px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        2.\n                                    <\/span>\n                                \n                                Learn Animation with CSS3                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students are introduced to the power of CSS3 positioning and keyframes to create an impressive monster truck animation. This project incorporates CSS positioning elements which are critical to understand for all web developers. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1466\" height=\"826\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-3.png\" class=\"attachment-full size-full\" alt=\"Basic Interactivity via JavaScript\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-3.png 1466w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-3-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-3-768x433.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-3-1024x577.png 1024w\" sizes=\"auto, (max-width: 1466px) 100vw, 1466px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        3.\n                                    <\/span>\n                                \n                                Basic Interactivity via JavaScript                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn how to dynamically change the HTML code of a page using functions, arrays, and DOM document objects. Students dynamically update a webpage with Superhero facts by utilizing items in an array and creating JavaScript functions and timing intervals. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1466\" height=\"826\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-4.png\" class=\"attachment-full size-full\" alt=\"Time Functions\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-4.png 1466w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-4-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-4-768x433.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-4-1024x577.png 1024w\" sizes=\"auto, (max-width: 1466px) 100vw, 1466px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        4.\n                                    <\/span>\n                                \n                                Time Functions                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn how to add a variety of timed actions to increase the interactivity of a page. Students also use audio files to add sound effects to the project of the day. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1456\" height=\"826\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-5.png\" class=\"attachment-full size-full\" alt=\"Create a Slot Machine I\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-5.png 1456w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-5-300x170.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-5-768x436.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-5-1024x581.png 1024w\" sizes=\"auto, (max-width: 1456px) 100vw, 1456px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        5.\n                                    <\/span>\n                                \n                                Create a Slot Machine I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students draw upon knowledge and skills learned thus far to create part 1 of a dynamic, interactive slot-machine game. Arrays, variables, CSS3 elements, JavaScript functions, intervals, and DOM concepts are reinforced as the game is built. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1468\" height=\"826\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-6.png\" class=\"attachment-full size-full\" alt=\"Create a Slot Machine II\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-6.png 1468w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-6-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-6-768x432.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-6-1024x576.png 1024w\" sizes=\"auto, (max-width: 1468px) 100vw, 1468px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        6.\n                                    <\/span>\n                                \n                                Create a Slot Machine II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students add to the slot-machine project started in the previous lesson. Students create more complex functions utilizing time intervals and event handlers to create a realistic slot-machine game, complete with sound effects. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1478\" height=\"824\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-7.png\" class=\"attachment-full size-full\" alt=\"DOM Manipulation using JQuery\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-7.png 1478w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-7-300x167.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-7-768x428.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-7-1024x571.png 1024w\" sizes=\"auto, (max-width: 1478px) 100vw, 1478px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        7.\n                                    <\/span>\n                                \n                                DOM Manipulation using JQuery                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn how to use the jQuery selector and DOM. Students learn how to hide, show, and change text using jQuery to create a Pokemon game, complete with score-keeping. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1466\" height=\"826\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-8.png\" class=\"attachment-full size-full\" alt=\"Events using JQuery\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-8.png 1466w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-8-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-8-768x433.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-8-1024x577.png 1024w\" sizes=\"auto, (max-width: 1466px) 100vw, 1466px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        8.\n                                    <\/span>\n                                \n                                Events using JQuery                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learn how to utilize keyboard events and collision detection to create an interesting, interactive web page which is animated using keyframes. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1462\" height=\"826\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-9.png\" class=\"attachment-full size-full\" alt=\"Using Colors\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-9.png 1462w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-9-300x169.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-9-768x434.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-9-1024x579.png 1024w\" sizes=\"auto, (max-width: 1462px) 100vw, 1462px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        9.\n                                    <\/span>\n                                \n                                Using Colors                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students create an entertaining painting app while learning how to dynamically manipulate colors. Students build jQuery functions, loops, and operators to interact with the canvas and create works of art. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1346\" height=\"766\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-10.png\" class=\"attachment-full size-full\" alt=\"Creating Animations with CSS3 and JQuery\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-10.png 1346w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-10-300x171.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-10-768x437.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-10-1024x583.png 1024w\" sizes=\"auto, (max-width: 1346px) 100vw, 1346px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        10.\n                                    <\/span>\n                                \n                                Creating Animations with CSS3 and JQuery                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students create an animated archery game, requiring advanced animation, collision detection and element positioning. Keyframes move the archery target up and down, making the game even more challenging. Advanced concepts are introduced while students continue to reinforce skills from previous lessons. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1466\" height=\"838\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Intreractive-web-11.png\" class=\"attachment-full size-full\" alt=\"Space Wars Project\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Intreractive-web-11.png 1466w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Intreractive-web-11-300x171.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Intreractive-web-11-768x439.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Intreractive-web-11-1024x585.png 1024w\" sizes=\"auto, (max-width: 1466px) 100vw, 1466px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        11.\n                                    <\/span>\n                                \n                                Space Wars Project                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In part one of the final project, students create a Space Wars game incorporating past knowledge of jQuery functions, arrays, loops, and operators and CSS3 keyframes and positioning to create part 1 of this truly stunning game. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                            <li class=\"item\">\n                                            \n                        <div class=\"image\"><img loading=\"lazy\" decoding=\"async\" width=\"1466\" height=\"822\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-12.png\" class=\"attachment-full size-full\" alt=\"Space Wars\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-12.png 1466w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-12-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-12-768x431.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/01\/Interactive-web-12-1024x574.png 1024w\" sizes=\"auto, (max-width: 1466px) 100vw, 1466px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        12.\n                                    <\/span>\n                                \n                                Space Wars                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>The final project concludes by adding collision detection and scoring to the Space Wars game. The completed game is a true showcase of the solid programming concepts and skills students have learned during the course. <\/p><\/div>\n                            \n                                                            <div class=\"buttons\"><a href=\"https:\/\/enroll.codewizardshq.com\/\" class=\"btn\">Enroll<\/a><\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <a href=\"javascript:void(0)\" class=\"open\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"39\" height=\"23\" viewBox=\"0 0 39.24 23.25\" class=\"arrow\">\n                            <path stroke=\"currentColor\" stroke-width=\"3px\" fill-rule=\"evenodd\" fill=\"none\" d=\"M1475,4423l16,16,16-16\" transform=\"translate(-1471.38 -4421.5)\" \/>\n                        <\/svg>\n                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<\/div><\/div><\/div>\n\n\n<h4 class=\"wp-block-heading has-text-align-center\" id=\"h-class-schedule\">Class Schedule<\/h4>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-container ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\" style=\"max-width:900px\">\n<p class=\"has-text-align-center\"> All students start in&nbsp;<strong>Intro to Programming<\/strong>&nbsp;at Wizard Level I. If you have previous coding experience, take the&nbsp;<a href=\"https:\/\/www.codewizardshq.com\/placement\/\">Advanced Placement<\/a>&nbsp;test. Returning students can continue with the class where they left off. <\/p>\n<\/div><\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-container-Z2c5CgC wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n    <div class=\"wp-block-cgb-blocks-codewizards-schedule-block schedule-block schedule-block-remote\">\n                    <div class=\"heading\">\n                <a href=\"javascript:void(0)\" class=\"active\" data-tab=\"new-students\">New Students<\/a>\n\n                                    <a href=\"javascript:void(0)\" data-tab=\"tab2\">Returning Students<\/a>\n                            <\/div>\n        \n        <ul class=\"items new-students\" data-schedule-url=\"https:\/\/enroll-api.codewizardshq.com\/enroll\/api\/class?track=middle&amp;frequency=0\">\n            <li class=\"loader\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/assets\/images\/loader.png\" alt=\"loading icon\"><\/li>\n        <\/ul>\n\n                    <ul class=\"items tab2\" style=\"display:none;\">\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"19952\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\">Welcome Back! <\/div>\n                            <div class=\"description visible\">Please use the <a href=\"https:\/\/parents.codewizardshq.com\">CodeWizardsHQ platform<\/a> to sign up for your next course. Instructions are below:<\/div>\n                        <\/div>\n\n                                            <\/li>\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"38428\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\"> <\/div>\n                            <div class=\"description visible\">1. Login to the parent portal (<a href=\"https:\/\/parents.codewizardshq.com\">https:\/\/parents.codewizardshq.com<\/a>) using your student's username and password and your parent PIN. If you do not know your parent PIN, click \"Send Parent PIN To Email\" to request it. <\/div>\n                        <\/div>\n\n                                                    <div class=\"buttons\">\n                                <a href=\"https:\/\/parents.codewizardshq.com\" class=\"btn transparent\">Go to Login Screen<\/a>\n                            <\/div>\n                                            <\/li>\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"38430\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\"> <\/div>\n                            <div class=\"description visible\">2. Click the Next Course tab within the parent dashboard, choose the class time that you would like to sign up for, and press Enroll. The course selection tab will only show class times for the next appropriate course for your student.<\/div>\n                        <\/div>\n\n                                            <\/li>\n                                    \n                    <li class=\"item\" data-date=\"\" data-to=\"\" data-from=\"\" data-id=\"55430\">\n                        <div class=\"date\"><\/div>\n                        <div class=\"text\">\n                            <div class=\"title\"> <\/div>\n                            <div class=\"description visible\">3. If you prefer, send us an email at <a href=\"mailto:school@codewizardshq.com\">school@codewizardshq.com<\/a> with your student's name and we will send over options! <\/div>\n                        <\/div>\n\n                                            <\/li>\n                            <\/ul>\n            <\/div>\n\n    \n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<\/div><\/div><\/div>\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-container-Zy11UI wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n\n<div style=\"background-color:#ecf4f5;padding-left:2%;padding-right:2%;padding-bottom:1%;padding-top:3.5%\" class=\"wp-block-atomic-blocks-ab-container ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\" style=\"max-width:1600px\"><div class=\"lazyblock-cw1-container-Z1XitY1 wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n\n<div class=\"wp-block-atomic-blocks-ab-container ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\" style=\"max-width:1153px\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\" id=\"h-1-most-comprehensive-program-nbsp-for-your-student-s-success\"><strong>#1 Most Comprehensive Program&nbsp;for Your Student\u2019s Success!<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center\">The CodeWizardsHQ program comes with everything your child needs to be successful in learning to code.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center\"><strong>All of the below are included at no extra cost.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z1n2ARG wp-block-lazyblock-cw1-text-with-icon\">        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cw1-text-with-icon\/block.css' type='text\/css' media='all' \/>\n    \n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-school\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M0 224v272c0 8.84 7.16 16 16 16h80V192H32c-17.67 0-32 14.33-32 32zm360-48h-24v-40c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v64c0 4.42 3.58 8 8 8h48c4.42 0 8-3.58 8-8v-16c0-4.42-3.58-8-8-8zm137.75-63.96l-160-106.67a32.02 32.02 0 0 0-35.5 0l-160 106.67A32.002 32.002 0 0 0 128 138.66V512h128V368c0-8.84 7.16-16 16-16h96c8.84 0 16 7.16 16 16v144h128V138.67c0-10.7-5.35-20.7-14.25-26.63zM320 256c-44.18 0-80-35.82-80-80s35.82-80 80-80 80 35.82 80 80-35.82 80-80 80zm288-64h-64v320h80c8.84 0 16-7.16 16-16V224c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>    <\/span>\n    Interactive Live Classes<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z1Bl2zS wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-calendar\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M400 64h-48V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v52H160V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 400H54a6 6 0 0 1-6-6V160h352v298a6 6 0 0 1-6 6zm-52.849-200.65L198.842 404.519c-4.705 4.667-12.303 4.637-16.971-.068l-75.091-75.699c-4.667-4.705-4.637-12.303.068-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l44.104 44.461 111.072-110.181c4.705-4.667 12.303-4.637 16.971.068l22.536 22.718c4.667 4.705 4.636 12.303-.069 16.97z\"><\/path><\/svg><\/span>    <\/span>\n    Structured and Comprehensive Curriculum<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-131IDJ wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-video\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z\"><\/path><\/svg><\/span>    <\/span>\n    Video Recordings of Every Class<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-22x2De wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-file-download\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"file-download\" class=\"svg-inline--fa fa-file-download fa-w-12\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg><\/span>    <\/span>\n    Downloadable Slides for Every Class<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z24QVrd wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-comments\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path fill=\"currentColor\" d=\"M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z\"><\/path><\/svg><\/span>    <\/span>\n    1&#215;1 Office Hours (Advanced Courses)<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-1Imppp wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-chart-line\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z\"><\/path><\/svg><\/span>    <\/span>\n    Weekly Progress Report &#038; Alerts<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-1qVz98 wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-life-ring\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"life-ring\" class=\"svg-inline--fa fa-life-ring fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm173.696 119.559l-63.399 63.399c-10.987-18.559-26.67-34.252-45.255-45.255l63.399-63.399a218.396 218.396 0 0 1 45.255 45.255zM256 352c-53.019 0-96-42.981-96-96s42.981-96 96-96 96 42.981 96 96-42.981 96-96 96zM127.559 82.304l63.399 63.399c-18.559 10.987-34.252 26.67-45.255 45.255l-63.399-63.399a218.372 218.372 0 0 1 45.255-45.255zM82.304 384.441l63.399-63.399c10.987 18.559 26.67 34.252 45.255 45.255l-63.399 63.399a218.396 218.396 0 0 1-45.255-45.255zm302.137 45.255l-63.399-63.399c18.559-10.987 34.252-26.67 45.255-45.255l63.399 63.399a218.403 218.403 0 0 1-45.255 45.255z\"><\/path><\/svg><\/span>    <\/span>\n    Daily Homework Help<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-2rlXUO wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-medal\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M223.75 130.75L154.62 15.54A31.997 31.997 0 0 0 127.18 0H16.03C3.08 0-4.5 14.57 2.92 25.18l111.27 158.96c29.72-27.77 67.52-46.83 109.56-53.39zM495.97 0H384.82c-11.24 0-21.66 5.9-27.44 15.54l-69.13 115.21c42.04 6.56 79.84 25.62 109.56 53.38L509.08 25.18C516.5 14.57 508.92 0 495.97 0zM256 160c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm92.52 157.26l-37.93 36.96 8.97 52.22c1.6 9.36-8.26 16.51-16.65 12.09L256 393.88l-46.9 24.65c-8.4 4.45-18.25-2.74-16.65-12.09l8.97-52.22-37.93-36.96c-6.82-6.64-3.05-18.23 6.35-19.59l52.43-7.64 23.43-47.52c2.11-4.28 6.19-6.39 10.28-6.39 4.11 0 8.22 2.14 10.33 6.39l23.43 47.52 52.43 7.64c9.4 1.36 13.17 12.95 6.35 19.59z\"><\/path><\/svg><\/span>    <\/span>\n    Individual Course Certification<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-iAX8m wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-chalkboard-teacher\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M208 352c-2.39 0-4.78.35-7.06 1.09C187.98 357.3 174.35 360 160 360c-14.35 0-27.98-2.7-40.95-6.91-2.28-.74-4.66-1.09-7.05-1.09C49.94 352-.33 402.48 0 464.62.14 490.88 21.73 512 48 512h224c26.27 0 47.86-21.12 48-47.38.33-62.14-49.94-112.62-112-112.62zm-48-32c53.02 0 96-42.98 96-96s-42.98-96-96-96-96 42.98-96 96 42.98 96 96 96zM592 0H208c-26.47 0-48 22.25-48 49.59V96c23.42 0 45.1 6.78 64 17.8V64h352v288h-64v-64H384v64h-76.24c19.1 16.69 33.12 38.73 39.69 64H592c26.47 0 48-22.25 48-49.59V49.59C640 22.25 618.47 0 592 0z\"><\/path><\/svg><\/span>    <\/span>\n    Highly Qualified and Experienced Teachers<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Zoeeyb wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-clock\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm57.1 350.1L224.9 294c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v137.7l63.5 46.2c5.4 3.9 6.5 11.4 2.6 16.8l-28.2 38.8c-3.9 5.3-11.4 6.5-16.8 2.6z\"><\/path><\/svg><\/span>    <\/span>\n    24\/7 Access to Proprietary Coding Platform<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-o7hGz wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-graduation\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M622.34 153.2L343.4 67.5c-15.2-4.67-31.6-4.67-46.79 0L17.66 153.2c-23.54 7.23-23.54 38.36 0 45.59l48.63 14.94c-10.67 13.19-17.23 29.28-17.88 46.9C38.78 266.15 32 276.11 32 288c0 10.78 5.68 19.85 13.86 25.65L20.33 428.53C18.11 438.52 25.71 448 35.94 448h56.11c10.24 0 17.84-9.48 15.62-19.47L82.14 313.65C90.32 307.85 96 298.78 96 288c0-11.57-6.47-21.25-15.66-26.87.76-15.02 8.44-28.3 20.69-36.72L296.6 284.5c9.06 2.78 26.44 6.25 46.79 0l278.95-85.7c23.55-7.24 23.55-38.36 0-45.6zM352.79 315.09c-28.53 8.76-52.84 3.92-65.59 0l-145.02-44.55L128 384c0 35.35 85.96 64 192 64s192-28.65 192-64l-14.18-113.47-145.03 44.56z\"><\/path><\/svg><\/span>    <\/span>\n    Supportive Online Student Community<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-ZPtuOR wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-id-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path fill=\"currentColor\" d=\"M336 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm0 464H48V48h288v416zM144 112h96c8.8 0 16-7.2 16-16s-7.2-16-16-16h-96c-8.8 0-16 7.2-16 16s7.2 16 16 16zm48 176c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2z\"><\/path><\/svg><\/span>    <\/span>\n    Path to Real-World Internship<\/span>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-columns items-list-1 ab-layout-columns-2 ab-2-col-equal\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\"><div class=\"lazyblock-cw1-text-with-icon-Z2i8CUD wp-block-lazyblock-cw1-text-with-icon\">\n<span class=\"text-with-icon \">\n    <span  style=\"color:#011e41\">\n        <span class=\"icon icon-cw1-business-time\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path fill=\"currentColor\" d=\"M496 224c-79.59 0-144 64.41-144 144s64.41 144 144 144 144-64.41 144-144-64.41-144-144-144zm64 150.29c0 5.34-4.37 9.71-9.71 9.71h-60.57c-5.34 0-9.71-4.37-9.71-9.71v-76.57c0-5.34 4.37-9.71 9.71-9.71h12.57c5.34 0 9.71 4.37 9.71 9.71V352h38.29c5.34 0 9.71 4.37 9.71 9.71v12.58zM496 192c5.4 0 10.72.33 16 .81V144c0-25.6-22.4-48-48-48h-80V48c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h395.12c28.6-20.09 63.35-32 100.88-32zM320 96H192V64h128v32zm6.82 224H208c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h291.43C327.1 423.96 320 396.82 320 368c0-16.66 2.48-32.72 6.82-48z\"><\/path><\/svg><\/span>    <\/span>\n    Hands-on, Project Based Learning<\/span>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column ab-block-layout-column\"><div class=\"ab-block-layout-column-inner\">\n<p><\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#h-class-schedule\">Enroll<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n<\/div><\/div><\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-container-Z6SUJX wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n\n<div class=\"wp-block-atomic-blocks-ab-columns ab-layout-columns-2 ab-2-col-equal\" style=\"margin-top:30px;margin-bottom:20px\"><div class=\"ab-layout-column-wrap ab-block-layout-column-gap-2 ab-is-responsive-column\">\n<div class=\"wp-block-atomic-blocks-ab-column bg-lines-3 ab-block-layout-column\"><div class=\"ab-block-layout-column-inner ab-has-custom-background-color\" style=\"margin-bottom:30px;padding-top:27px;padding-right:34px;padding-bottom:14px;padding-left:34px;background-color:#fdc743\">\n<p><strong>Course Duration &amp; Time Commitment<\/strong><br>All courses are 12 weeks long. A Wizard will receive a certification for their achievement at the end of the course.<\/p>\n\n\n\n<p>Expect a weekly time commitment of 2-3 hours. 55 minutes of class time, plus 1-2 hours of practice time, with instructor support throughout, including weekends.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-atomic-blocks-ab-column bg-lines-3 ab-block-layout-column\"><div class=\"ab-block-layout-column-inner ab-has-custom-background-color\" style=\"margin-bottom:30px;padding-top:27px;padding-right:34px;padding-bottom:14px;padding-left:34px;background-color:#0d1d41\">\n<p style=\"color:#ffc844;margin-bottom:0;\" class=\"has-text-color\"><strong>100% Guarantee<\/strong><\/p>\n\n\n\n<p class=\"has-text-color\" style=\"color:#ffffff\">Our goal is to make all our students successful. If your child is not happy with our program, please notify us within the first four class sessions and you will receive a full refund. <a href=\"https:\/\/www.codewizardshq.com\/terms\/#refund\" target=\"_blank\" rel=\"noreferrer noopener\">See refund details.<\/a> <\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n\n<\/div><\/div><\/div>\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cta-2-20q1k wp-block-lazyblock-cta-2\">\n        <link rel='stylesheet' href='https:\/\/www.codewizardshq.com\/wp-content\/themes\/codewizards\/blocks\/lazyblock-cta-2\/block.css' type='text\/css' media='all' \/>\n    \n<section class=\"cw-cta-block-2\">\n\t<div class=\"container\">\n\t\t<div>\n\t\t\t\t\t\t\t<h2 class=\"title\">Get Your Wizard Started<\/h2>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"text\">\n\t\t\t\t\t<p>Start coding with our experienced teachers today.<br>Enroll risk-free with our 4 session money-back guarantee. <a href=\"https:\/\/www.codewizardshq.com\/terms\/#refund\">Full guarantee details.<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t<a href=\"#h-class-schedule\" class=\"wp-block-button__link\">Enroll Now<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Class Schedule<\/p>\n","protected":false},"author":35,"featured_media":31023,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-wide.php","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"class_list":["post-23645","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v26.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>CodeWizardsHQ Interactive Web with JavaScript Middle School<\/title>\n<meta name=\"description\" content=\"Take a look at information for our Interactive Web with JavaScript course. Learn how to code video games using JavaScript and jQuery!\" \/>\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.codewizardshq.com\/individual-curriculum-v3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Individual Curriculum &#8211; M13 v3\" \/>\n<meta property=\"og:description\" content=\"Take a look at information for our Interactive Web with JavaScript course. Learn how to code video games using JavaScript and jQuery!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeWizardsHQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codewizardshq\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-13T09:18:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"719\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@codewizardshq\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/\",\n\t            \"name\": \"CodeWizardsHQ Interactive Web with JavaScript Middle School\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png\",\n\t            \"datePublished\": \"2020-01-29T06:08:16+00:00\",\n\t            \"dateModified\": \"2025-08-13T09:18:17+00:00\",\n\t            \"description\": \"Take a look at information for our Interactive Web with JavaScript course. Learn how to code video games using JavaScript and jQuery!\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png\",\n\t            \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png\",\n\t            \"width\": 1920,\n\t            \"height\": 719,\n\t            \"caption\": \"M13 Middle School JavaScript Coding Class Banner\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.codewizardshq.com\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Individual Curriculum &#8211; M13 v3\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#website\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/\",\n\t            \"name\": \"CodeWizardsHQ\",\n\t            \"description\": \"The leading online coding academy for kids and teens ages 8-18\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.codewizardshq.com\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\",\n\t            \"name\": \"CodeWizardsHQ\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png\",\n\t                \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png\",\n\t                \"width\": 150,\n\t                \"height\": 108,\n\t                \"caption\": \"CodeWizardsHQ\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/www.facebook.com\/codewizardshq\/\",\n\t                \"https:\/\/x.com\/codewizardshq\",\n\t                \"https:\/\/www.instagram.com\/codewizardshq\/\",\n\t                \"https:\/\/www.linkedin.com\/company\/codewizardshq\",\n\t                \"https:\/\/www.pinterest.com\/codewizardshq\/\",\n\t                \"https:\/\/www.youtube.com\/channel\/UC4NM0jfN0LI8_vWtiwLqgGw\"\n\t            ]\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"CodeWizardsHQ Interactive Web with JavaScript Middle School","description":"Take a look at information for our Interactive Web with JavaScript course. Learn how to code video games using JavaScript and jQuery!","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.codewizardshq.com\/individual-curriculum-v3\/","og_locale":"en_US","og_type":"article","og_title":"Individual Curriculum &#8211; M13 v3","og_description":"Take a look at information for our Interactive Web with JavaScript course. Learn how to code video games using JavaScript and jQuery!","og_url":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/","og_site_name":"CodeWizardsHQ","article_publisher":"https:\/\/www.facebook.com\/codewizardshq\/","article_modified_time":"2025-08-13T09:18:17+00:00","og_image":[{"width":1920,"height":719,"url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@codewizardshq","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/","url":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/","name":"CodeWizardsHQ Interactive Web with JavaScript Middle School","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#primaryimage"},"image":{"@id":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png","datePublished":"2020-01-29T06:08:16+00:00","dateModified":"2025-08-13T09:18:17+00:00","description":"Take a look at information for our Interactive Web with JavaScript course. Learn how to code video games using JavaScript and jQuery!","breadcrumb":{"@id":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#primaryimage","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13.png","width":1920,"height":719,"caption":"M13 Middle School JavaScript Coding Class Banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codewizardshq.com\/individual-curriculum-v3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codewizardshq.com\/"},{"@type":"ListItem","position":2,"name":"Individual Curriculum &#8211; M13 v3"}]},{"@type":"WebSite","@id":"https:\/\/www.codewizardshq.com\/#website","url":"https:\/\/www.codewizardshq.com\/","name":"CodeWizardsHQ","description":"The leading online coding academy for kids and teens ages 8-18","publisher":{"@id":"https:\/\/www.codewizardshq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codewizardshq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codewizardshq.com\/#organization","name":"CodeWizardsHQ","url":"https:\/\/www.codewizardshq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png","width":150,"height":108,"caption":"CodeWizardsHQ"},"image":{"@id":"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codewizardshq\/","https:\/\/x.com\/codewizardshq","https:\/\/www.instagram.com\/codewizardshq\/","https:\/\/www.linkedin.com\/company\/codewizardshq","https:\/\/www.pinterest.com\/codewizardshq\/","https:\/\/www.youtube.com\/channel\/UC4NM0jfN0LI8_vWtiwLqgGw"]}]}},"featured_image_src":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13-600x400.png","featured_image_src_square":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2020\/08\/header_M13-600x600.png","_links":{"self":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/23645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/comments?post=23645"}],"version-history":[{"count":3,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/23645\/revisions"}],"predecessor-version":[{"id":71222,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/23645\/revisions\/71222"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media\/31023"}],"wp:attachment":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media?parent=23645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}