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 program
Using Alpine JS
- Reusing data objects with Alpine.data
- Declaring a global data store: Alpine.store
Alpine JS Directives
- Declaring component data: x-data
- Adding visibility 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 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 in basic web design coding
- Proficiency in JavaScript programming
Audience
- Developers
14 Hours
Testimonials (4)
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
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
Course - React with Next.js
practice exercises
Mateusz - DPDgroup IT Solutions sp. z o.o.
Course - React Native for iOS and Android
The vue.js is something that I never worked with and the presentation clarified few of my doubts. But again, online courses are not efficient in acquiring knowledge.
