JavaScript講座｜ピーシーブレイン
JavaScript講座 HTML5CSS3講座 PHP講座
JavaScript講座
教材の指示に従うだけで、JavaScriptを開発するための環境が整います。
・開発時に使用する環境：「Aptana Studio」「jQuery」
・現在使用中のエディタがあれば、そのエディタで学習する事も出来ます。
JavaScriptについて
1995年に登場したJavaScript言語ですが、今やパソコンだけではなくモバイル向けアプリケーション開発、業務アプリケーションのフロントエンド開発に留まらず、サーバサイドプログラミングなど、あらゆる分野で活用されています。
また、JavaScriptは、Webページの処理能力を高める（動的表現や対話性を付加）為のスクリプト言語で、数あるプログラミング言語の中でも初心者にやさしい言語の１つと言えます。
●JavaScriptでできること
JavaScriptを利用して、Webページ（HTMLやCSS）の内容を随時書き換えることが出来ます。
上記は短い文章ですが、その意味するところはとても大きく、動的なWebサイト及び高度なユーザーインターフェース機能を備えるには必須の機能です。
また・・・
Ajax（エイジャックス：Asynchronous JavaScript＋XML）という仕組みを利用することにより、ユーザーの操作に連動して、コンテンツ全体を更新することなくWebサーバと通信を行い、コンテンツの一部を置き換えることが出来ます。また、WEB上に存在する各種WebAPI機能を利用することが出来ます。
※AjaxやWebAPIについては本編で詳しく触れますので、この時点では判らなくても大丈夫です。
●統合開発環境について
開発環境は、現在使用されているものでも構いませんが・・
特に無ければ、Aptana Studioを開発環境として使用します。
Javaの統合開発環境としても有名なEclipseをベースとして作成されたもので、HTML／CSS／JavaScriptの開発に最適な環境を得ることが出来ます。
jQueryというライブラリ機能を活用することもでき、更に効果的なWebページ開発が可能です。
また・・・
Ajaxの仕組みを利用したWebAPIやWebアプリケーションとの連動についても、実際にサーバーにアップロードすることなく、ローカル上で全て検証することが出来ます。
開発環境の整備
AptanaStudioを開発環境の日本語化
jQueryプラグインのインストール等々、学習や実践時に必要となる環境一式を設置
プロジェクトの新規作成方法やインデントの設定等、実際に開発を行う際の準備を整えます。
JavaScript言語の基礎
各種エラー対策について
スクリプトの外部ファイル化／スクリプトを記述する場所
文字列の扱い方
予約語／変数／演算子／関数等の概念や、その実行イメージを、しっかりと頭に入れておきます。 先ずは、基本的な言葉の意味やその機能をイメージした上で実践します。
プログラミング実践
組み込み関数の利用
条件分岐：各種ifやswitch
コーディングのリズム
三項演算子とifの使い分け
ループ構文：for／while等々
配列／連想配列
関数の外部ファイル化
文字実態参照コード
オブジェクトとは／プロパティとメソッド
String/Number/Math/Array/Date等の各種メンバについて
イベント処理について／イベントハンドラ／イベントの種類
submitとbuttonの使い分け ・・・等
DOM(Document Object Model)
ノードの種類／ホワイトスペースノード
ノードウォーキング／ダイレクトアクセス
要素の属性値を取得する方法／要素ノードの追加と削除
innerTextとinnerHTMLの違い
XSS（クロスサイトスクリプティング）
イベントリスナについて
フォーム要素へのアクセス
ブラウザオブジェクトについて
スタイルシートの操作
thisについて・・・等
Ajax(Asynchronous JavaScript＋XML)
テキストファイルからデータを取得
Ajax処理の流れ
コールバックとは？
Webアプリケーションとの連携
GETとPOSTについて
WebAPIとの連携（XML/JSON形式）
クロスドメイン制限について・・・等
jQuery
$関数
CSSセレクタ
$関数の引数と戻り値について
jQueryオブジェクトのメンバー一覧
メソッドチェーン
シリアライズとは
jQueryとDOMについて・・・等
JAVA｜Androidアプリ開発｜PHP｜Perl｜C言語｜JavaScript
