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
- Understanding Alpine JS directives
Getting Started
- Understanding Alpine JS’s role in modern web design
- Learning when to use Alpine JS versus a full-fledged web framework
- Installing Alpine JS
- Creating an Alpine JS program
Using Alpine JS
- 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
- Setting the content of elements: x-text and x-html
Initializing Alpine JS Components
- Running code on element initialization: x-init
- Responding to dependency changes: x-effect
- Referencing elements by key: x-ref
Troubleshooting
Summary and Next Steps
Requirements
- Basic understanding of web frameworks
- Experience with basic coding for web design
- JavaScript programming experience
Target Audience
- Developers
14 Hours
Testimonials (3)
Project folder and files with exercises all available to us with a virtual desktop, pair programming during the exercises
Jacob Flynn - Chemist4U
Course - React with Next.js
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
Being in a solo training session is great for asking all the questions you want.
Nicolas - Caf du Rhone
Course - Quasar Framework and Vue.js
Machine Translated
