フロントエンド開発
- ユーザーの見える部分を開発
- 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の有効性確認ができる!)