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

今日のひとこと

少し複雑になってきて、難しいですがうまく使えれば面白く出来そうだなと思いました。