Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
コース概要
Introduction
- Overview of Alpine JS
- What are the Alpine JS directives
Getting Started
- Understanding Alpine JS’ role in modern web design
- Learning to use Alpine JS and when to use a full-fledge web framework
- Installing Alpine JS
- Creating Alpine JS program
Using the AlpineJs
- Reusing data objects with Alpine.data
- Declaring a global data store: Alpine.store
Alpine JS Directives
- Declaring website data: x-data
- Adding toggles: x-show
- Custom events and Event Modifiers with x-on
- Setting dynamic HTML attributes: x-bind
- Advanced attribute binding with x-bind
- Binding data to form elements: x-model
- Setingt the content of elements: x-text and x-HTML
Initialization of Alpine JS Component
- Running code on element initialization: x-init
- Responding to dependency changes: x-effect
- Reference elements by key: x-ref
Troubleshooting
Summary and Next Steps
要求
- Basic understanding of web framework
- Experience with basic coding for web design
- JavaScript programming experience
Audience
- Developers
14 時間
お客様の声 (5)
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
このトピックについて多くのことを学びました
Zsolt Langviser - Accenture Industrial SS
コース - NestJS: Beginner to Advanced
Machine Translated
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
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
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.
