学科 サーバーサイドプログラム基礎

-本日のアジェンダ-

1限目
学科 サーバーサイドプログラム基礎
サーバーサイドプログラム について

2限目
学科 サーバーサイドプログラム基礎
WordPressのサーバ について

3限目
学科 サーバーサイドプログラム基礎
課題作成

4限目
学科 サーバーサイドプログラム基礎
課題作成

5限目
学科 サーバーサイドプログラム基礎
課題作成

本日のテーマ

WordPressのより深いお話です。

サーバーサイドスクリプトとクライアントサイドスクリプト

スクリプト(プログラミング)にはサーバー側で動くものとクライアント側(PC側)で動くものがあります。違いについて理解しましょう。

参考サイト

サーバサイドスクリプト

PHPやPerlといったプログラミング言語があります。これらの言語はWebサーバ上で動作します。このことから、これらの言語を「サーバサイドスクリプト」と呼びます。何らかの操作を実行すると、Webサーバにデータが送信され、サーバの中のプログラムが処理を行い、結果をブラウザに返します。

クライアントサイドスクリプト

一方、JavaScriptでは、記述したHTMLファイルはWebサーバ上でも公開されますが、ブラウザさえあれば実行することが可能です。Webサーバは必須ではありません。これは、Webブラウザ内でプログラムが実行されるためです。このようなスクリプトのことを「クライアントサイドスクリプト」と呼びます。

事前準備(サーバーの契約と開設)

サーバーサイドプログラミングを行うためにはレンタルサーバーとの契約が必要です。

参考サイト

サーバーサイドの仕組み

Webページには固定のHTMLが設定されているページ(静的ページ)と要求発生時にHTMLを作成するページ(動的ページ)があります。静的ページと動的ページの違いを理解しましょう。

参考サイト

フォームの作成

サーバーサイドプログラミングを行うためにはプログラムが処理するために使用する入力情報が必要です。情報を入力するためのフォーム作成方法を理解しましょう。

参考サイト

第5回成績考査

10月14日5限目までに、紙用(pdf)ポートフォリオを提出してください。
ポートフォリオの内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。

実技 JavaScript(jQuery)実習②

-本日のアジェンダ-

1限目
実技 JavaScript(jQuery)実習②
HTML・CSS・jsについて

2限目
実技 JavaScript(jQuery)実習②
クライアントサイドスクリプトについて

3限目
実技 JavaScript(jQuery)実習②
課題作成

4限目
実技 JavaScript(jQuery)実習②
課題作成

5限目
実技 JavaScript(jQuery)実習②
課題作成

本日のテーマ

jQueryを自分のサイトに導入しましょう

jQueryの導入

jQueryを自分のサイトに導入して動きのあるサイトを作りましょう。

参考サイト

jQueryの利用方法

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。

  • スライダー
  • カルーセル
  • ハンバーガーメニュー
  • ライトボックス
  • ドリルダウン
  • フェード
  • スクロール
  • など

参考サイト

第5回成績考査

10月14日5限目までに、紙用(pdf)ポートフォリオを提出してください。
ポートフォリオの内容は、自由です。
※是非、就職活動に活かせる作品を作成してみてください。