10月の授業日記

10/7 JavaScript

ユーザーのアクションに応じてブラウザを制御

基本書式

1.オブジェクト.プロパティ=値;
2.オブジェクト.メソッド(値);

オブジェクト

・ブラウザのパーツのjsでの呼称

プロパティ

・オブジェクトの設定値を変える

メソッド

・オブジェクトができる機能を実行

はじめてのjs

イベントハンドラ

・ユーザーのアクションに応じて命令を実行できる
・タグの属性
・htmlのイベントハンドラをきっかけにjsがhtmlやCSSを制御できる

イベントハンドラ

きょうのひとこと

ちょっと難しかったけどできたので良かったです😌

10/20 外部jsファイル

 変数と引数

 値ではなく変数にすれば同じ関数に違う数値を代入できる

外部CSS

スクリプトを記述した外部JSファイルへリンクして実行させられる

<script src="jsファイルへのパス"></script>

外部CSSに記述された関数をイベントハンドラで呼び出す使用法が多い

きょうのひとこと

ランダム機能楽しいです🎶

11/4 DWによるJavaScript

DWにはスクリプトを記述しなくてもJSによるページが作れる方法が用意されている

ビヘイビア

DWでのJSのプリセット
  • アラート
  • ウィンドーを開く
  • テキストの変更
  • 画像の入れ替え

    スワップイメージ

    ロールオーバーイメージ

    CSS

    せんせい

    jsフレームワーク

    外部スクリプトの大規模化したものがフレームワーク

    jQuery

    最も普及しているフレームワークの一つ
  • jquery本体
  • scriptファイル
  • htmlから呼び出す
  • jQuery UI

  • アドビ独自のフレームワークをjQuery用に手直ししたもの
  • 挿入し、保存すると必要なファイルがサイト内へコピー・リンクされる
  • Datepicker
  • きょうのひとこと

    CSSのボタンがちょっとうまくいかなくててこずりました、、💦