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.
Course Outline
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
Requirements
- Basic understanding of web framework
- Experience with basic coding for web design
- JavaScript programming experience
Audience
- Developers
14 Hours
Testimonials (5)
Provided with nestjs even though it was not on the agenda
Suhail - Maldives Pension Administration Office (Pension Office)
Course - Typescript Unit Testing
Demonstrating non-obvious and non-intuitive behaviors/functionalities through examples.
Arkadiusz Prochwicz
Course - Advanced TypeScript
Machine Translated
Simplification of new complex techniques
Brian Zaranyika - Vodacom SA
Course - React Native Expo
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
Comparing practical solutions :D Illustrating things with real examples. Additionally, I highly appreciate the preparation of the API, databases, and tasks for us, which allowed us to test everything "in the field" :D
Mateusz Redzik - BETFAN SP. Z O. O.
Course - React with Next.js
Machine Translated
