学科 JavaScript基礎【オンライン】

-本日のアジェンダ-

1限目
学科 JavaScript基礎
JavaScriptについて

2限目
学科 JavaScript基礎
jQueryの使い方について

3限目
学科 JavaScript基礎
課題制作

4限目
学科 JavaScript基礎
課題制作

5限目
学科 JavaScript基礎
課題制作

本日のテーマ

JavaScript(jQuery)についてです

jQueryについて

jQueryを利用する時の基本事項を理解しましょう。

参考サイト

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
JavaScript(jQuery)の教科書.pdf」 

動画

jQueryの利用方法

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

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

参考サイト

ワンポイントアドバイス

見本となるサイトがたくさんあるのがWebページの良いところです。
「こんな動きのページ作れますか?」のような依頼はよくあります。
その見本のサイトを解析できれば実装が可能です。

本日の課題

課題提出はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

実技 WEBデザイン実習④

-本日のアジェンダ-

1限目
実技 WEBデザイン実習④
デバイスについて

2限目
実技 WEBデザイン実習④
各デバイス検証について

3限目
実技 WEBデザイン実習④
課題制作

4限目
実技 WEBデザイン実習④
課題制作

5限目
実技 WEBデザイン実習④
課題制作

本日のテーマ

デバイス検証は最後にしっかりと

デバイスとは?

ブラウザとは、インターネットを介してホームページ(Webサイト)をパソコンやスマートフォンで閲覧するためのソフトウェアのことです。 Webブラウザとも呼ばれ、Chromeやsafari、Internet Explorerなどが有名です。

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
各デバイス検証.pdf」 

動画】「各デバイス検証」

実機検証 について

スマホによる実機検証は、新しく開発したアプリやWebサイトを利用者が実際に使う端末機を使ってテストを行うことで、問題や不具合を発見し、品質を向上させるもの。 世にWebサイトやアプリをリリースするための重要な作業の一つです。

ワンポイントアドバイス

サイトが出来たら、出来る限りの実機検証を行ってみましょう。
実機でしかないバグや見た目の違いが多くありますので、サイトが一通り形になったら実機検証を出来る範囲で行ってみましょう。

参考サイト

本日の課題

コーディングを進めましょう。
5限目の終わりまでに、
今日できたところまでのサイトをサーバに仮アップしましょう。