homerooms.html

---
layout: default
title: "Homerooms: Bit by Bit"
banner-title: "Homerooms"
scripts:
- "signup.js"
style: homerooms.css
---
<h1>Homeroom Levels</h1>

<h2>What is a homeroom?</h2>
<p>
    We want to make sure every student receives exactly the right amount of challenge every day. 
    No matter what your previous experience or preferred learning speed, we have a curriculum 
    and projects to accommodate it! We’ve broken web development into six different homerooms, 
    and there’s one that’s just right for everyone.
</p>
<p>
    Each homeroom is a breakout room on Zoom where we will teach a set of skills at a specific coding level. 
    Students will start in a homeroom that matches their initial knowledge. Throughout the year, they will 
    migrate through every stage, learning new skills in each one and leveling up.
</p>

<h2>What are the different homerooms?</h2>
<div class="details-container">
    <div class="details-item">
        <h3>Homeroom 1 - HTML</h3>
        <p>
            Don’t know a bracket from a curly brace? We will walk you through everything from the very beginning. 
            Don’t be intimidated! It’s easy to pick up.
        </p>
        <p>
            Before moving on to the next homeroom, you will learn:
        </p>
        <ul>
            <li>Basic Structure of Code</li>
            <li>Tags</li>
            <ul>
                <li>body</li>
                <li>p</li>
                <li>h1</li>
                <li>button</li>
                <li>a</li>
            </ul>
            <li>Nesting</li>
            <li>Attributes</li>
            <li>Self-closing Tags</li>
            <ul>
                <li>img</li>
                <li>br</li>
            </ul>
        </ul>
    </div>
    <div class="details-item">
        <h3>Homeroom 2 - CSS</h3>
        <p>
            I can make a website, but it’s about as plain as a cardboard box full of khakis. So let’s add some style!
        </p>
        <p>Before moving on to the next homeroom, you will learn:</p>
        <ul>
            <li>Selectors</li>
            <ul>
                <li>Element Name</li>
                <li>Id</li>
                <li>Class</li>
            </ul>
            <li>Units</li>
            <li>Box Model</li>
            <li>CSS Properties</li>
            <ul>
                <li>background-color</li>
                <li>color</li>
                <li>border</li>
                <li>position</li>
            </ul>
        </ul>
    </div>
    <div class="details-item">
        <h3>Homeroom 3 - Novice JavaScript</h3>
        <p>
            I have a gorgeous website, but it's static and doesn’t move. I can ask people questions on my website, I just wish they could answer me.
        </p>
        <p>Before moving on to the next homeroom, you will learn:</p>
        <ul>
            <li>Data Types</li>
            <ul>
                <li>String</li>
                <li>Number</li>
                <li>Boolean</li>
            </ul>
            <li>Variables</li>
            <li>Alerts</li>
            <li>Prompts</li>
            <li>If Statments</li>
            <li>Functions</li>
            </ul>
        </ul>
    </div>
    <div class="details-item">
        <h3>Homeroom 4 - Beginner JavaScript</h3>
        <p>
            Now I know some JavaScript, but I don’t know how to use JavaScript to actually change the properites of my website.
        </p>
        <p>Before moving on to the next homeroom, you will learn:</p>
        <ul>
            <li>Boolean Algebra</li>
            <ul>
                <li>|| Operator</li>
                <li>&& Operator</li>
                <li>! Operator</li>
            </ul>
            <li>Else If Statements</li>
            <li>DOM</li>
        </ul>
    </div>
    <div class="details-item">
        <h3>Homeroom 5 - Intermediate JavaScript</h3>
        <p>
            My code is super repetitive and long. I want it to be shorter and more elegant.
        </p>
        <p>Before moving on to the next homeroom, you will learn:</p>
        <ul>
            <li>While Loops</li>
            <li>For Loops</li>
            <li>Arrays</li>
        </ul>
    </div>
    <div class="details-item">
        <h3>Homeroom 6 - Advanced JavaScript</h3>
        <p>
            Right now I know how to structure my code, but I want to be able to make my website more responsive.
        </p>
        <p>Before moving on to the next homeroom, you will learn:</p>
        <ul>
            <li>Event Listeners</li>
            <ul>
                <li>Click</li>
            </ul>
            <li>Math Object</li>
            <li>Update Image Sources</li>
        </ul>
    </div>
    <div class="details-item">
        <h3>Homeroom 7 - Expert JavaScript</h3>
        <p>
            I am an amazing coder! Put me in the hardest room because I am ready for a challenge.
        </p>
        <p>Before moving on to the next homeroom, you will learn:</p>
        <ul>
            <li>Objects</li>
            <li>Dot Notation</li>
            <li>Timing Events</li>
        </ul>
    </div>
</div>

<h2>Which homeroom should I start in?</h2>
<p>
    We suggest reading what is being taught in each homeroom, beginning with Homeroom 1. Once you hit a new concept or one that you 
    have not mastered yet, you should start there.
</p>