【フロントエンド学習①】フロントエンドとバックエンド

これは？

フロントエンドの学習をして、その理解のアウトプットとして作りました。
初学者にもわかりやすい文章を心がけます。
理解に間違いがありましたら、ご指摘いただけると幸いです。

フロントエンドとは

主にHTML、CSS、JavaScriptで構成されている
サーバーとの通信や、ブラウザに表示されるもの

• HTML・・・規則に則ってコンテンツを記述する
  →文章、画像、動画、など

• CSS・・・HTMLで記述されたものにデザインを付与する
  →文字や画像の色や大きさ、コンテンツの配置、など

• JavaScript・・・ページに機能を持たせる場合に使用する
  →ボタンを押した時の動作、サーバーとの通信の定義、など
  →ブラウザ上で動作するほぼ唯一のプログラミング言語！（ここ重要)
  →ライブラリやフレームワークが豊富(jQuery、Bootstrap、React.js、Vue.js、Node.js、など)

バックエンドとは

フロントエンドと比べて、使用できる言語は多い。(PHP、Java、Python、Ruby、など)
大きく「静的メージ」と「動的ページ」に分けられる

• 静的ページ
  →リクエストに応じて__サーバーに用意されているファイル__を返却、ブラウザに表示される

• 動的ページ
  →リクエストに応じて__サーバーにあるプログラムがページを生成__して返却、ブラウザに表示される

おわり