課程簡介

介紹

  • Alpine JS概述
  • 什麼是 Alpine JS 指令

開始

  • 瞭解Alpine JS在現代網頁設計中的作用
  • 學習使用 Alpine JS 以及何時使用成熟的 Web 框架
  • 安裝 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 效應
  • 按鍵引用元素:x-ref

故障排除

摘要和後續步驟

最低要求

  • 對 Web 框架有基本的瞭解
  • 具有網頁設計基本編碼的經驗
  • JavaScript 程式設計經驗

觀眾

  • 開發人員
 14 時間:

人數



每位參與者的報價

客戶評論 (5)

相關課程

課程分類