#1,はじめに
この記事は、海外Teck系YouTuberの動画を参考に、同じプロジェクトを作成してみたものになります!
簡単にですが、動画を通して学べた技術や知識をまとめました!
➡**partⅠでは、JavaScriptでBookList**を作成しています
今回の完成品は、下記に載せています
#2,学んだこと
ゴールが見えているので、完成させたい意欲で一気に進めてしまいますね
前回の**BookList**との共通するソースコードが登場したときには、こういった場面ではこう書けばいいんだと記憶に定着するし、作品を見直せばすぐ応用がきくのでいろいろとメリットがたくさんあります
ぜひ、ハンズオンでトライしてみてください
今回は、新たに
① DOMContentLoaded がドキュメントを起動したときに読み込まれる
② e.preventDefault(); を記述する理由
③ JavaScriptでhtmlを生成する方法
④ e.target();
⑤ localStorageの保存と削除方法
⑥ JSON.stringify();
を学ぶことができました!
localStorageに保存する場合は、JSON形式で保存することが大きな収穫でした
完成品では、localStorageの様子も見れるので下記にその動画を載せておきます
#4,完成
localStorageの様子も見れるようにしました
#4,次回は、
Reactを使った、プロジェクトにトライしてみます