お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
導入
- Tailwind CSSの概要
開始方法
- Tailwind CSSのインストール
- Nodeのインストール
- VS Codeのインストール
- 環境設定
Tailwind CSSの基本
- HTMLにTailwind CSSをアタッチする方法
- ユーティリティクラスを使用してコンテナを作成する
- 幅と高さのプロパティを追加する
- Flexboxの動作原理を理解する
- Flexアイテムを折り返し、サイズ変更する
- グリッドと行レイアウトを作成する
- グリッドレイアウト内の要素のフローを調整する
- 要素間に間隔を追加し、アイテムを整列させる
- 個々のアイテムを整列させる
- 要素にパディングとマージンを追加する
- Tailwindユーティリティクラスを使用してテキストをスタイル設定する
- ボーダーを追加し、スタイル設定する
- 要素にシャドウを追加する
- ブレークポイントを使用してレスポンシブ動作を追加する
- 疑似セレクターの使用
- レイヤーとapplyディレクティブの使用
- コード再利用のためにコンポーネントを使用する
より良いDev環境の設定
- Tailwind CLIを使用した環境の作成
- ディレクティブと関数
まとめと次の一歩
要求
- HTMLとCSSの基本的な知識
対象者
- 開発者
7 時間
お客様の声 (2)
ハンズオン演習、対面でのサポートと質疑応答。
Jose Paulos - INESC TEC
コース - Tailwind CSS
機械翻訳
先生。
Jose Ferreira - INESC TEC
コース - Tailwind CSS
機械翻訳