お問い合わせ

コース概要

はじめに

  • Tailwind CSSの概要について説明します。

始め方

  • Tailwind CSSのインストール方法
  • Nodeのインストール方法
  • VS Codeのインストール方法
  • 開発環境のセットアップ手順

Tailwind CSSの基本知識

  • HTMLにTailwind CSSを組み込む方法
  • ユーティリティクラスでコンテナを作成する手順
  • 幅や高さのプロパティを設定する方法
  • Flexboxの仕組みについて理解します。
  • Flexアイテムの折り返しやサイズ変更の方法
  • グリッドレイアウトおよび行を作成する方法
  • グリッド内での要素配置調整の仕方
  • 要素間の隙間設定や配置の制御法
  • 個々の要素の配置操作の仕方
  • 要素にパディングやマージンを追加する方法
  • Tailwindユーティリティクラスでテキストの装飾を行う手順
  • ボーダーの追加およびスタイル設定法
  • 要素にシャドウ効果を付与する方法
  • ブレークポイントを用いてレスポンシブ対応を行う仕組み
  • 疑似セレクタの利用法について学びます。
  • レイヤー設定や適用指示の記述方法
  • コンポーネントを用いてコードの再利用を実現する手順

より効率的な開発環境の構築法

  • Tailwind CLIで環境整備を行う方法
  • ディレクティブおよび関数の使い方について学びます。

まとめおよび今後の取り組み方向性

要求

  • HTMLおよびCSSの基礎知識

対象者

  • 開発者
 7 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (2)

今後のコース

関連カテゴリー