[Course]クリエイティブディレクター,カイト2_코가2 Details
カリキュラム内容のご紹介
- SECTION 01
イントロダクション
01.イントロダクション- 会社紹介 - 講座の概要説明 - ツールの紹介
- SECTION 02
プロジェクト概要とチーム形成
02.プロジェクト計画と要件定義- プロジェクトの概要説明とチーム形成 - 要件定義 - スケジュールとタスク分割・役割分担 - サイトマップ・ワイヤーフレームの作成
- SECTION 03
デザイン・設計
03.デザイン①- デザインコンセプトを決める - メインビジュアルの制作 - ブランドカラーのスタイル登録
04.デザイン②- フロントページ(デスクトップ)デザイン - コンポーネント作成 - バリアブル登録
05.デザイン③- フロントページ(デスクトップ)デザイン - メインセクションのデザイン
06.デザイン④- フロントページ(デスクトップ)デザイン - 全体的なブラッシュアップ
07.デザイン⑤- フロントページ(モバイル)デザイン
08.デザイン⑥- 下層ページ(デスクトップ、モバイル)デザイン - プロトタイピング
09.デザインエンジニアリング- デザインデータの調整 - WordPress ブロックの設計
- SECTION 04
環境構築・準備
10.環境構築- ローカル開発環境構築 - サーバの設定 - CI/CD の構築
11.プロジェクトセットアップ- セットアップ用ファイルの作成
12.CMS 初期設定①- テーマの初期設定 - Tailwind CSS の紹介と設定
13. CMS 初期設定②- プラグインの初期設定 - コンテンツの準備(データベースなどのインポート)
- SECTION 05
実装
14.ヘッダーの実装- モバイル用のヘッダーの実装 - ハンバーガーメニューの実装 - デスクトップ用のヘッダーの実装
15.フッターの実装- フッターの実装
16.フロントページの実装①- ヒーローセクションの実装
17.フロントページの実装②- ニュースエリア(Splide 導入) - 特徴セクション
18. フロントページの実装③- コース紹介セクションの実装 - 講師紹介セクションの実装"
19. フロントページの実装④- その他のセクションの実装
20.コードレビュー- コードレビューの基本 - 具体的な改善点の指摘と修正
21.アニメーション・インタラクションの実装①- アニメーション・インタラクションの実装計画 - イメージや参考サイトの共有
22.アニメーション・インタラクションの実装②- インタラクションの実装
23. アニメーション・インタラクションの実装③- 演出に関するアニメーションの実装
24.アクセシビリティ対応- アクセシビリティチェック - WAI-ARIA 対応 - スクリーンリーダーへの対応
25.カスタムブロックの実装- カスタムブロック開発環境構築 - カスタムブロックの実装
26.ブロックエディターのカスタマイズ- theme.json の設定とブロックスタイルの追加
- SECTION 06
コンテンツ入力
27.ブロックエディターの使い方・下層ページ作成- ブロックエディタとは - ブロック・パターンを使ってコース詳細ページを作成
28.サイト公開- SEO - アナリティクス - Google Search Console
- SECTION 07
まとめ
29.まとめ- 講座の振り返り - 今後について