You are not logged in.
Log in
programming tasks for middle school
turtle
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
grid shader
return numbers, true/false
numbers in the grid
return x
return y
x > 0 as number
equality-1
equality-2
return a color
return a color
x == 0 as color
y == 0
x > 0
&& (and)
chain of &&
dot
positive
sun
|| (or)
chain of ||
satellites
Sweden
diagonal
both diagonals
under the diagonal
Scotland
diamond
square
gentle diagonal
palette
formula
formula 2
skewed hourglass
Palau
Canary Islands
Botswana
eyes
eyes-2
Honduras
robot-blockly
repeat N times
line
line with approach
line with gaps
two then gap
robot square
three corners
four sides
slash
robot diagonal
wave
angle
plus shape
barriers
corners with barriers
plus shape 2
outlined plus
double wide staircase
triple wide staircase
nested repeat N times
walls
rectangle
hanging stripes
square stairs
four squares
wavy square
diamond checkers
four triangles
while
to the wall
wall ends
s turn
to the corner
around the corner
look both ways
duties
walled garden
css
Netherlands
Colombia
white box
three borders
Gambia
three boxes
six nested squares
France
Ireland
tetris
Benin
UAE
seven nested squares
border-radius
traffic lights
archery target
gray stairs
span
headings
lists
RGB shades
font-family
Georgia
Australia
Bangladesh
box model
France/Netherlands
Wiphala
Dominican Republic
Greece
hopscotch
tools
hex
angles
binary
js
inputs
Strange clicker
<input>, onclick, input value
Two normal clickers
convert strings to numbers with Number()
Three clickers
initial value
Broken clicker
a reminder about Number()
Three colorful inputs
background color, text color
Chain of clickers
referencing other inputs by id
Multiplication
googling
Currency converter
oninput, display: grid
Payday loan
<button>, multiple statements separated by semicolons (;)
Fibonacci
calculating a recursive sequence
Binary numbers: 0 to 31
<style> for a tag
arrays
Arrays: basics
DevTools Console
Sum first two elements
array indexing
Multiply first two elements
Set second element to 0
array assignment
Sum first and last
a.length-based indexes
Set last element to 0
array assignment via a.length-based indexes
Sum last two elements
Fill with nines
iteration over array
Fill with 1..length
Multiply all elements by two
Sum all elements
Count zeros
for + if
Average
Signs
Reverse array
swap elements
Is palindrome?
return true/false from function
assign styles
number vs string
typeof, casting with Number() and String(), + on strings (concatenation)
Range slider
input type=range
Color picker
input type=color
Resize a rectangle
assigning to style.width and style.height
Recolor a rectangle
input type=range
Area of rectangle
input type=range
Style text
select is an input; fontFamily, fontSize, color
rounding
Division and rounding
DevTools Console
Dividing Apples
Math.floor and remainder operator %
Cupcake Recipe
innerHTML vs value; Math.floor(), Math.ceil(), Math.round()
Desks
more on rounding
Draw a dice
position: absolute
Dice net
nested position: absolute
Roll a dice
Math.random for random integers
conditions
Console-2
DevTools Console
Rock, paper, scissors
if statement (branching logic)
Guess a brainrot
if-else, changing img.src dynamically
Rook moves
logical conditions, ||
Bishop moves
more conditions
Tic-tac-toe
CSS grid; addEventListener for clicks
array-blockly
Setting numbers to boxes
set one box
set three boxes
copy
move
two moves
swap
indexation (hard)
assignment (hard)
increment
sum of two numbers
sum of four numbers
For
fill with constant
pull
sum 0..8 into box 9
created by
vitaly pavlenko
. if you need to track progress of your students, tell me how you want them to log in via cxielamiko@gmail.com