コース概要
導入
- Alpine JS の概要
- Alpine JS ディレクティブとは
はじめる
- 最新の Web デザインにおける Alpine JS の役割を理解する
- Alpine JS の使い方と、本格的な Web フレームワークをいつ使用するかを学ぶ
- Alpine JS のインストール
- Alpine JS プログラムの作成
AlpineJ の使用
- Alpine.data を使用したデータ オブジェクトの再利用
- グローバル データ ストアの宣言: Alpine.store
アルパイン JS ディレクティブ
- Web サイトデータの宣言: x-data
- トグルの追加: x-show
- x-on を使用したカスタム イベントとイベント モディファイアー
- 動的 HTML 属性の設定: x-bind
- x-bind による高度な属性バインディング
- データをフォーム要素にバインドする: x-model
- 要素の内容を設定します: x-text および x-HTML
Alpine JS コンポーネントの初期化
- 要素の初期化時にコードを実行する: x-init
- 依存関係の変更への対応: X 効果
- キーによる要素の参照: x-ref
トラブルシューティング
概要と次のステップ
要求
- Webフレームワークの基本的な理解
- Webデザインの基本的なコーディング経験
- JavaScriptプログラミング経験
観客
- 開発者 。
お客様の声 (5)
The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.
Lakshmipriya Sivakumar - Deque Systems Inc
コース - Spring Boot, React, and Redux
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
Marlon - National Confederation of Cooperatives
コース - React with Next.js
trainer very knowledgeable clear classes explains the importance of learn the topic gives enough background on topic
Li Fang Bren Ong - DBS Bank Limited
コース - Ant Design
このトピックについて多くのことを学びました
Zsolt Langviser - Accenture Industrial SS
コース - NestJS: Beginner to Advanced
Machine Translated
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.