山傘のプログラミング勉強日記

プログラミングに関する日記とどうでもよい雑記からなるブログです。

[N予備校]【2019年度】プログラミング入門 Webアプリ その20

【2019年度】プログラミング入門 Webアプリ

また、フレームワークを学ぶ続きです。

第4章 実践サーバーサイドプログラミング

07. DOM 操作のフレームワーク

ボタンに機能をつけました。

'use strict';
import $ from 'jquery';
const block = $('#block');
const scalingButton = $('#scaling-button');
const movingButton = $('#moving-button');
scalingButton.click(() => {
  block.animate({ width: '200pt', height: '200pt' }, 2000);
  block.animate({ width: '100pt', height: '100pt' }, 2000);
});
movingButton.click(() => {
  block.animate({ 'marginLeft': '500px'}, 500);
  block.animate({ 'marginLeft': '20px' }, 1000);
});

08. AJAX

AJAX の説明について、下のサイトが参考になりました。

qiita.com

AJAX を使ってロードアベレージを計測しました。

09. WebSocket

WebSocket は双方向通信をするための規格です。

感想

ここら辺の内容は難しいですね。