お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
導入
- Alpine JS の概要
- Alpine JS ディレクティブとは何か
はじめに
- モダンなウェブデザインにおける Alpine JS の役割の理解
- Alpine JS を使用する方法と、完全なウェブフレームワークを使用するべき時を学ぶ
- Alpine JS のインストール
- Alpine JS プログラムの作成
AlpineJs の使用
- データオブジェクトの再利用: Alpine.data
- グローバルデータストアの宣言: Alpine.store
Alpine JS ディレクティブ
- ウェブサイトデータの宣言: x-data
- トグルの追加: x-show
- カスタムイベントとイベント修飾子: x-on
- 動的な HTML 属性の設定: x-bind
- 高度な属性バインディング: x-bind
- フォーム要素へのデータバインディング: x-model
- 要素のコンテンツの設定: x-text と x-HTML
Alpine JS コンポーネントの初期化
- 要素の初期化時にコードを実行する: x-init
- 依存関係の変更に応答する: x-effect
- キーで要素を参照する: x-ref
トラブルシューティング
まとめと次回のステップ
要求
- ウェブフレームワークの基本的な理解
- ウェブデザインのための基本的なコーディング経験
- JavaScript のプログラミング経験
対象者
- 開発者
14 時間
お客様の声 (4)
トレーナーが示す詳細な説明、落ち着きと自信。
Cosmin Ghergheles - Ness
コース - React, Redux and TypeScript
機械翻訳
Trainorは多くのサンプルを提供し、それが非常に役立っています。
Romulo - Tribal Software Philippines, Inc.
コース - Advanced TypeScript
機械翻訳
講師のプロフェッショナリズムが気に入っています。彼は本当に自分の話している内容を理解しており、トピックに関連するほぼ全ての単純な主題も含めて説明できることは何より素晴らしいと思います。
Marlon - National Confederation of Cooperatives
コース - React with Next.js
機械翻訳
練習問題
Mateusz - DPDgroup IT Solutions sp. z o.o.
コース - React Native for iOS and Android
機械翻訳