Course Outline
Introduction
- Overview of Alpine JS
- What are the Alpine JS directives
Getting Started
- Understanding Alpine JS’ role in modern web design
- Learning to use Alpine JS and when to use a full-fledge web framework
- Installing Alpine JS
- Creating Alpine JS program
Using the AlpineJs
- 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
- Setingt the content of elements: x-text and x-HTML
Initialization of Alpine JS Component
- Running code on element initialization: x-init
- Responding to dependency changes: x-effect
- Reference elements by key: x-ref
Troubleshooting
Summary and Next Steps
Requirements
- Basic understanding of web framework
- Experience with basic coding for web design
- JavaScript programming experience
Audience
- Developers
Testimonials (5)
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
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.
