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-scale 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 element content: 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 fundamental web design coding
- Proficiency in JavaScript programming
Target Audience
- Developers
14 Hours
Testimonials (4)
The details amout, way of explaning and the calm and confidence the trainer is inspiring.
Cosmin Ghergheles - Ness
Course - React, Redux and TypeScript
The Trainor gives more samples which really helps a lot.
Romulo - Tribal Software Philippines, Inc.
Course - Advanced TypeScript
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
