HTML/CSS/JS

コースの概要

学習の概要

Webフロントエンド開発のコアコンテンツを学習!

重点学習

難易度が高く、重要でない内容は、簡単に勉強したり、

を省略したりしてください.

フロントエンド開発

HTML、CSS、JSを使用してデータをグラフィックユーザインタフェース(GUI)に変換し、ユーザと対話させる.

HTML, CSS, JS

HTML(Hyper Text Markup Language)

タイトル、段落、表、画像、ビデオなどのWebページの構造を担当します.

CSS(Cascading Style Sheets)

実際の画面でのコンテンツの表示方法(色、サイズ、フォント、レイアウトなど)を指定し、視覚効果(静的)を提供します.

JS(JavaScript)

コンテンツの変更やコンテンツの移動など、ページの動作を処理します.

Webアプリケーションの動作原理

ブラウザ(https://)を使用すると、最初のリクエストがサーバに送信されます.

サーバは、要求を受信したユーザのブラウザに要求を送信し、初期応答を提供する.応答により終了したファイルは、基本構造を含むhtmlファイルです.

基本機能に加えて、その他の機能(画像、入力ウィンドウ、ポップアップウィンドウなど)を追加します.

サーバは、他のファイル(css、js、jpg)に応答する必要があります.

Web標準とブラウザ

Web規格

Web標準とは、「Web上で使用される標準技術やルール」であり、W 3 C標準化制定段階の「推奨」に相当する.

W 3 Cの標準化制定段階は大きく4つの段階に分けられる。

1. 초안(Working Draft, WD)
2. 후보권고안(Candidate Recommendation, CR)
3. 제안권고안(Proposed Recommendation, PR)
4. 권고안(W3C Recommendation,REC)

クロスブラウザ(Cross Browsing)は、異なるドライバのブラウザが同じ使用体験(同じ画面、同じ動作など)を持つようにする技術と方法である.(ex.chrome、edge、Firefox、オペラ、Swing、Wail、Safari)

Webで使用する画像

ビットマップ(Bitmap)-ピクセルが集約された情報のセットであり、ラスタ画像とも呼ばれる.(.jpeg, gif, png)
1.美しく多様な色を見せる.
2.スケールすると、ステップ現象と品質が低下します.
ベクトル(Vector)-点、線、面の位置(座標)、色などの数学的情報形状(形状)からなる画像.(.svg)
1.スケーリング中は制限されません.
2.洗練されたイメージを表現するのは難しい(人物や風景などの写真).

特殊記号

` - Backtick(백틱), Grave(그레이브)
~ - Tilde(틸드, 물결표시)
! Exclamation mark(엑스클러메이션, 느낌표)
@ - At sign(앳 ,골뱅이)
# - Sharp, Number sign(샵, 넘버, 우물 정)
$ - Dollar sign(달러)
% - Percent sign(퍼센트)
^ - Caret(캐럿)
& - Ampersand(엠퍼센드)
* - Asterisk(에스터리스크, 별표)
- - Hyphen, Dash(하이픈, 대시, 마이너스)
_ - Underscore, Low dash(언더스코어, 로대시 , 밑줄)
= - Equals sign(이퀄, 동등)

オープンソースライセンス

オープンソースライセンスとは、任意の製品を開発するときに必要なソースコードまたは設計図にアクセスおよび表示できることを意味します.
Apache License-Appacheソフトウェア財団がソフトウェアのために作成したライセンスは、個人/商業使用、配布、修正特許を申請することができます.
MIT License-マサチューセッツ工科大学(MIT)がソフトウェア学生のために開発したライセンスは、個人ソースでこのライセンスを使用する標識を守るだけで、残りのライセンスの制限を受けません.
BSD License—バークリーカリフォルニア大学が開発したライセンス、MITと同じ条件を持つ.
Beerware-オープンソース開発者のためにビールのライセンスを買わなければなりません.(ただし、会える場合のみ…)