Beginner to early intermediate students who can attend online sessions and build during class.
Brambleton
Builders
Lab
Beginner coding, responsible AI, and a final project demo.
Brambleton Builders Lab is a planned free online program for rising 6th-9th grade students. Students will build a website or simple web app, then present it during a final showcase.
Wednesdays and Sundays
2:00-4:00 PM
Free
Rising grades 6-9
Student output
One final website or app they can explain.
HTML structure, CSS styling, one JavaScript interaction, and a short responsible AI reflection.
Build-first online sessions
Debugging and help queue
Final 1-2 minute demo
Program model
Small enough to support beginners. Structured enough to create proof.
The program is intentionally narrow: beginner web development, responsible AI habits, debugging, and final presentation skills.
Wednesdays introduce skills. Sundays focus on build time, debugging, and project progress.
Cap at 20 unless additional helpers are available.
Avoid complicated installs so students spend time building instead of configuring tools.
Curriculum architecture
Four skills. One visible project.
The target for most students is Level 2: a styled website with at least one working JavaScript feature.
Structure
Headings, sections, links, images, lists, buttons, and clean page organization.
Visual design
Color, type, spacing, cards, layout, hover states, and readable responsive pages.
Interaction
Variables, functions, click events, text changes, conditionals, quizzes, and toggles.
Responsibility
Use AI for explanations and debugging, protect privacy, test output, and explain code.
Project path
Personal portfolio
About, interests, projects, and contact sections with an optional theme toggle or project filter.
8-session playbook
From first page to demo-ready project.
Each session has a concrete checkpoint so progress can be tracked with attendance, screenshots, project links, and demo readiness.
Kickoff and first webpage
Build an About Me page with title, paragraph, image, list, and link.
HTML build lab
Expand the page into at least three clean sections.
CSS styling
Style cards, buttons, spacing, colors, and readable layout.
Layout and navigation
Create a landing page with hero, nav, project/contact sections.
JavaScript interaction
Add a quiz, counter, quote generator, button action, or theme toggle.
Responsible AI and debugging
Fix broken code, test AI suggestions, and draft an AI reflection.
Final build sprint
Polish the project until one core feature is demo-ready.
Final demo day
Present the project in a planned in-person showcase, pending room confirmation.
Final showcase
The demo is simple: what did you build, and can you explain it?
Each student is expected to present their project title, purpose, one feature, one bug or challenge, and how they used AI responsibly.
Functionality 40%
Design 20%
Explanation 20%
AI reflection 10%
Effort 10%
Responsible AI rules
AI is a helper, not a shortcut.
Use AI to explain errors.
Students ask for beginner-friendly explanations, then apply the fix themselves.
Do not paste private information.
No private student, parent, account, or contact details should go into AI tools.
Do not submit code you cannot explain.
Every final project should be explained in plain English during the demo.
Test AI-generated code.
Suggestions only count after they work in the browser and the student understands them.
Interest form draft
Prepare a clean registration note.
This local form does not submit anywhere. It only previews the kind of registration information the final form should collect before the program is advertised.
Brambleton Library demo day and OpenByte partnership wording should be used only after confirmation.
Questions
Short answers for parents and students.
No. The program is planned for beginners and early intermediate students.
A final website or simple web app with HTML, CSS, one JavaScript feature, and an AI reflection.
No. Use the LCPL disclaimer if Brambleton Library is mentioned in advertising.