10月の授業日記

10/7　Java Script

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

基本書式

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

オブジェクト

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

プロパティ

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

メソッド

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

はじめてのjs

イベントハンドラ

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

イベントハンドラ

今日のひとこと

実際にコード入力してみると、プログラミングしてる感が出て面白いです！
久しぶりのWEBの授業でしたが学習したことをちゃんと覚えていたので安心でした。

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 

  • Adobe独自のフレームワークをjquery用に手直ししたもの
  • 挿入し、保管すると必要なファイルがサイト内へコピー・リンクされる

Datepicker

 今日のひとこと

今回の授業はコード入力ではなく、効率化重視だったのでスムーズに作業ができました。