コース概要

導入

  • Tailwind CSSの概要

開始方法

  • Tailwind CSSのインストール
  • Nodeのインストール
  • VS Codeのインストール
  • 環境設定

Tailwind CSSの基本

  • HTMLにTailwind CSSをアタッチする方法
  • ユーティリティクラスを使用してコンテナを作成する
  • 幅と高さのプロパティを追加する
  • Flexboxの動作原理を理解する
  • Flexアイテムを折り返し、サイズ変更する
  • グリッドと行レイアウトを作成する
  • グリッドレイアウト内の要素のフローを調整する
  • 要素間に間隔を追加し、アイテムを整列させる
  • 個々のアイテムを整列させる
  • 要素にパディングとマージンを追加する
  • Tailwindユーティリティクラスを使用してテキストをスタイル設定する
  • ボーダーを追加し、スタイル設定する
  • 要素にシャドウを追加する
  • ブレークポイントを使用してレスポンシブ動作を追加する
  • 疑似セレクターの使用
  • レイヤーとapplyディレクティブの使用
  • コード再利用のためにコンポーネントを使用する

より良いDev環境の設定

  • Tailwind CLIを使用した環境の作成
  • ディレクティブと関数

まとめと次の一歩

要求

  • HTMLとCSSの基本的な知識

対象者

  • 開発者
 7 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (4)

今後のコース

関連カテゴリー