課程簡介
介紹
- 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 程式設計經驗
觀眾
- 開發人員
客戶評論 (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
Course - 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
Course - 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
Course - Ant Design
學到了很多關於這個話題的知識
Zsolt Langviser - Accenture Industrial SS
Course - NestJS: Beginner to Advanced
機器翻譯
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.