学科 JavaScript基礎

-本日のアジェンダ-

1限目
学科 JavaScript基礎
JavaScriptについて

2限目
学科 JavaScript基礎
JavaScript 使い方について

3限目
学科 JavaScript基礎
課題作成

4限目
学科 JavaScript基礎
課題作成

5限目
学科 JavaScript基礎
課題作成

本日のテーマ

JavaScriptの活用法についてです。

JavaScript とは?

JavaScriptはスクリプト言語のひとつでありNetscape Communications社によって開発されたプログラミング言語ですが、標準化され現在ではほとんどのブラウザの標準スクリプト言語として使用されています。JavaScriptを使用することでWebページに動きを与えたり算術などの処理を行うことが可能になります。JavaScriptはクライアント(ブラウザ)のスクリプト言語として発展して来ましたが近年ではサーバーサイドでも稼働するものもあります。JavaScriptの言語仕様はECMAScriptとして標準化されています。

参考サイト

jQuery とは?

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリです。jQueryは、JavaScriptライブラリのデファクトスタンダードであると言われています。
jQueryは、以下の特徴を持ちます。

  • ブラウザの違いを意識せずに処理を記述できます。
  • HTML文書(DOM:Document Object Model)に簡単にアクセスできます。
  • Ajax処理(サーバーとの非同期通信)が簡単に記述できます。

参考サイト

JavaScriptでの記述

JavaScriptを記述する時の基本事項を理解しましょう。

参考サイト

学科 レイアウトデザイン基礎⑤

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎⑤
デベロッパーツールについて

2限目
学科 レイアウトデザイン基礎⑤
プロパティと値 について

3限目
学科 レイアウトデザイン基礎⑤
課題制作

4限目
学科 レイアウトデザイン基礎⑤
課題制作

5限目
学科 レイアウトデザイン基礎⑤
課題制作

本日のテーマ

後はプロパティと値をひたすら書く

プロパティと値について

プロパティ(property)とは適用するスタイルの種類のことです。 上記の例では色を指定するcolorプロパティの値(value)にblueを指定しています。 CSSでは他にも様々なプロパティが用意されているので、適用するスタイルに応じて使い分けます。
ひとつのセレクタに対して複数のスタイル指定する場合には、スタイル宣言をセミコロン( ; )で区切って記述します。 セミコロン( ; )は宣言同士の区切り記号なので最後は必要ありませんが、付けても誤りではありません。 後からスタイル宣言を追加したり、スタイル宣言の順序を入れ替える可能性などを考慮して付けておくのが一般的です。

ワンポイントアドバイス

後は、デベロッパーツールでプロパティと値をひたすら書くです。
レイアウトに関するCSSは、HTMLの上から下に対して、影響をもたらす場合があります。(marginとか)デザイン(デザインラフ)の上から作っていくと、変な間違い等の見落としを回避し易いです。

参考サイト

第4回成績考査

9月6日の5限目までに、Webページを提出してください。
サイト内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。

http://deau00000.html.xdomain.jp/sample20210817/