Summer Enrollment Now Open for Classes & Camps! View Now
Student Login Parent Login
elementary school boy in coding class

Course Description

The Wizard Level 2 Capstone marks the final stage of our middle school curriculum’s Wizard Level 2, where students demonstrate their proficiency in HTML, CSS, JavaScript, and jQuery by creating a series of larger and more complex projects. Capstone courses challenge students to be more creative and allow them more freedom to explore and engage with the concepts they’ve learned. As part of the capstone, they’ll build three projects: a responsive website, an interactive game, and a web interface. After finishing this course, students graduate to Wizard Level 3 and are ready to enter our Intro to Databases course.

elementary school girl in coding class

Learning Objectives

When students complete the Wizard Level II Capstone course, they will be able to:

  • Implement the knowledge acquired in Wizard Level 2 to translate ideas into code while following the recommended standards for website development.
  • Demonstrate their creative ability by building websites and applications from scratch using HTML, CSS, JavaScript, and jQuery.
  • Demonstrate independence through building larger personal projects with minimal guidance from our curriculum and instructors.
Level I

Prerequisites

These courses must be completed before Wizard Level I Capstone:

Wizard Level 2 Capstone LessonsExpand All Lessons
  • Harmony Wildlife Sanctuary Part 1 of 4
    1. Harmony Wildlife Sanctuary Part 1 of 4

    In the first lesson of this engaging and hands-on course, students embark on the journey of crafting a responsive website for Harmony Wildlife Sanctuary starting from the ground up. They delve into essential website design principles, including crafting the foundational HTML structure, constructing key elements of a website layout, mastering flexbox grids, and more. Following this lesson, they are well-prepared to dive into the next phase of the project, where they will implement responsiveness into the site.

  • Harmony Wildlife Sanctuary Part 2 of 4
    2. Harmony Wildlife Sanctuary Part 2 of 4

    In this lesson, students enhance the rudimentary website created in the previous session by incorporating responsive design elements into the Harmony Wildlife Sanctuary’s website. They adopt a mobile-first strategy and gain hands-on experience in utilizing media queries to tailor the website’s styling for various devices. Furthermore, they harness the power of CSS Flexbox to craft a flexible grid-based layout for the various sections of the site.

  • Harmony Wildlife Sanctuary Part 3 of 4
    3. Harmony Wildlife Sanctuary Part 3 of 4

    In this lesson, students are tasked with crafting the Wildlife page for the Sanctuary’s website. They skillfully integrate each animal onto the webpage, providing their respective names and concise descriptions. Throughout the lesson, they thoroughly revisit a variety of Flexbox principles, covering aspects like content alignment, element wrapping, and the arrangement of elements within a grid.

  • Harmony Wildlife Sanctuary Part 4 of 4
    4. Harmony Wildlife Sanctuary Part 4 of 4

    In this lesson, students conclude their work on the Harmony Wildlife Sanctuary website by constructing an “About Us” page. This page provides a comprehensive source of information about the organization and highlights its pricing details. Throughout this endeavor, students have the chance to solidify their comprehension of essential concepts, including aligning content, employing the CSS child selector, adjusting element flow, and employing keyframes to animate elements.

  • Dragon Crusade Part 1 of 4
    5. Dragon Crusade Part 1 of 4

    In this lesson, students embark on the inception of a new project known as “Dragon Crusade,” a tower defense-style game where players interact by clicking on towers to defend against dragons and safeguard the kingdom. Within this particular session, students lay the groundwork for the game, involving the creation of its game interface and the associated website. This endeavor allows them to solidify their grasp of fundamental HTML and CSS principles, encompassing aspects like website layout components and the implementation of CSS variables.

  • Dragon Crusade Part 2 of 4
    6. Dragon Crusade Part 2 of 4

    In this lesson, students advance further in their development of the Dragon Crusade tower defense game. Their primary emphasis is on incorporating a start menu and animating dragons as they traverse the screen upon initiating the game by pressing the start button. This presents them with a valuable opportunity to strengthen their understanding of various concepts, including CSS animations, jQuery click events, JavaScript arrays, and other pertinent topics!

  • Dragon Crusade Part 3 of 4
    7. Dragon Crusade Part 3 of 4

    In this lesson, students press on with the development of their Dragon Crusade game, this time focusing on the task of identifying collisions between the dragons, castles, and arrows. In the process, they revisit the art of collision detection in JavaScript, determining element positions and widths, mastering click events, and concealing elements as needed.

  • Dragon Crusade Part 4 of 4
    8. Dragon Crusade Part 4 of 4

    In this lesson, the students successfully wrap up their Dragon Crusade game by integrating victory and defeat criteria, along with an accompanying high-score monitoring system. They accomplish this by utilizing conditional statements to assess whether the player’s health dropped below a predefined threshold or if they successfully endured until the timer expired. Furthermore, the students acquire the skills to store the user’s score in their browser’s local storage and retrieve this data upon page loading.

  • Pixel Pals Part 1 of 4
    9. Pixel Pals Part 1 of 4

    In this lesson, students embark on the commencement of a web application called Pixel Pals. This application is designed to include both a login system and an engaging interactive pet game, offering a valuable opportunity to hone their skills in crafting web interfaces. The primary emphasis in this lesson revolves around establishing the website’s foundation and executing the login system, which involves utilizing CSS variables, HTML input boxes, fundamental website layout components, and Flexbox techniques.

  • Pixel Pals Part 2 of 4
    10. Pixel Pals Part 2 of 4

    In this lesson, students achieve significant milestones in the development of the Pixel Pals web application by introducing a login system. This addition empowers users to both register and access their accounts, accomplished through clever utilization of the browser’s local storage to securely store their data. Additionally, students gain valuable insights into essential concepts, including the management of input values, manipulation of objects in JavaScript, and the dynamic display of elements based on user interactions.

  • Pixel Pals Part 3 of 4
    11. Pixel Pals Part 3 of 4

    In this lesson, students extend their efforts on the Pixel Pals web application by incorporating the interactive pet section, accessible after user login. This involves a step-by-step process that commenced with the establishment of the game screen, followed by enabling users to select a pet through a dropdown menu. They seamlessly update the chosen pet in response to the selection using jQuery and introduce a feeding mechanism with the inclusion of a button. This task provided them with the opportunity to revisit various crucial concepts, including the creation of dropdown menus, retrieval of input values, and dynamic attribute value manipulation, among others.

  • Pixel Pals Part 4 of 4
    12. Pixel Pals Part 4 of 4

    In the final session of this course, students successfully complete their Pixel Pals web application by incorporating the pet’s statistics into the game. They implement functionality to load and save the pet’s data and ensure that the pet’s statistics can be updated if the user is logged in. Throughout this process, they reinforce their understanding of various key concepts, such as retrieving and modifying JavaScript objects stored in local storage, altering the attribute values of elements, and dynamically updating the text content of existing elements.

Class Schedule

All students start in Introduction to Programming at Wizard Level I. If you have previous coding experience, take the Advanced Placement test. Returning students can continue with the class where they left off.

  • loading icon

#1 Most Comprehensive Program for Your Student’s Success!

The CodeWizardsHQ program comes with everything your child needs to be successful in learning to code.

All of the below are included at no extra cost.

Interactive Live Classes
Structured and Comprehensive Curriculum
Video Recordings of Every Class
Downloadable Slides for Every Class
1×1 Office Hours (Advanced Courses)
Weekly Progress Report & Alerts
Daily Homework Help
Individual Course Certification
Highly Qualified and Experienced Teachers
24/7 Access to Proprietary Coding Platform
Supportive Online Student Community
Path to Real-World Internship
Hands-on, Project Based Learning

Course Duration & Time Commitment
All courses are 12 weeks long. A Wizard will receive a certification for their achievement at the end of the course.

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.

100% Guarantee

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. See refund details.

Get Your Wizard Started

Start coding with our experienced teachers today.
Enroll risk-free with our 4 session money-back guarantee.