コース概要

導入

  • 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プログラミング経験

観客

  • 開発者
 14 時間

参加者の人数



Price per participant

お客様の声 (5)

関連コース

Building Web Apps using the MEAN stack

35 時間

関連カテゴリー