codex-lv2-may-2025

Week 4 Glossary (Cross-Referenced)

Week Theme

Week 4 (Bootstrap Week)

Focused on Bootstrap, Git Workflow, and project work. —

Key Projects

Water Conservation App

• Required publishing to a GitHub Repository.
• Goal: 80%+ completion of the first page.
• Built with Bootstrap, especially the Grid System and Containers.
• Tutorials: W3Schools, practice with rows and columns.
• Interactive features scheduled for Week 5. → Related: Bootstrap Forms, Utility Classes, URLs

Color Sleuth Game

• A group project completed Thursday of Week 4.
• Required a dedicated group Repository on GitHub. → Related: Git Workflow

Mad Libs Game

• Assigned Friday, August 15.
• Used new HTML Elements and Bootstrap Forms.
• Implemented input type="text" for user input.
• Focused on layout and styling with Utility Classes (spacing, colors, text alignment).
• Functionality (like button interactivity) postponed to Week 5. → Related: Strings, IDs

End-of-Week Survey

• Required submissions of student name, GitHub username, and URLs for both projects.

  Core Concepts

Bootstrap

A front-end CSS framework emphasized in Week 4. Components covered:

• Linking Bootstrap — connecting CSS framework into HTML files.
• HTML Elements (<h1>, <p>, <img>, <button>).
• Containers — Bootstrap wrappers for page layout.
• Grid System — responsive layout system with 12 columns.
• Bootstrap Forms — pre-styled forms for input elements.
• Utility Classes
• Spacing: m- (margin), p- (padding).
• Text Alignment: text-center, text-start.
• Colors: bg-danger, text-success, btn-primary, btn-info.
• Button Class: .btn for default Bootstrap button styling.

Git Workflow

The cycle of:

• git add → stage changes
• git commit → save changes locally
• git push → upload to remote → Related: Repositories, GitHub

Repositories (Repos)

Online code storage, hosted on GitHub.

• Each student needed one repo for the Water Conservation App and one group repo for the Color Sleuth Game.

URLs

Web addresses linking to published GitHub repositories. Required for survey submission.

IDs (#)

Unique ID Attributes for HTML elements.

• Introduced for use in later interactive features.

Strings

Sequences of characters (text), used in input elements like the Mad Libs Game.

Boilerplate

Standard starting HTML code generated in VS Code with !.