【プログラミング初心者向け】JavaScriptのアウトプットが自力でできて楽しかった話

日々の学習




こんにちは。

そろそろプログラミングスクールに入学して丸1ヶ月です。
ここからは、今までの学びのアウトプットに力を入れていきましょう。

さて、2ヶ月目の学習に入るまでに、以下のタスクが残っています。
① HTML/CSS言語でHPを1ページ作成
② JavaScript言語でフォームの動的な機能を実装
③ PHP言語でユーザー登録・ログイン機能を実装

そこで、今日は苦手なから始めました。

JavaScriptの動的な機能を実装

今回は、左の画像をクリックすると文字の色と背景色が変わるこのようなものを作成。

たったこれだけのものですが、なんと所要時間2時間弱。

振り返りのために、時間がかかった理由を洗い出しすとこんな感じになりました。
・HTMLとCSSの細かい部分を忘れていてググった
・JavaScriptのコードが不明なので、相当数ググる
・JavaScriptが思い通りに作動しないため、さらにググる

ここまでやって思った通りのものがようやく完成し、タスクをひとつ消化しました!

参考までにコードも載せてみます。

【HTML】

【CSS】

【JavaScript】

おわりに

たくさんの気づきがあるアウトプットが重要、ということがとても理解できた経験でした。
ただ、自力で出来たことは自信につながりましたし、出来たときの喜びが大きいです。

学ぶべきことがまだまだ山ほどあるので、ひとつずつ地道にステップアップしていきます。

タイトルとURLをコピーしました