não funciona

Olá, Jaqueline, seria melhor se você postasse aqui o código que tentou. Mas vou usar esse como exemplo para destacar alguns pontos. A primeira linha do código deve ser essa com a tag "canvas":

<canvas width="600" height="400"></canvas>

<script>

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle='green';
    pincel.fillRect(0, 0, 600, 400);

    pincel.fillStyle='yellow';
    pincel.beginPath();
    pincel.moveTo(300, 50);
    pincel.lineTo(50, 200);
    pincel.lineTo(550, 200);
    pincel.fill();

    pincel.beginPath();
    pincel.moveTo(300, 350);
    pincel.lineTo(50, 200);
    pincel.lineTo(550, 200);
    pincel.fill();

    pincel.fillStyle='darkblue';
    pincel.beginPath();

    pincel.arc(300, 200, 100, 0, 2*3.14);
    pincel.fill();

</script>

Nas aulas, em alguns momentos, é mostrado somente um trecho do código, referente à explicação que foi dada naquele momento. Então, para ver se o código está completo (nesta unidade do curso especificamente), sempre verifique se está aparecendo essa linha (canvas) e também essa fechando o "script" (última linha). Aí, é copiar, colar em um editor de texto, salvar com a extensão .html e abrir esse arquivo salvo em um navegador. Se mesmo assim não abrir, pode ser a versão do navegador. Se for uma versão antiga e não for possível atualizar para uma mais recente, será necessário acrescentar algumas linhas de código, que não vou postar aqui para não confundir. Mas aí você avisa. Bons estudos!