学科 JavaScript基礎

-本日のアジェンダ-

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

2限目
学科 JavaScript基礎
jQueryの取り入れ方

3限目
学科 JavaScript基礎
jQueryの記法について

4限目
学科 JavaScript基礎
作品制作

5限目
学科 JavaScript基礎
作品制作

本日のテーマ

ページトップボタンをjQueryで実装しよう

JavaScriptとは

【超入門】JavaScriptとは?できること・基本をわかりやすく解説

jQueryとは

jQuery(ジェイクエリー)は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリである。
引用元:ja.wikipedia.org

JavaScript初心者のためのjQuery入門

jQuery
jQuery公式サイト
jQuery日本語リファレンスの例
jQuery リファレンス



学科 WEB動画基礎

-本日のアジェンダ-

1限目
学科 WEB動画基礎
WEB動画について

2限目
学科 WEB動画基礎
WEB動画について

3限目
学科 WEB動画基礎
課題制作

4限目
学科 WEB動画基礎
課題制作

5限目
学科 WEB動画基礎
課題制作

本日のテーマ

「動画」の利用法と活用法

YouTubeにつて

YouTube ( ユーチューブ ) は、アメリカ合衆国・カリフォルニア州サンブルーノに本社を置く世界最大の動画共有サービス。Youは「あなた」、Tubeは「ブラウン管(テレビ)」という意味である。

参考サイト

videoとiframeタグ


便利ツール (サイト制作用)

HTMLの記述をチェックしてみよう
 Gateway – Another HTML Lint
CSSの記述をチェックしてみよう
 CSS Validation Service
タグの意味等が思い出せない場合はこちらで調べてみよう
 HTML5リファレンス
 CSS: カスケーディングスタイルシート | MDN
CSS フレックスボックスの仕様
 CSS フレックスボックスレイアウト
 CSS Flexboxチートシート
色の名前とカラーコードです
 HTMLカラーコード: WEB色見本 原色大辞典
画像圧縮ツール
 TinyJPG
各ブラウザで対応しているか調べよう
 Can I Use