Repetir código no es de buenos programadores

me adelante un poco y quise ver como hacerlo con un ciclo while y aqui esta tomo como referencia los 600 de width que tiene para llenarlo para poder llenar todo quiero suponer que sera con ciclos aninandos por el momento llevo eso

<meta charset="UTF-8">

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

</canvas>


<script>

    function dibujarCuadradoVerde(){
        var pantalla=document.querySelector("canvas");
        var pincel= pantalla.getContext("2d");
        var vueltas=0;
        var width=600;

        while(vueltas <= width){
            pincel.fillStyle="green";
            pincel.fillRect(vueltas,0,50,50);
            pincel.strokeStyle="black";
            pincel.strokeRect(vueltas,0,50,50);
            vueltas=vueltas+50;
        }
    }

    dibujarCuadradoVerde();


</script>