Solucionado
segui os passos do prof mas meu chrome simplesmente não apresenta o retângulo. Falta alguma configuração no navegador ?
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillRect(0, 0, 600, 400);
</script>
Você desenhou um retângulo do mesmo tamanho do canvas e não percebeu sua presença. Altere para um retângulo menor e perceba o que estava acontecendo:
pincel.fillRect(0, 0, 60, 40);
Infelizmente, mesmo com a alteração sugerida, ainda nada aparece
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillRect(0, 0, 60, 60);
</script>Resolvido, foi um problema de organização de workspace (abrindo o programa errado)