High school boy holding laptop

Course Description

In this course, students will complete three projects that highlight what they’ve learned thus far in Wizard Level II. The Capstone course emphasizes learning by doing and strives to give students the confidence to work independently from the teacher. We hope to reinforce the skills students have learned and solidify their grasp of the fundamentals while encouraging individual exploration. After this course, students should be even more confident working with APIs and Databases and building polished websites that utilize CSS frameworks and web app development best practices. At this point, they have all the skills they need to continue to Wizard Level III and eventually graduate into the CWHQ internship program.

High school girl with backpack

Learning Objectives

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

  • Confidently use APIs and Databases
  • Develop professional web applications
  • Use a modern CSS framework to add style and polish to their web applications
Level I Graphic

Prerequisites

These courses must be completed before the Capstone course :

Wizard Level II Capstone LessonsExpand All Lessons
  • Capstone class lesson 1
    1. Wizard Assistant – Part 1

    In the first lesson of the course, students are introduced to the capstone format of more extensive, four-lesson projects. Their first challenge will be to build a voice-activated assistant using HTML, CSS, and JavaScript. The app will recognize spoken words and can be programmed for verbal commands and dictation. In part one, students lay the foundation for the project by creating the basic HTML structure, adding styles, and picking a custom font.

  • Capstone class lesson 2
    2. Wizard Assistant – Part 2

    In this lesson, students are introduced to the Web Speech API, a powerful feature used to create apps that respond to voice commands. For this lesson’s primary task, the students will implement a voice command which allows them to navigate between different web pages. Topics covered include checking browser compatibility, JavaScript functions, and event handling.

  • Capstone class lesson 3
    3. Wizard Assistant – Part 3

    In this lesson, the students create an opening animation for the “Dictation App” page and implement basic voice-to-text dictation. This feature of the app recognizes spoken English words and then transcribes them to text on the page using the WebSpeech API. Once they complete this lesson, they will have a fully functioning dictation app to show off to friends and family!

  • Capstone class lesson 4
    4. Wizard Assistant – Part 4

    In this lesson, students finish the Wizard Assistant app they began in lesson one. To explore the other possibilities with the Web Speech API, they add a final feature that changes the background color when the user speaks a color command. To make the user experience more consistent, students implement user input validation by checking if the color is one of the140 supported CSS color names. 

  • Capstone class lesson 5
    5. NASA App – Part 1

    In this lesson, the students began work on the second capstone project. This project will further develop their skills with the Python web framework Flask. The app will serve data from an open API provided by NASA. In part one, students practice creating Flask apps, URL routing with view functions, and Flask HTML templates.  

  • Capstone class lesson 6
    6. NASA App – Part 2

    With the initial setup of the app completed in the previous class, this phase of the project adds the first major feature: an astronomy photo explorer. The photos will be provided by NASA’s photo of the day API. The students practice integrating HTML form data, POST routes, and API requests into a web app. 

  • Capstone class lesson 7
    7. NASA App – Part 3

    The third phase of the NASA app adds a Mars Rover camera viewer. NASA provides API access to their database of photos taken by the array of cameras mounted on the Mars rover Curiosity. The students added an HTML form that allows the user to select a date and camera. The students’ code will retrieve the photos from the API and display them to the user using advanced HTML template techniques like conditionals and for-loops.

  • Capstone class lesson 8
    8. NASA App – Part 4

    In this lesson, students put the finishing touches on their NASA app by designing an eye-catching homepage and adding a navigation bar. They also practice basic error handling by programming error messages for the astronomy photo explorer.

  • Capstone class lesson 9
    9. Bootstrap Blog – Part 1

    In this lesson, students begin work on the final project of the capstone course: a blog app that knits together everything they have learned in Wizard Level II. The finished app will allow the user to create posts and upload them to the blog. In part one, students are challenged with creating a login form and styling it with the Bootstrap CSS framework.

  • Capstone class lesson 10
    10. Bootstrap Blog – Part 2

    In part two of the Bootstrap Blog project, students pass a programming milestone by finalizing their implementation of user authentication which restricts access to the blog editor by requiring a username and password. For this lesson students focus on the server code, working with user sessions, validating form data, and URL redirecting.

  • Capstone class lesson 11
    11. Bootstrap Blog – Part 3

    In this lesson, students add a significant feature to the blog app: storing blog posts permanently in a SQL database. The students will create a blog post editor with an HTML form and send the data to the server to be stored. They build essential programming skills by connecting to and querying a database server to store and retrieve data. 

  • Capstone class lesson 12
    12. Bootstrap Blog – Part 4

    In the final lesson of the capstone class, students complete their Bootstrap Blog by retrieving saved posts from the database and displaying them to the user. A blog is considered a rite-of-passage for beginning programmers because it represents the foundation of the modern web environment from which many other apps may be built: a browser interface, a server, and a database. This project, and the others in this course, demonstrate an understanding of multiple layers of technology and how they interact. 

Class Schedule

All students start in Intro to Python 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.

#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
Complimentary 1×1 Office Hours
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. Full guarantee details.