お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
導入
- 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 時間
お客様の声 (5)
レッスンは非常にインタラクティブで、演習も実践的でした。
Heino - NWK Limited
コース - Laravel and Vue.js
機械翻訳
録画、スライド、ファイルが圧縮されて提供されるので、必要に応じていつでも参照できるのが嬉しいです。デイビッドは概念を明確に説明し、私たちの質問にも答えてくれました。彼は非常に知識が豊富でした。
Renee Chan - Mackenzie Investments
コース - Vue.js
機械翻訳
練習問題
Mateusz - DPDgroup IT Solutions sp. z o.o.
コース - React Native for iOS and Android
機械翻訳
私はこれまでに vue.js を扱ったことがなく、プレゼンテーションでいくつかの疑問が解消されました。しかし、オンラインコースは知識を習得するのに効果的ではないと思います。
Bogdan Stoica - EMAG IT Research S.R.L
コース - Advanced Vue.js
機械翻訳
彼が複雑な概念をより簡単に説明する能力。全体像の概要を提供し、これらの知識をどのように仕事の場面で最適に活用できるかを説明します。
Sefako Tholo - Vodacom SA
コース - React Native Expo
機械翻訳