{"id":30367,"date":"2020-07-16T17:01:47","date_gmt":"2020-07-16T23:01:47","guid":{"rendered":"https:\/\/www.codewizardshq.com\/?page_id=30367"},"modified":"2025-08-13T03:41:48","modified_gmt":"2025-08-13T09:41:48","slug":"fundamentals-of-web-dev","status":"publish","type":"page","link":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/","title":{"rendered":"Individual Curriculum &#8211; H12"},"content":{"rendered":"<div class=\"lazyblock-cw1-container-17uPNo wp-block-lazyblock-cw1-container\"><div class=\"container \"><div class=\"lazyblock-inner-blocks\">\n<div class=\"lazyblock-cw1-wizard-level-block-2smoxM 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\/High-School-Coding-Program-Guy-with-Laptop.jpg\" class=\"attachment-full size-full\" alt=\"High School Coding Program, Guy with Laptop\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/High-School-Coding-Program-Guy-with-Laptop.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/High-School-Coding-Program-Guy-with-Laptop-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>In\u00a0<em>Fundamentals of Web Development<\/em>, the second course in Wizard Level 2 of our high school program, students learn to use the foundational languages underpinning all websites and web applications. They&#8217;ll learn HTML, CSS, and JavaScript by coding fun and interactive websites. By the end of the course, students will have all the skills necessary to create websites, along with multiple projects to show off to friends and family! After completing\u00a0<em>Fundamentals of Web Development<\/em>, students move on to the next course in our structured curriculum:\u00a0<em>User Interface Development<\/em>.<\/p>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#web-sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"#h-class-schedule\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-wizard-level-block-ZdlxDP 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\/High-School-Coding-Program-Girl-With-Backpack.jpg\" class=\"attachment-full size-full\" alt=\"High School Coding Program, Girl With Backpack\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/High-School-Coding-Program-Girl-With-Backpack.jpg 548w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/High-School-Coding-Program-Girl-With-Backpack-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 <em>Fundamentals of Web Development<\/em>, they will be able to:<\/p>\n<ul>\n<li>Structure a website using HTML and create custom layouts\/designs with CSS<\/li>\n<li>Use JavaScript and jQuery to make their web applications interactive and fun to use<\/li>\n<li>Create functional user interfaces using standard web design and development techniques<\/li>\n<\/ul>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#web-sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"#h-class-schedule\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"lazyblock-cw1-wizard-level-block-Z229GM2 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 Fundamentals of Web Development:<\/p>\n<ul>\n<li>Wizard Level 1, Course 1 : <a href=\"https:\/\/www.codewizardshq.com\/intro-to-python-coding-class-hs\/\">Intro to Python<\/a><\/li>\n<\/ul>        <\/div>\n\n        <div class=\"buttons\">\n                            <a href=\"#web-sessions-header\" class=\"btn transparent\">View Lessons<\/a>\n            \n                            <a href=\"#h-class-schedule\" class=\"btn big\">Enroll<\/a>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"web-development-header\"><\/div>\n\n\n<div class=\"lazyblock-cw2-class-sessions-7d8c07c1 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\">Fundamentals of Web Development Class Lessons<\/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=\"1730\" height=\"970\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS.png\" class=\"attachment-full size-full\" alt=\"Web development class 1\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS.png 1730w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-768x431.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-1536x861.png 1536w\" sizes=\"auto, (max-width: 1730px) 100vw, 1730px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        1.\n                                    <\/span>\n                                \n                                HTML and CSS                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In the first lesson of Web Development with HTML &amp; CSS, students begin by creating their own profile webpage, learning to structure content with headings, paragraphs, and images. They also use a provided CSS file to style their pages, bringing them to life with colors and layout. Along the way, students explore core HTML tags and get a first look at how styling works on the web. This foundational lesson sets the stage for a creative and engaging journey into front-end development.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-2_-Attributes-and-selectors.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 2\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-2_-Attributes-and-selectors.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-2_-Attributes-and-selectors-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-2_-Attributes-and-selectors-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        2.\n                                    <\/span>\n                                \n                                Attributes &#038; Selectors                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><div>In this lesson of Web Development with HTML &amp; CSS, students take their skills to the next level by building an interactive movie quiz game. This marks their first multi-page website, connected using the anchor tag\u2014a powerful HTML element that brings the web to life through hyperlinks. Along the way, they explore how attributes add detail and functionality to HTML elements, from linking pages to customizing images.<\/div>\n<div>\u00a0<\/div>\n<div>Students also discover how to use unique ID attributes to style specific elements and dive deeper into CSS selectors for targeted design. This project strengthens their understanding of HTML structure and introduces the connectivity and customization that define modern web experiences.<\/div><\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-3_-Text-Formatting.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 3\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-3_-Text-Formatting.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-3_-Text-Formatting-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-3_-Text-Formatting-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        3.\n                                    <\/span>\n                                \n                                Formatting in CSS                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson of Web Development with HTML &amp; CSS, students discovered the power of CSS to transform plain webpages into visually engaging designs. By creating the Wizardry Newspaper, they explored creative font styling, text alignment, sizing, and decoration. They enhanced their layouts with borders and spacing, and added magical finishing touches using image filters\u2014building a strong foundation in modern web styling.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-4_-Introduction-to-Javascript.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 4\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-4_-Introduction-to-Javascript.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-4_-Introduction-to-Javascript-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-4_-Introduction-to-Javascript-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        4.\n                                    <\/span>\n                                \n                                Introduction to Javascript                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson of Web Development with JavaScript, students brought their projects to life by building a basic Alexa-style talk bot\u2014their first interactive JavaScript project. Along the way, they explored essential programming concepts like syntax, variables, if-else statements, and functions. To make their bot responsive, they learned how to dynamically update HTML content through button clicks, laying the groundwork for interactive web experiences.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-5_-Mid-term-project-I.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 5\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-5_-Mid-term-project-I.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-5_-Mid-term-project-I-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-5_-Mid-term-project-I-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        5.\n                                    <\/span>\n                                \n                                Mid term &#8211; I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students kicked off their mid-term project by building a virtual music band, starting with a playable drum set triggered by mouse clicks. As they brought the instruments to life, they explored the use of the CSS `position` property to accurately arrange each component and learned how to organize and insert images from different folders\u2014strengthening both their visual layout skills and project organization techniques.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-6_-Mid-term-project-II.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 6\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-6_-Mid-term-project-II.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-6_-Mid-term-project-II-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-6_-Mid-term-project-II-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        6.\n                                    <\/span>\n                                \n                                Mid term &#8211; II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students continued their Music Band project by adding sound to their virtual instruments. They learned how to embed audio into a webpage and reviewed creating JavaScript functions, including passing data through parameters. To boost interactivity, they explored how to play and pause audio with JavaScript, and as a bonus, used CSS selectors to change how elements look when hovered over or clicked.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-7_-Colors.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 7\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-7_-Colors.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-7_-Colors-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-7_-Colors-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        7.\n                                    <\/span>\n                                \n                                Colors                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students created a &#8220;My Canvas&#8221; app by using HTML containers to structure their layout and JavaScript to bring it to life. They explored how to apply custom colors using hex codes and RGB values, and learned to change styles like background color and shape dynamically. As a result, they built a fully customizable digital canvas\u2014combining creativity with hands-on coding practice.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-8_-DOM-Manipulation.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 8\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-8_-DOM-Manipulation.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-8_-DOM-Manipulation-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-8_-DOM-Manipulation-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        8.\n                                    <\/span>\n                                \n                                Introduction to jQuery                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students created a project called Superhero Cards, starting with a single interactive card. They were introduced to the Document Object Model (DOM) and learned how to use DOM manipulation to change content and appearance based on user interactions. To make their code more efficient, they also explored the jQuery library\u2014learning how to simplify complex JavaScript tasks with shorter, cleaner syntax.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-9_-jQuery-Animations.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 9\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-9_-jQuery-Animations.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-9_-jQuery-Animations-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-9_-jQuery-Animations-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        9.\n                                    <\/span>\n                                \n                                jQuery Animations                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students focused on building their jQuery skills by creating an animated image slider featuring their favorite scientists. They implemented smooth fade transitions between images and learned how to modify CSS properties through jQuery to animate elements dynamically. As a bonus, they explored using the `transform` property to flip HTML elements horizontally\u2014adding a fun and visually engaging twist to their project.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-10_-Videos.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 10\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-10_-Videos.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-10_-Videos-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-10_-Videos-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        10.\n                                    <\/span>\n                                \n                                Videos                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students learned how to add videos to their webpages by working on their class project: Arcade Gameplay. They practiced positioning a video inside a styled game box and added a custom progress bar using the HTML5 `progress` tag. To take it a step further, they also explored how to embed YouTube videos\u2014bringing dynamic multimedia content into their projects.<\/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=\"960\" height=\"540\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-11_-Final-Project-I.jpg\" class=\"attachment-full size-full\" alt=\"Web development class 11\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-11_-Final-Project-I.jpg 960w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-11_-Final-Project-I-300x169.jpg 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2021\/01\/H12_-Fundamentals-of-Web-Development-Lesson-11_-Final-Project-I-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        11.\n                                    <\/span>\n                                \n                                Final Project &#8211; I                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this lesson, students began their final project of the course: a Quick Notes app. This project served as a fun recap of key concepts learned throughout the course, combining HTML, CSS, and JavaScript. Students implemented functionality that allowed users to add notes with a single click and styled the app for a clean, user-friendly experience. They will continue building on this project in the next lesson.<\/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=\"1730\" height=\"970\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS.png\" class=\"attachment-full size-full\" alt=\"Web development class 12\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS.png 1730w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-300x168.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-1024x574.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-768x431.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2025\/04\/H122-Lesson-1-profile-page-HTML-CSS-1536x861.png 1536w\" sizes=\"auto, (max-width: 1730px) 100vw, 1730px\" \/><\/div>\n                    \n                    <div class=\"info\">\n                                                    <div class=\"title\">\n                                                                    <span>\n                                        12.\n                                    <\/span>\n                                \n                                Final Project &#8211; II                            <\/div>\n                        \n                        \n                        <div class=\"text\">\n                                                            <div><p>In this concluding lesson, students wrapped up their Quick Notes app by learning how to store small amounts of data directly in the browser. This allowed them to complete their project and create a fully functional note-taking tool. It marked the perfect end to an amazing course, where they explored and applied key concepts in web development from start to finish.<\/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<\/div><\/div><\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\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 Python&nbsp;<\/strong>at Wizard Level I. If you have previous coding experience, take the&nbsp;<a href=\"https:\/\/www.codewizardshq.com\/placement\/\">Placement&nbsp;test<\/a> to skip ahead. 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-PsgLk 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=high&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:70px\" 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":24,"featured_media":20517,"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-30367","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 Fundamentals of Web Development High School<\/title>\n<meta name=\"description\" content=\"Students learn HTML, CSS, and JavaScript by coding fun and interactive websites and learning the different tools of each lanugage.\" \/>\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\/fundamentals-of-web-dev\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Individual Curriculum &#8211; H12\" \/>\n<meta property=\"og:description\" content=\"Students learn HTML, CSS, and JavaScript by coding fun and interactive websites and learning the different tools of each lanugage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/\" \/>\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:41:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg\" \/>\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\/jpeg\" \/>\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\/fundamentals-of-web-dev\/\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/\",\n\t            \"name\": \"CodeWizardsHQ Fundamentals of Web Development High School\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg\",\n\t            \"datePublished\": \"2020-07-16T23:01:47+00:00\",\n\t            \"dateModified\": \"2025-08-13T09:41:48+00:00\",\n\t            \"description\": \"Students learn HTML, CSS, and JavaScript by coding fun and interactive websites and learning the different tools of each lanugage.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#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\/fundamentals-of-web-dev\/\"\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\/fundamentals-of-web-dev\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg\",\n\t            \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg\",\n\t            \"width\": 1920,\n\t            \"height\": 719,\n\t            \"caption\": \"H11 High School Python Class Banner\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#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; H12\"\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 Fundamentals of Web Development High School","description":"Students learn HTML, CSS, and JavaScript by coding fun and interactive websites and learning the different tools of each lanugage.","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\/fundamentals-of-web-dev\/","og_locale":"en_US","og_type":"article","og_title":"Individual Curriculum &#8211; H12","og_description":"Students learn HTML, CSS, and JavaScript by coding fun and interactive websites and learning the different tools of each lanugage.","og_url":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/","og_site_name":"CodeWizardsHQ","article_publisher":"https:\/\/www.facebook.com\/codewizardshq\/","article_modified_time":"2025-08-13T09:41:48+00:00","og_image":[{"width":1920,"height":719,"url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg","type":"image\/jpeg"}],"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\/fundamentals-of-web-dev\/","url":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/","name":"CodeWizardsHQ Fundamentals of Web Development High School","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#primaryimage"},"image":{"@id":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg","datePublished":"2020-07-16T23:01:47+00:00","dateModified":"2025-08-13T09:41:48+00:00","description":"Students learn HTML, CSS, and JavaScript by coding fun and interactive websites and learning the different tools of each lanugage.","breadcrumb":{"@id":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#primaryimage","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI.jpg","width":1920,"height":719,"caption":"H11 High School Python Class Banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codewizardshq.com\/fundamentals-of-web-dev\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codewizardshq.com\/"},{"@type":"ListItem","position":2,"name":"Individual Curriculum &#8211; H12"}]},{"@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\/2019\/11\/highHeaderI-600x400.jpg","featured_image_src_square":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2019\/11\/highHeaderI-600x600.jpg","_links":{"self":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/30367","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\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/comments?post=30367"}],"version-history":[{"count":12,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/30367\/revisions"}],"predecessor-version":[{"id":71236,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/pages\/30367\/revisions\/71236"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media\/20517"}],"wp:attachment":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media?parent=30367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}