Minha versão do código da aula-4.

Resolvi testar outras posições, cores e também mudei o nome da variável das posições, ficando assim:

// Para melhor entendimento e redição de códigos, transforme em função.
    function desenharQuadrado(posicaoX, posicaoY, cor){
        var tela = document.querySelector("canvas");
        var pincel = tela.getContext("2d");
        pincel.fillStyle = cor;        
        pincel.fillRect(posicaoX, posicaoY, 50, 50);
        pincel.fillStroke = "black"; //Para usar borodas no desenho.
        pincel.strokeRect(posicaoX, posicaoY, 50, 50); //Para as posições das bordas.
    }
    // Um quadrado na frente do outro.
    desenharQuadrado(50, 0, "red");
    desenharQuadrado(100, 0, "blue");

    // Um quadrado embaixo do outro.
    desenharQuadrado(0, 0, "green");
    desenharQuadrado(0, 50, "yellow");
    desenharQuadrado(0, 100, "pink");