「Webアプリケーション」を数日前に学び始めたばかりの超初心者です。
CodePenを使い、まずは色々なPen（ペン）【※】を探して改良してみるところからスタート。
【※】HTML、CSS、JSを編集できる画面のことを「Pen」（ペン）と呼ぶそうです。
しかしながら、基本用語そのものがよく分かっていないため、苦戦中・・・
「これ何だっけ？」と用語を調べ直すのが手間なので、そんな超初心者の自分に向けて、基本用語や参考サイトをまとめておきます。（自分用メモ）
##基本用語まとめ
| 用語 | 説明 |
|---|---|
| HTML | WEBページの構造や装飾などに使われるプログラム言語。 見出しの設置や文字・画像等の配置などを決めるのに使う。 |
| CSS | HTMLと同じく、WEBページ作成に使われるプログラム言語。 HTMLと組み合わせて利用。CSSは、WEBページの**デザイン（スタイル）**に関する情報を決めるのに使う。 |
| Javascriptライブラリ | JavaScriptベースのアプリケーションを書きやすくするために、あらかじめ 書かれたJavaScriptのライブラリ。例）Vue.js、jQuery |
| CSSフレームワーク | Webにおける装飾を記述するCSSのフレームワーク。 簡単に見栄えを良くしたり、複雑なユーザーインターフェースが一発で作成できる。例）Bootstrap |
| Bootstrap | 有名なCSSフレームワークの１つ。 デザイン性が確保されており、よく使われるフォーム、ボタン、メニューなどの部品がテンプレートとして用意されている。 |
##参考サイト##
以下、今後「Webアプリケーション」を作成するにあたり、参考になりそうだと思ったサイトです。
###CodePen
▶画像付きで、初心者向けの丁寧な説明あり。
CodePenの使い方(知らない人向け)
▶主要機能の細かい解説が分かりやすい。
https://libra-nk.net/codepen/
###CSSフレームワーク
▶数ある中でおすすめのフレームワークと、種類ごとの特徴がまとまっている。
https://webdesign-trends.net/entry/11473
▶今後使いたいと思っているタブ機能。解説がとても丁寧。
https://bagelee.com/design/css/create_tabs_using_only_css/
###Javascriptライブラリ
▶Javascriptライブラリの種類ごとに特徴が解説されている。初心者におすすめ。
https://www.sejuku.net/blog/4559
###Webアプリケーション
▶デザインがとにかくかっこいい。おしゃれなWebアプリが作れそう。
https://creive.me/archives/37813/
▶Webアプリの種類がとにかく豊富。
https://note.com/haken_se_30manen/n/n4f379cc91f11#c0pws