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
- Exploring Alpine JS’ role in contemporary web design
- Determining when to use Alpine JS versus a comprehensive web framework
- Installing Alpine JS
- Writing your first Alpine JS program
Working with Alpine JS
- Reusing data objects via Alpine.data
- Establishing a global data store: Alpine.store
Alpine JS Directives
- Defining component data: x-data
- Implementing visibility toggles: x-show
- Handling custom events and modifiers with x-on
- Binding dynamic HTML attributes: x-bind
- Advanced attribute binding techniques with x-bind
- Two-way data binding for form elements: x-model
- Manipulating element content: x-text and x-html
Initializing Alpine JS Components
- Executing code upon element initialization: x-init
- Reacting to dependency changes: x-effect
- Referencing elements by key: x-ref
Troubleshooting
Summary and Next Steps
Requirements
- Fundamental knowledge of web frameworks.
- Experience with basic coding for web design.
- Proficiency in JavaScript programming.
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
practice exercises
