LeetCamp
LeetCamp · November Holiday

At LeetCamp we level up. See what tools we use in Creators group.

LeetMotions is the best place to learn because children don't just watch, they build. Real tools, small expert-led groups, and a real project that ends on a stage in front of parents and teachers. Every learner leaves with something they made, understand and can explain.

star-catcher.sb3
when green flag clicked
set score to 0
set lives to 3
forever
if touching Star? then
change score by 1
broadcast level up
spawn star
when I receive level up
change speed by 2
say Level up! for 2 secs
What it is used for

The brain of the project: a game with real logic.

Advanced Scratch goes beyond dragging blocks. Learners use variables, custom blocks, broadcasts and clones to design a complete game.

  • Build the game or story at the heart of the showcase
  • Practise the thinking every language shares: variables, loops, conditions
  • Later, embed it straight into their own website
Tool 1 of 4 · Grades 4 to 6
index.html
<section class="game">
<h1>Star Catcher</h1>
<p>Catch the stars. Beat my score!</p>
<iframe src="scratch-game"></iframe>
</section>
What it is used for

The skeleton of every web page.

HTML tells the browser what is on the page: headings, text, images, buttons and videos. Without it, there is nothing to style or program.

  • Lay out the project's sections: intro, game, about me
  • Embed the Scratch game inside the page
  • Use clean, meaningful tags that everyone can read
Tool 2 of 4 · Grades 4 to 6
styles.css
.game {
background: linear-gradient(#7c83e8, #f0699f);
padding: 24px;
border-radius: 16px;
display: grid;
}
What it is used for

The look and feel that makes people say wow.

CSS controls colour, fonts, spacing and layout. Learners put each part of their page in a container (a div) and then arrange it with grid and flexbox.

  • Design their own colours and theme
  • Place content neatly in boxes and rows
  • Make the page look good on a phone and a big screen
Tool 3 of 4 · Grades 4 to 6
script.js
function check(answer) {
if (answer === "Tsavo") {
alert("Correct!");
}
}
What it is used for

Just a touch of magic, to make the page react.

JavaScript is the real language of the web. In Creators we keep it small: one or two short functions that respond when a visitor clicks.

  • A button that shows a message or a hidden fact
  • A tiny quiz that parents can try at the showcase
  • A first step toward real programming in the next stage
Tool 4 of 4 · Grades 4 to 6
How we do it

From idea to showcase day.

Four weeks, one project, three steps that repeat: the same way real developers work.

1

Plan and Build

Every learner starts on paper: what is my topic, who is it for, what will it look like? Then we build in short sessions: the game in Scratch, the page in HTML, the style in CSS. The teacher demonstrates, learners try it right away.

sketch → build → show a friend
2

Test and Debug

Bugs are normal, and fixing them is the real skill. We cycle: test it, spot what's wrong, fix it, and test again, until it works properly. Classmates become testers and give kind, useful feedback.

test → fix → test → fix → ready
3

Deploy and Showcase

We collaborate: learners swap projects, give feedback and improve together. Then we showcase twice: first to the class, then to parents and teachers, with the project live on a real web address for the next year's Tech Showcase.

class demo → polish → parents & teachers