Course Outline
Introduction
- Overview of Alpine JS.
- Understanding Alpine JS directives.
Getting Started
- Understanding the role of Alpine JS 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 using Alpine.store.
Alpine JS Directives
- Declaring website data with x-data.
- Adding toggles with x-show.
- Handling custom events and event modifiers with x-on.
- Setting dynamic HTML attributes with x-bind.
- Advanced attribute binding with x-bind.
- Binding data to form elements with x-model.
- Setting element content with x-text and x-html.
Initializing Alpine JS Components
- Running code upon element initialization with x-init.
- Responding to dependency changes with x-effect.
- Referencing elements by key with x-ref.
Troubleshooting
Summary and Next Steps
Requirements
- Fundamental knowledge of web frameworks.
- Experience with basic web design coding.
- Proficiency in JavaScript programming.
Audience
- Developers.
Testimonials (5)
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.
Bogdan Stoica - EMAG IT Research S.R.L
Course - Advanced Vue.js
His ability to explain complex concept in simpler terms. Giving an overview of how everything ties together and how we can best apply these in our work scenarios
