When students complete the Wizard Level II Capstone course, they will be able to:
- Develop full-stack web applications from scratch using modern web development frameworks
- Model and manipulate data in a relational database and design back-end APIs to facilitate communication between user interfaces and databases.
- Use UI/UX design principles and their creativity to build stunning user interfaces that are easy to use and scale to all devices and screen sizes
- 1. Wizard Assistant – Part 1
- 2. Wizard Assistant – Part 2
- 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!
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
#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.
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.
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.