¥19800
30日間返金保証
¥19800
このコースの特徴
CSSアニメーションやJavascriptライブラリを活用して、サイトに動きを加えます。 CSS3のキーフレームアニメーションやjQueryの基本的な使い方から、jQuery非依存ライブラリを使ったスライダー等の実装方法まで図解たっぷりで解説。
学習内容
- CSSを使ったアニメーションが作れるようになる
- jQueryを使って機能的な設定ができるようになる
- JavaScript系ライブラリの使い方がわかる
- 動きのあるWebページを作成できるようになる
こんな方におすすめ
- HTML/CSSコーディングからレベルアップしたい方
- 今風のWebページ/Webサイトを作りたい方
- 案件にチャレンジする前に自信をつけたい方
- 報酬単価をアップしたいWebデザイナー/コーダーの方
受講に必要なもの
- WindowsもしくはMacのパソコンがある方
- パソコンの基本操作ができる方
- HTML/CSSの基本がわかる方
- 【推奨】Google Chrome がインストールされている環境 ※他のブラウザでもOKですが、動画と同じ操作画面にするために、同じ環境を推奨します。
コースコンテンツ
セクション: 4
セクション: 4 •
レッスン数: 16
本講座の流れ・進め方
ファイルの読込み・スタイルの優先順位
transitionでアニメーション効果を付ける
positionを使って要素を自由自在に配置する
transformプロパティで要素を変形させる
CSSのanimationプロパティを理解しよう
JSファイルの読み込み順・jQueryについて
jQueryを使ってみよう
フェードインを実装する
ナビゲーションに動きをつける
スムーススクロールにする
アドバンス編について
CSSスニペット/ライブラリの使用
Javascriptライブラリの使用方法
プラグイン（Swiper）を使ってカルーセルを実装する
Swiperスライダーのカスタマイズ
