Update README.md

npo-clack · Dec 2, 2023 · 8e73935 · 8e73935
1 parent 1b2b70d
commit 8e73935
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,30 @@
 
 N 予備校１章の知識を復習し、拡張する。
 
+## この教材で学べること
+TRの延長としてHTML,CSS,JSを学ぶ。N予備校１章の知識でできることをより習得する。
+
+### [4択クイズアプリ](https://npo-clack.github.io/levelups/HTML,CSS,JS%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB/4%E6%8A%9E%E3%82%AF%E3%82%A4%E3%82%BA%E3%82%A2%E3%83%97%E3%83%AA/)
+４択のクイズを複数連続で回答していく。
+<img width="544" alt="Screen Shot 0005-12-02 at 11 27 07" src="https://github.com/npo-clack/levelups/assets/25113191/c184926a-4610-4e08-a738-6087755ff375">
+
+### [TODOリスト](https://npo-clack.github.io/levelups/HTML,CSS,JS%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB/TODO%E3%83%AA%E3%82%B9%E3%83%88%E6%A4%9C%E7%B4%A2%E3%82%A2%E3%83%97%E3%83%AA/)
+TODOリストを作成する。検索機能がついている。また、ローカルストレージ(ブラウザのデータベース)に保存しているためタブを閉じてもPCの電源をきってもデータが残る。
+<img width="501" alt="Screen Shot 0005-12-02 at 11 31 13" src="https://github.com/npo-clack/levelups/assets/25113191/436a9a7e-41f9-4830-b09a-8da40a2573b0">
+
+### [３目並べ](https://npo-clack.github.io/levelups/HTML,CSS,JS%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB/%E4%B8%89%E7%9B%AE%E4%B8%A6%E3%81%B9/)
+○×ゲームを作る。
+<img width="294" alt="Screen Shot 0005-12-02 at 11 33 42" src="https://github.com/npo-clack/levelups/assets/25113191/9fdb4079-4c21-4630-b1e7-111a5812c046">
+
+### [心理テスト](https://npo-clack.github.io/levelups/HTML,CSS,JS%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB/%E5%BF%83%E7%90%86%E3%83%86%E3%82%B9%E3%83%88%E3%82%A2%E3%83%97%E3%83%AA/)
+バートルテスト(大規模オンラインゲームにおけるキャラクター性分類テスト)を作成する。
+<img width="857" alt="Screen Shot 0005-12-02 at 11 36 53" src="https://github.com/npo-clack/levelups/assets/25113191/1c9a755e-1ee6-4c9a-8504-3e63be297f69">
+
+### [Webサイト](https://npo-clack.github.io/levelups/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB/%E5%9F%BA%E6%9C%AC)
+自己紹介やポートレート系サイトの作り方を学ぶ。
+<img width="1395" alt="Screen Shot 0005-12-02 at 11 38 43" src="https://github.com/npo-clack/levelups/assets/25113191/2e6a2f1c-f5c1-436a-80b0-1686a353b51d">
+
+
 ## このレポジトリの使い方
 
 1. コースを決める