0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

フロントエンド開発の言語

Last updated at Posted at 2023-05-04

フロントエンド開発

  • ユーザーの見える部分を開発
    • Webサイトの画面や文字、ボタンなど

バックエンド開発
ユーザーには見えない部分(サーバーの運用や処理、DBの保存など)
言語はPHPなど

フロントエンド開発の言語

HTML CSS JavaScript
.html .css .js
内容だけ 装飾する 動きを付ける
大元 埋込/外部 埋込/外部

HTML(ハイパーテキストマークアップランゲージ)

  • ファイルの拡張子は「.html」
  • Webサイトの文章や画像の指定
    • スタイルを指定していくだけ!
  • W3Cで定義

CSS(カスケーディングスタイルシート)

  • ファイルの拡張子は「.css」
  • Webサイトのデザインの指定
    • Webサイト全般のデザイン
  • HTML内に書けるが、外部ファイルに置くのが一般的
  • W3Cで定義

JavaScript

  • ファイルの拡張子「.js」
  • Webサイトの動的な部分、時間による処理、ユーザのクリックなどへの反応
  • HTMLだとホバー、クリック程度。より細かいのはこちら

IE/safariなどで動かない命令もある!
IEはOSによって上限があったりと、古いVerも確認できるとよい。
(Can I use…ブラウザやバージョンでHTMLやcssの有効性確認ができる!)

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?