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.
- Determining when to use Alpine JS versus a full-fledged web framework.
- Installing Alpine JS.
- Creating an Alpine JS application.
Using Alpine JS
- Reusing data objects with Alpine.data.
- Declaring a global data store with Alpine.store.
Alpine JS Directives
- Declaring website data with x-data.
- Adding toggles with x-show.
- Handling custom events and Event Modifiers with x-on.
- Setting dynamic HTML attributes with x-bind.
- Advanced attribute binding using x-bind.
- Binding data to form elements with x-model.
- Setting element content with x-text and x-html.
Initializing Alpine JS Components
- Executing code on element initialization with x-init.
- Responding to dependency changes with x-effect.
- Referencing elements by key with x-ref.
Troubleshooting
Summary and Next Steps
Requirements
- Basic knowledge of web frameworks.
- Experience in coding for web design.
- Proficiency in JavaScript programming.
Audience
- Developers.
14 Hours
Custom Corporate Training
Training solutions designed exclusively for businesses.
- Customized Content: We adapt the syllabus and practical exercises to the real goals and needs of your project.
- Flexible Schedule: Dates and times adapted to your team's agenda.
- Format: Online (live), In-company (at your offices), or Hybrid.
Price per private group, online live training, starting from 2600 € + VAT*
Contact us for an exact quote and to hear our latest promotions
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
practice exercises
