【初心者の理解度アップ】HTML・CSS・JavaScript のそれぞれの役割の違いとは？ 

今まで見た、HTML,CSS, JavaScriptに関するありとあらゆる動画の中で一番わかりやすく、知りたいことが端的に説明されていました。 感激！ この脚本を書いた人、超有能‼️

いっちばん分かり易いやん、、、 悔しいけどRU-vidRが どれだけ素人コンテンツかが明確になりました

料理に例えるのが分かりやすいし、フロントエンドの全体感が理解しやすぎ！

youtube で1番わかりやすい動画です。 ありがとうございます😊

控えめに言ってとてもわかりやすかったです。

全体的にわかりやすくて素敵❣

JAVASCRIPTで組むとクライアント側で動くから、サーバが楽になる。昔のメインフレームのようなもの。 見栄えとかチェックとか・クライアント側のリソース処理で済むので、サーバー負担が少なく通信量も減る。 この状態で様々な処理が出来ちゃう。 サーバー側で動作するタイミングは、ボタン押してクリックした時、PUTした時に一瞬通信が跳ね上がる。 その昔、CGIと呼ばれたI/Fで在って、改良に改良を重ねて便利な機能が満載だ。 そういや、電話機の受話器がカプラーという名前だったかな？ 今や、絵／動画・音・だのマルティメディア化している。 眼鏡に相当するWEBビューワーは高度に発展して、昔は文字だけだったのに・・ 手紙に相当するメールも転送速度が、２５～５０文字程度／秒だったので、垂れ流しの文字列{今はストリームっていうのかな}？を直接見ても、判読できた時代にHTML（ハイパー・テキスト・マークアップ・ランゲージ）っていうのが制定されてきた。HTML5とかを制定している組織。Wikipediaでも検索してほしい。SE~PGの人は勉強になる。 そもそも・・（仕事道具として様々に発展してる計算機、コンピューティングシステムは） 擬人化すりゃ、良いのでは？ （以下、変な奴が変なコメントしてると言われそう…） ・オフィス{サーバールーム？｜机{コンソール等の画面的な？｝に 　電灯｛ACコンセント？｝が{そういや色々とLED光って・・}灯っている。 そこに、 ・人｛コンピュータ｝によってだが、一生懸命に働いている。 　内容は様々で、「ゲームしても良い・銀行へ行く人も居るでしょう 　　骨格が｛HTML｝、皮膚｛CSS｝、筋肉｛JavaScript｝。 ・各自、頭脳｛CPU｝に繫がって｛Python｜PHP｝記憶＋判定書式辞書で話しているそうだ・・ ・ひたすら、電話で話している「{Apach｜AnyMore}っていう人もいるし、 ・秘書みたいに動く{Squid｜AnyMore}が居る。 ちなみに、 ・電話帳を｛DNS｝探しつつ、 ・電話して｛インターネット｝、 　声が｛パケット｝であれば、 ・耳で、その応答｛レスポンス？｝を聞いて、　頭脳｛CPU？｝に伝えているらしい・・ ・記憶｛RAM?｝＋判定・書式辞書｛ROM｜PROGRAM｝で一般的な判断・処理を実行する。 ・・・方言まであるので、国の言語は色々らしいよ？ ・溢れた記憶は、ノート帳｛スワップストレージ｝か、辞書｛LIB｝に付箋シールを張って｛インデックス｝いる。 ・机に付箋すると｛リンク｝仕事が早くなるらしい。DBとか言われることもあるらしいよ。 ・国｛LINUX？｜E.T.C~｝によって国歌｛OS｝が定められ、様々な特徴が在るらしいよ・・・ 　そこでは、仕事｛JOB?｝は手｛CGI｝で辞書｜筋肉としてライブラリ追加辞書｝、筋肉（動作）を高めたい人（コンピュータ）は｛TOMCAT｜AnyMore}という名のジムでっ筋肉（高可用性）性能を強化してるって所・・？

JSが調理というのは違うような・・・ だってHTMLとCSSだけで成り立ってるサイトは多くありますから。 調理後のトッピングぐらいと思います。