お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
はじめに
- Tailwind CSSの概要について説明します。
始め方
- Tailwind CSSのインストール方法
- Nodeのインストール方法
- VS Codeのインストール方法
- 開発環境のセットアップ手順
Tailwind CSSの基本知識
- HTMLにTailwind CSSを組み込む方法
- ユーティリティクラスでコンテナを作成する手順
- 幅や高さのプロパティを設定する方法
- Flexboxの仕組みについて理解します。
- Flexアイテムの折り返しやサイズ変更の方法
- グリッドレイアウトおよび行を作成する方法
- グリッド内での要素配置調整の仕方
- 要素間の隙間設定や配置の制御法
- 個々の要素の配置操作の仕方
- 要素にパディングやマージンを追加する方法
- Tailwindユーティリティクラスでテキストの装飾を行う手順
- ボーダーの追加およびスタイル設定法
- 要素にシャドウ効果を付与する方法
- ブレークポイントを用いてレスポンシブ対応を行う仕組み
- 疑似セレクタの利用法について学びます。
- レイヤー設定や適用指示の記述方法
- コンポーネントを用いてコードの再利用を実現する手順
より効率的な開発環境の構築法
- Tailwind CLIで環境整備を行う方法
- ディレクティブおよび関数の使い方について学びます。
まとめおよび今後の取り組み方向性
要求
- HTMLおよびCSSの基礎知識
対象者
- 開発者
7 時間
お客様の声 (2)
ハンズオン演習、対面でのサポートと質疑応答。
Jose Paulos - INESC TEC
コース - Tailwind CSS
機械翻訳
先生。
Jose Ferreira - INESC TEC
コース - Tailwind CSS
機械翻訳