ffresources.html

---
layout: default
title: "Form and Function Resources: Bit by Bit"
banner-title: "Form and Function Resources"
scripts:
- "faqs.js"
style: resources.css
---
<div class="section">
    <div class="details-container">
        <div class="details-item" id="resource">
            <h2>Form and Function Resources</h2>
            <h3>General Coding Resources</h3>
            <p> Master the concepts of JS with tutorials and games from
                <a href="https://www.codecademy.com">CodeAcademy,</a>
                <a href="https://www.codemonkey.com">Code Monkey</a>,
                <a href="https://codecombat.com/play/dungeon"> Code Combat</a>,
                <a href="https://code.org"> or Code.org</a>. To add advanced features to your website, check out this
                <a href="https://www.w3schools.com/howto/default.asp">collection of code snippets</a>!</p>
            <h3> Homeroom Two</h3>
            <ul>
                <li>A complete guide to
                    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">HTML elements</a></li>
                <li>Test your HTML skills with this
                    <a href="https://bit-by-bit-coding.github.io/interactive-tutorials/DEMO2.html">interactive demo</a>!
                </li>
            </ul>
            <h3>Homeroom Three</h3>
            <ul>
                <li>All of the
                    <a href="https://www.w3schools.com/cssref/ ">CSS properties</a> you'll ever need. Make your website
                    beautiful!</li>
                <li>Dive into flexbox with a guide to the
                    <a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/">flexbox layout</a></li>
                <li>Test your CSS skills with this
                    <a href="https://bit-by-bit-coding.github.io/interactive-tutorials/DEMOcss.html">interactive
                        demo</a>!</li>
            </ul>
            <h3>Homeroom Four, Five, Six</h3>
            <p>A review of
                <a href="https://www.w3schools.com/jsref/jsref_reference.asp">JavaScript basics and the DOM</a>
            </p>
            <h3>Homeroom Six</h3>
            <p>A complete reference for
                <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference">built-in objects, functions,
                    statements, classes, and more!</a>
            </p>
        </div>
        <div class="details-item" id="bot-item">
            <img class="bot" id="pumpkin" src="imgs/pumpkinbot.png">
        </div>
    </div>
</div>