formfunction.html

---
layout: default
title: "Form and Function: Bit by Bit"
banner-title: "Form and Function"
scripts:
- "signup.js"
- "ff.js"
style: programdetails.css
---
<div class="details-container">
    <div class="details-item">
        <p class="medium-text">
            <div class="center-text">
                <b>Begins the week of October 29th, 2023.</b> <br>

                <b>Students can sign up at any time and will be placed in a Homeroom promptly! All details will be sent to the Parent's email.</b> <br>

                Form and Function is a free, online, weekly after-school program for curious middle school students who want to learn to code their very own websites! Participants will learn HTML, CSS, and JavaScript -- <b>no previous coding experience necessary.</b> Join our <a href="https://www.facebook.com/groups/846768816447260">facebook group</a> for more information!
            </div>

            <br>
            <a class="middle-button" href="https://forms.gle/hDHeqPjL5FUTpRo57"
            id="ff-signup">
                <button class="action-button largebutton">Sign Up</button>
            </a>
            <br>


            <div class="details-container">
                <div class="details-item space lightblue-box">
                    <p class="no-above">
                        Students will attend class weekly and progress through our multiple homeroom levels. Each homeroom in the program takes 4 weeks to complete, and students who complete all homerooms will have the ability to create websites and online games. <br><br>

                        New students are welcome to sign up at anytime, but they will begin class at the start of each new 4-week cycle. For example, if a participant signs up on January 3rd and the next 4-week cycle begins on January 15th, the participant will be told to join on the 15th. <br><br>

                        Previous coding experience is welcome but by no means necessary. No matter your starting ability, we will find the right challenge for you! 
                    </p>
                </div>
               
                <div class="details-item">
                    <p class="no-above">
                        <ul class="no-above2 more-space">
                            <li><b class="blue-list-heading">6-8th grade</b></li>
                            <li><b class="blue-list-heading">Year-Long</b><br>
                                Signup anytime; join at the beginning of the nearest 
                                4-week cycle</li>
                            <li><b class="blue-list-heading">HTML, CSS, JavaScript</b><br>
                                Participants learn the fundamentals of web development through homerooms organized by experience level.</li>
                            <li><b class="blue-list-heading">Weekly</b><br>
                                Students are expected to attend weekly or follow the curriculum asychronously to stay on track </li>
                        </ul>
                    </p>
                </div>
                <p class="no-above2">
            </div> 
           
        </p>
        
        <!-- <p class="title-text"><strong>Check back in the end of August when registration opens for the next school year!</strong></p> -->
        <div class="details-container blue-box">
            <div class="details-item">
                <p><b>Each week, students will...</b></p>
                <ul>
                    <li>Learn to code their homeroom project</li>
                    <li>Work through our curriculum, available <a href="https://bitbybitcoding.org/ffresources">here</a></li>
                    <li>Work one-on-one with live instructors</li>
                    <li>Interact with our <a href="https://tutorials.bitbybitcoding.org/">demos</a> to dive into concepts</li>
                    <li>Gain a deeper understanding of programming and web design</li>
                </ul>
                
               <!-- To learn more about what those levels look like, check out our <strong><a
                    href="{{ 'homerooms.html' | relative_url | remove: '.html' }}">homeroom levels guide</a></strong>.
                    <br> <br>-->
                
            </div>
            <img id="ff-image" class="details-item" src="imgs\BitbyBot Images\computerbot.svg">
            <div id="project-links" class="details-item">
                <p><b>Students have created...</b> </p>
                <ul>
                    <li><a href="https://po7qc.csb.app/">Fun facts about donuts</a> </li>
                    <li><a href="https://1j4eb.csb.app/">Clock for cat lovers</a></li>
                    <li><a href="https://9mr74.csb.app/">A hangman game</a>!</li>
                </ul>
                <a  href="{{ 'homerooms.html' | relative_url | remove: '.html' }}">
                    <button class="action-button mediumbutton">Homeroom Levels</button>
                </a>
            </div>
        </div>

        <h2 class="noslashes center-text">Scheduling</h2>
        <div class="details-container">
            <div class="details-item">
                <p class="no-above">
                    Students will attend one of the three weekly sessions:
                </p>
                <br>
                <ul class="no-above2">
                    <li>Monday from 4:30 to 5:30 pm PT / 7:30 to 8:30 pm ET</li>
                    <li>Wednesday from 4:30 to 5:30 pm PT / 7:30 to 8:30 pm ET</li>
                    <li>Friday from 4:30 to 5:30 pm PT / 7:30 to 8:30 pm ET</li>
                </ul>
                <p class="no-above2">
                    The last week of the program will be the week of the 11th of June.            
                </p>
            </div>
            <div class="center-line"></div>
            <div class="details-item">
                <p class="no-above">
                    Form and Function will be closed for:
                </p>
                <br>
                <ul class="no-above2">
                    <li>The week of November 20th for Thanksgiving</li>
                    <li>The weeks of December 25th and January 1st</li>
                </ul>
            </div>
        </div>

        <!-- <div class="center-text">
            <iframe src="https://calendar.google.com/calendar/embed?src=c_bvvd4loruqg64gnh1j8hqjc78s%40group.calendar.google.com&ctz=America%2FLos_Angeles" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
        </div>
        -->
        <div class="center-text">
            <p class="medium-text"><strong>
                Online and Free -- Join From Anywhere!
                <!-- The program is free, with a suggested donation of $20 per month! -->
            </strong></p>
        </div>
        <a class="middle-button" href="https://forms.gle/hDHeqPjL5FUTpRo57"
        id="ff-signup">
            <button class="action-button largebutton">Sign Up</button>
        </a>
        <!-- <a class="middle-button" href="{{ 'donate.html' | relative_url | remove: '.html' }}">
            <button class="action-button mediumbutton">Donate</button></a> 
        -->
    </div>
</div>

<div class="section">
    <section class="faqs">
        <h3 class="blue-box">FAQs</h3>
        <details>
            <summary>Are there any additional costs or fees?</summary>
            <p>
                We believe everyone should be able to learn to code without worrying about the cost. However, we would appreciate donations. Anything helps, even just $5!
            </p>
        </details>
        <details>
            <summary>Can I join part-way through the year?</summary>
            <p>
                Definitely! Our program is designed to have ongoing enrollment, but we will send the zoom link to join once the next cycle starts.
            </p>
        </details>
        <details>
            <summary>Do you need previous coding experience?</summary>
            <p>
                No! We welcome everyone from those who have never coded before to those who are already advanced
                coders.
                Form and Function has projects for every ability. Our goal is for students to have fun while
                working on
                projects and lessons individually tailored to their level.
            </p>
        </details>
        <details>
            <summary>What if my child is in 5th grade but really wants to attend?</summary>
            <p>We love children who have a passion for coding! However, our program is designed for a particular
                age
                range. To discuss your individual situation, please email <a
                    href="mailto:{{site.contact.email}}">{{site.contact.email}}</a>.</p>
        </details>
        <details>
            <summary>What type of computer will my child need and do they need to download any software?
            </summary>
            <p>
                Any type of computer is fine, though ideally not a Chromebook. Sometimes, parental controls do
                not allow
                for students to code using the tools that they need access to. To check if you have this
                problem,
                right-click on any webpage and select “Inspect.” If nothing opens, the parental controls on the
                computer
                may be too tight. (This is done to prevent kids from hacking into things, but it also prevents
                them from
                using the developer’s console, which is essential to their ability to code properly.) Also, we
                prefer if
                you do not use a tablet, but tablets will suffice if they are the last resort. On their first
                day of the
                program, they will create a free CodeSandbox account that does not require downloading any
                software. The
                login, however, requires that your child has either a Google or GitHub account.
            </p>
        </details>
        <details>
            <summary>What online platform will the camp use? Are the meetings recorded?</summary>
            <p>Form and Function will meet in a password-protected Zoom classroom. We do not record the Zoom
                meetings as
                we value you and your child’s safety and privacy.
            </p>
        </details>
        <details>
            <summary>
                Is there a difference between the Monday, Wednesday, and Friday class?
            </summary>
            <p>
                No! We offer the same program on three different days.
            </p>
        </details>
        <details>
            <summary>What if I have more questions?</summary>
            <p>We would love to hear from you! Email us at <a
                    href="mailto:{{site.contact.email}}">{{site.contact.email}}</a>.</p>
        </details>
    </section>
</div>

<div class="section" id="testimonials">
    <h3 class="blue-box">Student Testimonials</h3>
    <div class="testimonial-container">
        <span class="testimonial-item centertext">
            <em>
                Form & Function was amazing!! I loved to code with great helpers and teachers! Every week, coming back,
                it felt like there was something BIG, something NEW to learn. :)
            </em>
            <p><strong class="author">Anvie</strong></p>
        </span>
        <span class="testimonial-item centertext">
            <em>
                The classes are very helpful and fun. They made me love to code and very excited to have a future in
                coding and programming.
            </em>
            <p><strong class="author">Angel</strong></p>
        </span>
        <span class="testimonial-item centertext">
            <em>
                This program was amazing! It taught me many basic coding skills that I would not have learned, and the
                volunteers were amazing too. They dedicated so much time to make sure I understand what was taught and
                that I had no problems. They also helped me with my own projects too!
            </em>
            <p><strong class="author">Samuel</strong></p>
        </span>
        <span class="testimonial-item centertext">
            <em>
                I really like your coding program throughout the year. It really helped my coding skills and I learned
                the basic of 3 whole coding languages! In only the last 9 months!! The teachers are just fantastic and
                have a great sense of humor, as well as the ability to make the class interesting and let everyone
                participate.
            </em>
            <p><strong class="author">Sprihi</strong></p>
        </span>
        <span class="testimonial-item centertext">
            <em>
                I think form and function is great. The teachers are fun and I felt like I could ask them anything. I
                went to other coding classes too, but this is the best one by a mile. All the teachers aren't just great
                - they're really smart.
                I learned a lot from this and I enjoyed coming here. I hope there is going to be form and function next
                year too! I would definitely come.
            </em>
            <p><strong class="author">Anonymous</strong></p>
        </span>
    </div>
</div>