概要

CSSアニメーションを勉強中 or これから始めたい方のための講座です。
受講者の方には、講師のコードを真似てサンプルプログラムを作っていただくハンズオン形式のセミナーになります。
なるべくゆっくり進めながら随所解説を入れていきますので、初学者の方でも安心してご参加いただけます。

上記にもありますが、今回はCSSアニメーション初学者の方を対象としたセミナーになりますので、JSとCSSアニメーションの連携や@keyframesを使用したアニメーションの実装経験がある方には、物足りないかもしれません。
※ 応用レベルの技術を取り扱った講座は、別途開催予定です

対象

• CSSアニメーションをこれから学びたい
• CSSアニメーションに抵抗がある or ハードルを感じている
• アニメーションはついついjQueryで書いてしまう
• transitionとanimationの違いが知りたい

上記のような課題をお持ちの初学者の方が対象となります。

前提知識

• Webサイトの制作経験(HTML/CSSを書いた経験)があること
• JavaScriptを少しでも使ったもしくは学んだことがあること(必須ではない)
  ※ jQueryプラグインの使用経験がある等、初学者レベルの知識があればOK

場所

CASE Shinjuku
東京都新宿区高田馬場１丁目２８−１０ バンフォーレ三慶ビル４階

アジェンダ

• アニメーションに触れてみよう
  CSSアニメーションの概要を掴んでいただくため、サンプルプログラムをいくつか作成していきます。

• 少し複雑なアニメーションを実現してみよう
  複雑なアニメーションの実装方法をサンプルプログラムを通して学んでいただきます。

• JavaScriptでCSSアニメーションを実行してみよう
  JavaScriptと連携してCSSアニメーションを実行するための方法をサンプルを通し、ご紹介します。

持ち物

ノートPC