教材の章や動画を順番に終えているのに、「何ができるようになったのか」が分からないことがあります。学習の進捗と、新しくできるようになったことは同じではありません。
学習ゴールを、観察できる小さな成果物へ書き換えてみてください。
学習目標を成果物へ変換する
○○を理解する→○○を使って△△が動く
「終える」を「動く」に書き換える
たとえば「HTMLの基礎を終える」ではなく「自己紹介ページの構造を作る」、「CSSを学ぶ」ではなく「カードを画面幅に合わせて並べる」、「JavaScriptの条件分岐を学ぶ」ではなく「条件によって表示するメッセージを変える」と書き換えます。
ルールはシンプルです。「○○を理解する」を「○○を使って△△が動く」へ変える。
成果物は小さくてよい
ポートフォリオになる大作を毎回作る必要はありません。1画面、1機能、1つの条件分岐でも、学んだことを自分で使ったなら成果物です。
できた後に1つ変更する
見本どおりに動いたら、そこで終わらず1つだけ自分で変えます。文章、色、条件、表示内容など何でも構いません。変更した結果を説明できれば、写経から理解へ一歩進めます。
CodeNestを使う場合も、課題を終えること自体をゴールにせず、「なぜ動いたかを説明する」「条件を1つ変える」ところまで進めると、学習と成果物をつなげやすくなります。
ゴールは観察できる言葉にする
「理解する」「身につける」だけでは達成したか判断しにくいものです。「表示される」「切り替わる」「入力できる」「説明できる」のように、確認できる言葉へ置き換えてください。
次に読む： 最初の7日ガイド ／ HTML・CSS・JavaScriptの学習順