Progateなどのオンラインプログラミング学習で独学した後、実践の第一歩として、「模写」をするというのはおすすめ。
ただ、気になったサイトをやみくもに模写しても、挫折しやすい。ソースを見ないで模写するっていうのが、ハードルが高い。
おすすめは、デベロッパーツールでコードを見ながら、エディタで手を動かしてみるということ。「なぜこう書くのか?」を考えることが重要。「模写」というより「写経」。
【おすすめの動画】
田中建蔵さんの動画
『Progateが終わってからオススメのプログラミング学習方法「部分模写」』は
効率の良い模写のやり方を初心者にむけて説明してくれている。