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

【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 は双方向通信をするための規格です。

感想

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