Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

前期講座01

北海道工業大学電子計算機研究部ネットワークチーム 前期講座資料01

  • Be the first to comment

  • Be the first to like this

前期講座01

  1. 1.  目標 講座概要 HTML とは CSS とは JavaScript とは サーバサイドの仕組み クライアントサイドの仕組み Web プログラミングの利点と欠点 課題
  2. 2.  Web に対する興味と知識を深める。 プログラミングの為の思考力を身につける。 簡単なゲームもしくは Web アプリケーションを開発する為の礎を築く。
  3. 3. 講座(学習のキッカケ作り、ガイド)課題(講座に対するフィードバック)応用(復習、予習、自力での学習)
  4. 4.  サーバ側で計算して、クライアント(パソコン)に表示する。 Web はクライアントサーバモデルWeb サーバクライアントHTML CSS JSImage
  5. 5.  文章に構造を持たせた文書。 写真や図を埋め込むことが可能。HTMLとは文章に構造を持たせた文書のことで、写真や図を埋め込むことができます。CSSはHTMLに対してスタイルを指定するものです。JavaScriptはHTMLに対して動きをもたせるもので、例えば写真をスライドショーで表示させることができます。文章に構造を持たせた文書のことで、写真や図を埋め込むことができます。> CSSHTMLに対してスタイルを指定する> JavaScriptHTMLに対して動きをもたせるHTML とは文章 HTML 文書
  6. 6.  HTML に対してスタイルを指定するもの。
  7. 7.  プログラミング言語› スクリプト言語 HTML に対して動きを持たせるもの。› アニメーション› ユーザインターフェース
  8. 8.  要求されたファイル等をクライアントへ送信する。 送信されてきたデータを用いて、何らかの処理をした後に結果をクライアントへ返す。詳細は後期講座でやります。今知りたい人は、後で講師の所まで。
  9. 9.  クライアントサイドでは Web ブラウザがサーバと通信する。 Web ブラウザの HTML レンダリングエンジンが HTML/CSS/JS を解釈して表示する。
  10. 10.  好きなブラウザは?› Internet Explorer Trident› Safari WebKit› Google Chrome (Chromium) WebKit → Blink› Firefox Gecko → Servo› Opera Presto → WebKit → Blink› その他
  11. 11.  利点› 画面に表示させるのが比較的簡単。› 単純な処理に向いている。› インターフェース(クライアントサイド)とロジック(サーバサイド)が疎結合。 欠点› 複数のブラウザに対応しなければならない。› セキュリティ面に特に注意する必要がある。› ブラウザの上で動作することによるオーバーヘッドが大きい。
  12. 12.  講座に対するアンケート› 分からなかった点› 特に重要だと思った点› 次に学びたいこと› どのような形式の講座を希望するか 語句調べ› HTML5› CSS3› ECMAScript6› Node.js

    Be the first to comment

    Login to see the comments

北海道工業大学電子計算機研究部ネットワークチーム 前期講座資料01

Views

Total views

630

On Slideshare

0

From embeds

0

Number of embeds

1

Actions

Downloads

3

Shares

0

Comments

0

Likes

0

×