Course Outline
Introduction
- Overview of Alpine JS
- Understanding Alpine JS directives
Getting Started
- Understanding Alpine JS’ role in modern web design
- Learning when to use Alpine JS versus a full-fledged web framework
- Installing Alpine JS
- Creating an Alpine JS application
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
Initializing Alpine JS Components
- Running code upon 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 basic coding for web design
- Experience with JavaScript programming
Audience
- Developers
Testimonials (5)
The patience with which he addressed the questions that arose
Carlos Ceballos - Banco de Mexico
Course - Spring Boot, React, and Redux
Machine Translated
The lessons was very interactive and the excersices was good practical
Heino - NWK Limited
Course - Laravel and Vue.js
I am glad we can get the recordings, slides and files zipped to us so we can always reference back to them when needed. David explained concepts clearly and was able to answer questions that we had. He was very knowledgeable.
Renee Chan - Mackenzie Investments
Course - Vue.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.
