High School Coding Program, Guy with Laptop

Course Description

In Fundamentals of Web Development, 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’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 Fundamentals of Web Development, students move on to the next course in our structured curriculum: User Interface Development.

High School Coding Program, Girl With Backpack

Learning Objectives

When students complete Fundamentals of Web Development, they will be able to:

  • Structure a website using HTML and create custom layouts/designs with CSS
  • Use JavaScript and jQuery to make their web applications interactive and fun to use
  • Create functional user interfaces using standard web design and development techniques
Level I

Prerequisites

These courses must be completed before Fundamentals of Web Development:

Fundamentals of Web Development Class LessonsExpand All Lessons
  • Web development class 1
    1. Creating your first webpage

    In this lesson, we are going to take a look at one of the most fundamental and important web development tools: HTML. We will be learning about where our web browsers get HTML and how they utilize them. Additionally, we will also start writing our first few lines of HTML!

  • Web development class 2
    2. Attributes & Selectors

    In this lesson, we will start looking at how to use CSS. Not only will we be writing our first CSS code to stylize our website, but we will also be taking a closer look at how attributes work by learning about anchor tags and we will learn about class and id attributes.

  • Web development class 3
    3. Text Formatting

    In this lesson, we’re going to learn about text formatting. We can format text using a variety of different variables: size, font, weight, and so on. In this class, we will be taking a look at each of these properties and figuring out how to adjust them.

  • Web development class 4
    4. Introduction to Javascript

    In this lesson, we will be writing our first JavaScript code! We will begin by learning about what JavaScript is and when and where it is used. Afterward, we will start looking at code snippets that will help us make our website more interactive.

  • Web development class 5
    5. Mid term project – I

    In this lesson, we will start our midterm project! Our midterm project will be to create a website that has an interactable music band. To do this, we will have to use all of the HTML, CSS, and JavaScript knowledge that we’ve learned so far.

  • Web development class 6
    6. Mid term project – II

    In this lesson, we will continue to work on our musical midterm. We are going to debug our code as well as adding some final touches like incorporating audio.

  • Web development class 7
    7. Colors

    In this lesson, we are going to explore how to incorporate color by making a coloring website! On top of getting to learn a little bit more about CSS and HTML, we will learn how color values work and how to use them. All while making a fun game!

  • Web development class 8
    8. DOM Manipulation

    In this lesson, we are going to take a look at DOM, Document Object Model. We will learn more about DOM by visually organizing our information into cards, which can be used to add some organized images and text slots to our website. Cards will be used to bring some spice to our superhero card website!

  • Web development class 9
    9. jQuery Animations

    In this lesson, we’ll learn more about JavaScript by looking at a popular library: jQuery. We’ll be using everything we’ve learned so far, plus this cool new library, to start making more interactive website components like slideshows. We’ll be using slideshows to make a fun website about our favorite scientists!

  • Web development class 10
    10. Videos

    In this lesson, we’re going to learn about where and how to use videos on our website. We will create a fun arcade station that plays the Super Mario Bros game. We can do this by using our HTML and CSS knowledge to create a box and use what we just learned about embedding videos to add Mario gameplay in.

  • Web development class 11
    11. Final Project – I

    In this lesson, we’ll be wrapping up a lot of the work we’ve done. We’re going to put our skills to the test by creating a note web app. Additionally, we are going to learn a few extra tools to make our life easier, such as append and prepend.

  • Web development class 12
    12. Final Project – II

    In this lesson, we’ll be finishing up our final project, Quick Notes! Not only will we be debugging any last-minute problems, but we will also be adding some final functionality to our web app to make sure it’s in top condition.

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.

[Click Here]
[Click Here]