『JS&jQueryインタラクティブwebフロントエンド開発』(一)プログラミング基礎知識

記事の目次

プログラミング基礎知識

1.1スクリプト

意味

作成ステップ

1.2コンピュータモデリング方式

データを用いてモデルを作成する

.

ウェブブラウザ

1.3ウェブスクリプトを作成する

注目点分離

漸進式強化

JavaScriptスクリプトを作成する

オブジェクトを呼び出す方法

`

1プログラミングの基礎知識
1.1スクリプト
意味

シナリオの一部は、目標達成のためにコンピュータが命令を実行する一連の命令である.

スクリプトが実行されている場合は、全コマンドの一部

だけが実行される可能性があります.
作成手順

定義目標

設計脚本:使用フローチャート

コードを書く:プログラミング言語を使う

1.2コンピュータモデリング方式
データを使ってモデルを作成します.

オブジェクト(物件)

は、各物理的なオブジェクトを一つのオブジェクトとして表すことができる

.

各オブジェクトには、属性、イベント、方法

があります.

イベントトリガ方法、方法取得、属性更新

属性(特徴)

各属性には名前、値

があります.

事件

の意味:ユーザとコンピュータとの相互作用挙動に応答する

作用:イベント発生時に特定の機能をトリガする

方法

意味:実際の世界で人々(または他のもの)がオブジェクトとどう対話するかを示す

.

作用:方法は多くの命令を含み、これらの命令は集合してタスク

を完成する.
ウェブブラウザ

windowオブジェクト

documentオブジェクト

機能:ページの内容にアクセスし、変更し、ユーザーとインターフェースのインタラクション方式

に応答する.

属性:ウェブページの特性を説明する

方法:ブラウザにおけるドキュメントの読み込みに関するタスク

を実行する.

イベント:応答相互作用挙動

ブラウザはウェブページを実行します.

ステップ

.htmlページ

ページのモデルを作成し、メモリに保存します.

レンダリングエンジンを使用してページを表示する

JavaScriptの実行

解釈器は命令を読み、ブラウザが識別、実行できる命令

を翻訳する.

解釈型プログラミング言語:各ラインのコードを順次翻訳して

を実行します.
1.3 webスクリプトの作成
懸念点分離

コンテンツ層)、プレゼンテーション層css、行動層JavaScript

はできるだけ3つの言語を異なるファイルに置いて、css、JavaScriptファイル

をhtmlページでリンクします.
インボリュート

.htmlしかないです.すべてのデバイスで動作し、すべてのユーザにアクセスされ、急速にロードされます.

html+css

単独でcssファイルを追加します.

は、規則をコンテンツ

ではなく、ページの外観だけに注目させる.

は、すべてのサイトで同じ様式表を使用しても良いし、同じ内容に対して異なる様式表

を使用しても良い.

html+css+JavaScript

単独でJavaScriptファイルを追加します.

ユーザがJavaScriptをロードしなくても、ページは

として動作することができます.

は、異なるページでコードを再利用することができる(クイックロード、メンテナンスしやすい)

.
JavaScriptスクリプトを作成します.

.htmlページからJSファイルをリンクする.

文法:

ウェブページのソースコードにはJavaScriptファイルのリンクのみが表示されています.(スクリプトとブラウザで作成されたページモデルとの相互作用)

ページにスクリプトを置く(推奨しない)

文法: JavaScript

オブジェクトを呼び出す方法

document.write('hello!');

document:オブジェクト

.:メンバーオペレータ

write('hello!');:方法

('hello!');:パラメータ

説明

documentオブジェクトは、オブジェクトと呼ばれる複数の方法と属性を有している.

ブラウザにJavaScriptファイルのロードを す