JavaScript講座|ピーシーブレイン

information とことんサポート内容 講座一覧 様々な問い合わせ FAQ 会社概要 お申し込みの流れと料金 講座お申し込み用画面 line
学習用メッセージ
office系完全マスター

JavaScript講座 HTML5CSS3講座 PHP講座

JavaScript講座

Excelタイトル

教材の指示に従うだけで、JavaScriptを開発するための環境が整います。
・開発時に使用する環境:「Aptana Studio」「jQuery」
・現在使用中のエディタがあれば、そのエディタで学習する事も出来ます。

JavaScriptについて

1995年に登場したJavaScript言語ですが、今やパソコンだけではなくモバイル向けアプリケーション開発、業務アプリケーションのフロントエンド開発に留まらず、サーバサイドプログラミングなど、あらゆる分野で活用されています。
また、JavaScriptは、Webページの処理能力を高める(動的表現や対話性を付加)為のスクリプト言語で、数あるプログラミング言語の中でも初心者にやさしい言語の1つと言えます。

JavaScriptサポート

●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について・・・等

JavaScript講座教材

Copyright(C) PCBRAIN Corporation 1998-2016. All rights reserved.
ページトップ ページトップ