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-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 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 the content of elements: x-text and x-html
Initialization of 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
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.
