5
6

More than 3 years have passed since last update.

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

Last updated at Posted at 2021-01-03

これは?

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

フロントエンドとは

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

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

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

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

バックエンドとは

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

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

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

おわり

5
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
6