お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
導入
- Tailwind CSSの概要
開始方法
- Tailwind CSSのインストール
- Nodeのインストール
- VS Codeのインストール
- 環境設定
Tailwind CSSの基本
- HTMLにTailwind CSSをアタッチする方法
- ユーティリティクラスを使用してコンテナを作成する
- 幅と高さのプロパティを追加する
- Flexboxの動作原理を理解する
- Flexアイテムを折り返し、サイズ変更する
- グリッドと行レイアウトを作成する
- グリッドレイアウト内の要素のフローを調整する
- 要素間に間隔を追加し、アイテムを整列させる
- 個々のアイテムを整列させる
- 要素にパディングとマージンを追加する
- Tailwindユーティリティクラスを使用してテキストをスタイル設定する
- ボーダーを追加し、スタイル設定する
- 要素にシャドウを追加する
- ブレークポイントを使用してレスポンシブ動作を追加する
- 疑似セレクターの使用
- レイヤーとapplyディレクティブの使用
- コード再利用のためにコンポーネントを使用する
より良いDev環境の設定
- Tailwind CLIを使用した環境の作成
- ディレクティブと関数
まとめと次の一歩
要求
- HTMLとCSSの基本的な知識
対象者
- 開発者
7 時間
お客様の声 (4)
コーディング練習
Kesh - Vodacom
コース - HTML5, JavaScript, and CSS4
機械翻訳
トレーナーの教育スタイル
Fatma Badi - Dubai Electricity and Water Authority
コース - Front End Developer
機械翻訳
Web環境におけるコンソールの部分では、履歴をナビゲートして確認する方法やブラウザAPIについて説明しています。テンプレート内の各要素の適切な機能も詳しく解説されています。
Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
コース - HTML5, JavaScript, and CSS3
機械翻訳
I was benefit from the step by step and in detail guidance of the trainer.
Tam Jia Jun
コース - Angular 4: Create single-page applications using HTML, CSS, and JavaScript
機械翻訳