课程大纲
介绍
- 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
课程 - 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
机器翻译
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.